Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
bashのコマンドプロンプトのカスタマイズ方法が紹介されていましたよ。なかなか愉快なものもあるので一気にご紹介。これは楽しいｗ。実行結果を絵文字でｗコマンドを実行して成功したらニコニコマーク、失敗したら残念マークを表示しますよｗ。PS1="\`if [ \$? = 0 ]; then echo \... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]スクリプト無しで、パネルを滑らかなスライドで切り替えるスタイルシート | コリス](/thumbnail/327349.png)
画像を配置したパネルをアニメーションのような滑らかなスライドで切り替えるスタイルシートをCSSplayから紹介します。Experimental – Sliding menu demoデモではパネルの左側のナビゲーションにマウスをホバーすると、右側にそれに対応した画像がアニメーションのようなスライド... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
商用でも無料で利用可、スパークした光のエフェクトを描く高精細のPhotoshopのブラシをWeb Designer Depotから紹介します。Free Photoshop Brushes: "Sparkli [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。Clever PNG Optimization Techniques下記、各ポイントをピックアップして紹介します。 4番目のはCS3向け... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]img要素の属性で画像をLightbox風に拡大するスクリプト -Fullsize | コリス](/thumbnail/273132.png)
img要素の属性「longdesc」「title」を元に、Lightbox風にスムーズなアニメーションで画像を拡大するスクリプト「Fullsize」を紹介します。Fullsize A New IMG Tag Attribute「longdesc」は本来、画像の（詳細で長い）説明ページへのリンクを記... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
IE1, 2, 3, 4, 5, 6, 7, 8の確認が同時にできる -Internet Explorer CollectionInternet Explorerの異なるバージョン（1, 1,5, 2, 3, 4, 5, 5.5, 6, 7, 8）を同時に起動して、確認ができる「Internet ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]jQueryの効果的な使い方を実例から学ぶ -Use jQuery | コリス](/thumbnail/272053.png)
Use jQueryは、JavaScriptのライブラリ「jQuery」とそのプラグインを使用したウェブサイトのショーケースです。Use jQuery登録されているサイトは現在のところ168サイトで、17のカテゴ [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Simple Toggle with CSS & jQuery demoデモではバーをクリックすると、パネルがスムーズに開閉します。 それぞれのパネルは個別に開閉するため、同時に開いた状態にすることも可能です。バーはH2要素、パネルはdiv要素で実装されており、パネル内には画像やテキストなどを自由... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
紙・布・木・草・岩・雲・コンクリート・グランジなど、シームレスに使用できるテクスチャ素材を配布しているFree Seamless Texturesを紹介します。Free Seamless TexturesPaper [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Home ＞ フォトショップ講座＞ Photoshopで太陽光の上にハートを作って壁紙にする方法（独占チュートリアル）Photoshopで太陽光の上にハートを作って壁紙にする方法（独占チュートリアル） 投稿日：2009年01月20日 レベル：初心者 ソフトウェア：このチュートリアルでは、... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ブラウザのスタイルをリセットするYUIやEric MeyerやEd EliotのスタイルシートをCDNで提供するCSS-Reset.comを紹介します。CSS-Reset.comスタイルシートは全て圧縮されており、サイトで使用する場合は下記のコードを使用します。Eric Meyer's Reset... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]一つの要素に複数の背景画像を自由に配置できるスクリプト -Background Layering | コリス](/thumbnail/241238.png)
Background Layeringは、一つの要素に複数の背景画像を自由に配置したり、使い回すこともできるスクリプトです。CSS Multiple Backgrounds / Background Layering [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Smashing Magazineから、個人・商業サイトでフリーで利用できるハイクオリティな光とスワールな飾りを描くPhotoshopのブラシを紹介します。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。How to Create a Copper Photoshop Text EffectHow to Make Patch on ClothesAwesome Floral Typewith FireworlsCreate a... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Six Revisionsのエントリー「デザイナーのための40+のよく使うチートシート集」から、PhotoshopやIllustrator、カラーなどのチートシートを紹介します。
40+ Useful Cheat She [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]アニメーションで開閉するドロップダウン型ナビゲーションの軽量スクリプト | コリス](/thumbnail/227533.png)
leigeberから、アニメーションで開閉する、多段階層に対応したドロップダウン型ナビゲーションの軽量（1KB強）スクリプトを紹介します。
JavaScript Dropdown Menu with Multi Levels
demo
ナビゲーションはリスト要素で実装されており、各ラベルはテキス... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
動画やスライドショーのBGMに使えそうな楽曲素材サイトまとめ November 18, 2008 8:24 AM written by Gen Taguchiちょっと調べものをしたので結果をシェア。楽曲素材サイトのまとめです。スライドショーなんかを作ったときにBGMつけたいときありますよね。そうし... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]画像を使用しないで角丸を実装するスクリプト -jQuery Corners | コリス](/thumbnail/222306.png)
submit, buttonを角丸にしたデモ対応ブラウザは、IE6+, Fx2+, Op9+, Safari2+, Chrome, iPhoneとなっています。オプションでは、角丸のサイズ、アンチエイリアスの有無、角丸を適用するコーナーの指定などができます。 スクリプトはjQueryのプラグインの... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Smashing Magazineのエントリーから、シンプルなラインがかわいいフリーのアイコンセットを紹介します。 Simplicio: A Free Icon Set アイコンは78個がセットで、PNG(32 [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これは超絶便利そう。あとで使うという意味でメモ的エントリー（といいつつ最近コーディングしていない・・・）。 jQuery Cornerは簡単な記法でさまざまな角丸風エフェクトを実現してくれます。 ↑ まずは基本。 ↑ ちょっと複雑なこんな感じのも。 ↑ 枠の色を変えてみたり。 ↑ 名前タグみたいで... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
