Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
Category ： CSS3テキストに影をつける text-shadow ボックス要素に影をつける box-shadow は今後必須のプロパティになりそうな気がするので使い方などをまとめておきたいと思います。text-shadow の使い方名前の通りテキストに影をつけてくれるプロパティです。 デ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ハイパーテキストリンクをデザインする上で知っておきたい基礎知識から、実用的なチップス、やってはいけない間違いなど、すぐに役立つテクニックをSmashing Magazineから紹介します。The Definitive Guide To Styling Web Links以下は、各ポイントを意訳した... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Photoshopでテキストを装飾したい。そんなときに参考になるのが、『33 Creative Photoshop Tutorials Text Effects for Beginners and Advanced』。Photoshopのテキストエフェクトチュートリアル集です。かっこいいものが揃っ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
とってもわかりやすいサービスが登場したようですな。覚えておいても良いかも。動的に、というか、URLを細工するだけで好きなサイズのダミー画像を作れるサービスです。使い方は超絶簡単。以下のような感じです。http://dummyimage.com/320x240そのままですが、太字の部分を変更すれば自... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
「TEKICO（テキコ）」は、ダミーテキストを簡単に生成できるソフト。Windowsなどに対応するフリーソフトで、編集部にてWindows 7で動作を確認した。作者のWebサイトからダウンロードできる。なお、動作にはAbobe AIR 1.5以降が必要。テキストを扱うプログラムを作成したり、Web... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ホワイトの背景にブラックの文字、ブラックの背景にホワイトの文字の組み合わせがベストでしょうか？ウェブデザインにおいて、背景と文字の色の組み合わせ方で可読性を考慮するきっけかになるスタディをDevloungeから紹介します。ホワイトとブラックを使用したコントラストのスタディです。 上段の1と3はホワ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]Twitterのように残りの文字数をカウント表示するスクリプト -charCount | コリス Webデザイン フィード](/thumbnail/385406.png)
TwitterのUIのように、入力できるテキストの残りの文字数をカウントして表示するスクリプトをcss globeから紹介します。Simplest Twitter-like dynamic character count for textareas and input fields デモページ上記... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
googleGoogle 日本語入力用の辞書を探してたら、結構な数が公開されていたので、まとめておきます。 Apple用語辞書林檎塾: Google日本語入力のApple用語辞書1.2に更新郵便番号辞書郵便番号辞書(for Google 日本語入力) 2009.11.30更新版 登録方法 with... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
日々の生活の中のちょっとした用事やちょっとした思いつきを書き留めておきたいのだけどどこに書いたらいいのやら…という場面で活躍するフリーソフトが「CintaNotes」です。 起動中はタスクトレイに常駐してショートカットキーで呼び出せるので、思いついたその時にメモを取ることが可能です。ウェブ上のテキ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ちょっとしたトリックを使用して、テキストを画像の下に回り込ませないようにするスタイルシートをNO Margin No Errorから紹介します。Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ligula arcu, lu... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
テキストにさまざまなエフェクトをかけるPhotoshopのチュートリアルを紹介済みのものから未紹介のものまで、2009年の総まとめです。レタープレスハンドライトグランジフラリッシュ3Dテキスト・ポスター [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Category ： CSS リファレンス今まで使ってコーディングが楽になったと思われるCSSテクニック（一部CSSではない部分もありますが...）などをまとめておきたいと思います。コーダーの方は知っている事が殆どだと思いますが、知らない人は直ぐにでも使える簡単な事も多いので是非使ってみて下さい。... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
マウスオーバー等で吹き出しが 現れるツールチップのまとめです。 jQueryが殆どになります。 吹き出しは画像やcssを変更 すれば別の形状にする事も可能 なのでうまく活用したいですね。吹き出し以外のツールチップを実装できるjsをお望みでしたら以下の記事が参考になりそうです。15 jQuery P... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]1ピクセルのラインを巧みに使用したドロップダウン型ナビゲーション | コリス Webデザイン フィード](/thumbnail/349255.png)
Black and white anywidth centered menu demoドロップダウン型ナビゲーションはラベルのテキスト量に関わらず中央に配置され、カラーはスタイルシートで指定されているので簡単に変更が可能なようになっています。また、ナビゲーションの随所には効果的に1ピクセルのライン... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
コメント [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
HiFi RegExp Tool - Write and Test Regular Expressions in Real-Time その場で動作させて確認する正規表現入門ツール「HiFi RegExp Tool」 ボックスの中に、正規表現を入れるだけで、リアルタイムにページの内容が正規表現に沿っ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
『 テキスト、インフォメーション 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Google , Microsoft , Windows , フリーソフト , 仕事術Google Docsから使えるNotepadにソックリなテキストエディター『Nocs』掲載日時：2009.09.26 20:00 コメント [0], トラックバック [0]Windowsのみ：長年Window... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Tutorial Loungeというサイトで、Photoshopで作るテキストエフェクトチュートリアルがたくさん紹介されています。ざっといくつかご紹介。↑はLiquid Text Photoshop Tutorial。Dramatic Text on Fire Effect in Photosho... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 イラストレーターで文字を加工する方法あれこれ、なんかよさそう。 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
