タグ L E
人気順 10 users 50 users 100 users 500 users 1000 usersもうPhotoshopは要らない?ブラウザだけでできるグラフィックジェネレータ15選 | S i M P L E * S i M P L E
もうPhotoshopは要らない?ブラウザだけでできるグラフィックジェネレータ15選 May 29, 2007 9:24 AM written by そのままですが、Mashableで「Forget Photoshop: 15 Online Graphics Generators」が紹介されていました。 これはメモしておかねば。 Buttonator ボタンがいろいろ作れます。設定がいろいろあって... 続きを読む
本文の下のほうをFade Outしてフッターを際立たせる方法 | S i M P L E * S i M P L E
本文の下のほうをFade Outしてフッターを際立たせる方法 May 9, 2007 8:08 AM written by 8maki fortuitousというブログには、ちょっと楽しい小細工が。 本文の下のほうに行くと文字や画像がFade Outしていきます。フッターのメニューがうかびあがってくるように見えてユニークです。 ちょっと実現方法がユニークなので皆さんも考えてみてください。 実はこれ... 続きを読む
小粋なインターフェースを実現する25のコード (パート4) | S i M P L E * S i M P L E
小粋なインターフェースを実現する25のコード (パート4) May 5, 2007 12:24 PM written by 先日ご紹介した第三弾に続き、第四弾。さて、いつまで続くのやら・・・と思いつつエントリー。 小粋なインターフェースを実現する25のコード 小粋なインターフェースを実現する25のコード (パート2) 小粋なインターフェースを実現する25のコード (パート3) 今回も素敵なコードが... 続きを読む
あらゆるページに拡大鏡を追加できる『Loupe.js』 | S i M P L E * S i M P L E
あらゆるページに拡大鏡を追加できる『Loupe.js』 May 2, 2007 12:00 AM written by これはすごい。あらゆるページに拡大鏡を設置できるJavascriptです。 ↑ こんな感じに拡大鏡を設置可能。 画像と簡単なスクリプトをインストールすればOKなようです。 追加するコードは以下のとおり。 まずはページのヘッド部分に以下を追加。 <script type="text... 続きを読む
小粋なインターフェースを実現する25のコード (パート2) - SIMPLE*SIMPLE ~ ウェブ職人のための小粋なネタ帳 ~
小粋なインターフェースを実現する25のコード (パート2) March 18, 2007 1:15 AM written by 「小粋なインターフェースを実現する25のコード | S i M P L E * S i M P L E」の続編が出たようです。 今回もなかなか小粋な技がそろっていますね。新しくサービスを作られている方は参考にされてみては。 ↑ ツリー構造のテーブルを実現。 ↑ CSSでプ... 続きを読む
過去のものがかすれていくというインターフェース | S i M P L E * S i M P L E
過去のものがかすれていくというインターフェース March 2, 2007 10:00 PM written by watanabe 以前読んだ三宅氏のコラムに、こんなことが書いてありました。 最近書き込まれた記事は普通に表示されるのに対して、古い記事になればなるほどフォントの色がセピア色にあせていき、最後には記事が消えてしまう機能があればいいかもしれない。 この記事での文脈とはちょっと違うかもし... 続きを読む
小粋なDHTMLとAJAXのスクリプトが36種類!『mixiAjax.com』 | S i M P L E * S i M P L E
小粋なDHTMLとAJAXのスクリプトが36種類!『miniAjax.com』 February 27, 2007 3:39 PM written by Gen Taguchi これは覚えておくとちょっと便利そう。 miniAjaxではちょっと小粋なインターフェースをつくるためのDTMLやAjaxを紹介しています。 » MiniAjax.com / A showroom of nice looki... 続きを読む
フォームの入力値チェックをしてくれるJavascriptのライブラリ『Validate.js』 | S i M P L E * S i M P L E
フォームの入力値チェックをしてくれるJavascriptのライブラリ『Validate.js』 February 21, 2007 10:20 AM written by これは便利そう。 『validate.js』ではフォームのさまざまな入力をチェックしてくれます。URLやメールアドレスなどのよくあるチェックに加え、ISBNかどうかといったマニアックなチェックもできます。 マニュアルに載っている... 続きを読む
無料で使えるベクターデータを配布しているサイト27選 | S i M P L E * S i M P L E
無料で使えるベクターデータを配布しているサイト27選 February 21, 2007 8:50 AM written by 拡大縮小しても画質が劣化しないベクターデータは何かと便利です。 Tutorial Blogで無料で使えるベクターデータを配布しているサイトが紹介されていました。全部で27あります。 ふきだし風のパーツやアクア風のボタン、国旗やトランプなど、さまざまな用途に使えそうです。 ... 続きを読む
Web2.0風デザインのための秀逸チュートリアル68選 | S i M P L E * S i M P L E
Web2.0風デザインのための秀逸チュートリアル68選 February 20, 2007 8:41 AM written by こ、これはかなり使えます・・・。 が、とっても紹介が難しいのでさらりと。今回は実験的なエントリーとして画像一切なしで。 『Web2.0風デザインのためのチュートリアル68選』です。 » Web 2.0 Webdesign-Tutorials | Dr. Web Webl... 続きを読む
CSSと一枚の画像だけで透明感のある角丸パーツをつくる方法 | S i M P L E * S i M P L E
CSSと一枚の画像だけで透明感のある角丸パーツをつくる方法 February 17, 2007 12:59 AM written by ※ 下記の記事に誤りがありました。謝罪&修正記事はこちらへ。 あいかわらず流行っている角丸系パーツですが、新しいテクニックが紹介されていたのでエントリー。 » Even More Rounded Corners With CSS - Schillmania.com... 続きを読む
CSSとPHPできれいなグラフを描く方法 | S i M P L E * S i M P L E
CSSとPHPできれいなグラフを描く方法 February 13, 2007 9:07 AM written by terrill.caにてCSSとPHPできれいなグラフを描く方法が紹介されていました。 » terrill.ca | Vertical Bar Graphs using CSS and PHP 棒グラフや立体グラフなどがCSSのスタイルで描けます。PHPはデータの抽出と縮尺の設定だけ... 続きを読む
フォントの色と大きさと背景色の微妙な関係 | S i M P L E * S i M P L E
フォントの色と大きさと背景色の微妙な関係 December 26, 2006 10:00 AM written by 8maki 12月1日からクリスマスまで、日替わりでウェブ制作のちょっとしたTipsを紹介する「24 ways」が今年も開設されているようです。 その24 waysから一つご紹介。 » 24 ways: Cheating Color フォントの色と大きさと背景色についてのTipsで... 続きを読む
『ウェブ2.0 HOW-TO デザインガイド』がよくまとまっています | S i M P L E * S i M P L E
『ウェブ2.0 HOW-TO デザインガイド』がよくまとまっています December 22, 2006 9:21 AM written by なんだか前にもこういうまとめを紹介しましたが、また良くまとまっているのがあったのでご紹介。 Web design scratchのサイトで「Web 2.0 how-to design guide」なるまとめがありました。 » Web 2.0 how-to ... 続きを読む
勝手ながら『Web 2.1のデザインパターン』を考えてみた | S i M P L E * S i M P L E
勝手ながら『Web 2.1のデザインパターン』を考えてみた December 19, 2006 7:04 AM written by さてデザイナーでもなんでもないのでかなり個人的な主張ですが、「Web 2.0っぽいデザイン」の次を考えてみました。 名づけて『Web 2.1のデザインパターン』w。 個人的には「角丸の次って何よ?」と常々思っていたので、最近新しく出てきたサイトに共通するいくつかの特... 続きを読む
【無料ミニアイコン集】 サンタからのちょっと早い贈り物『Mini Icon 2』 | S i M P L E * S i M P L E
【無料ミニアイコン集】 サンタからのちょっと早い贈り物『Mini Icon 2』 December 8, 2006 4:04 AM written by かわいらしいミニサイズのアイコンを配布しているBrand Spanking Newのサイトで一足早いクリスマスプレゼントが配布されていました。 113の超ミニアイコンです。サイズは10×10。かわいらしいすね。 これらを使ってなんかのアプリ作っち... 続きを読む
退会後のアカウントはどうなる?のまとめ | S i M P L E * S i M P L E
退会後のアカウントはどうなる?のまとめ December 7, 2006 4:07 AM written by Ryuhei So これだけネットの利用が日常的になると、よく使うサービスのアカウント名が自分を表す別名として機能してきます。 ただ、このアカウント名が退会後にどうなるか気になったことはありませんか? 自分(と他の人)が慣れ親しんできたこのアカウント名を他の人が使うことができるのでしょう... 続きを読む
CSSだけで文字にドロップシャドウをつける方法 | S i M P L E * S i M P L E
この記事のトラックバックURL (トラックバックは承認後に公開されます) javascriptで文字にドロップシャドウをつける方法 SiMPLE*SiMPLEさんのエントリー、CSSだけで文字にドロップシャドウを... とあるWEBクリエイターのblog | 2006年11月28日 00:43 コメント一覧 これはわりと有名なCSSでやってはいけない例ですよ。 CSS非対応ブラウザで見ると文字が2... 続きを読む
Web 2.0のデザインパターン | S i M P L E * S i M P L E
Web 2.0のデザインパターン November 24, 2006 12:15 PM written by Gen Taguchi メモ書きにてエントリー。訳しただけだけど。 Pixel Acresにて「The visual design of Web 2.0」という記事があがっています。Web 2.0っぽいサイトのデザインをパターン化したものです。見た目がすべてではありませんが、とっても重要な... 続きを読む
ページをマトリックス風に表示するJavascript | S i M P L E * S i M P L E
ページをマトリックス風に表示するJavascript November 2, 2006 8:02 AM written by これは新しい。 なんとあらゆるページをマトリックス風に表示してくれるのだ。(実際の動作はこちら) 実装するには以下の1行をコードに加えるだけ。 <script src="http://bodytag.org/bt_melter/bt_melter.js" type="tex... 続きを読む
このページの先頭へ、をちょこっとおしゃれに | S i M P L E * S i M P L E
このページの先頭へ、をちょこっとおしゃれに September 27, 2006 7:08 AM written by ブログでもサイトでもよく見る「このページの先頭へ」のリンク。長~いページだとそのリンクで一瞬に先頭に行ってしまい、読んでいる人が混乱することもよくあります。 そこでご紹介したいのが「するするるーーー」と先頭まで戻ってくれるJavascript。このブログでも導入してありますので是... 続きを読む