Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
Webデザインには一般のデザインスキルのほかに、HTML・Javascript・CSSなど多様なスキルが求められます。Webデザイナーが、さらに複雑化するWebデザインを把握する一助にでもなれば幸いです。
画像を使用して、divの矩形を角丸やグラフィカルにするスクリプトを紹介します。DivCornersdemo角丸にするdivは入れ子にする必要がなく、下記のようにスクリプト側で配置する画像を設定します。demo [...]
画像を使用して、divの矩形を角丸やグラフィカルにするスクリプト [ by paranod ]
[JS]オートプレイに対応したコントローラー付きのシンプルな画像ギャラリー -Simple Controls Gallery | コリス[JS]オートプレイに対応したコントローラー付きのシンプルな画像ギャラリー -Simple Controls GallerySimple Controls Gallery画像の表示は自動と手動に対応しており、互いにフェードしながら画像が切り替わります。 手動用のコントローラーは、マウスをギャラリー...[ データ元へ ]
[JS]パララックス効果でパネルをダイナミックにスライドさせるスクリプト | コリスjQueryを使用して背景にパララックス（視差）効果を持たせ、パネルをダイナミックにスライドさせるチュートリアルをIn The Woodsから紹介します。Create a Funky Parallax Background Effect using jQuery demoデモではちょっと酔いそうな...[ データ元へ ]
[JS]選択したスタイルをクッキーに保存できるスタイルスイッチャー | コリスjQuery StyleSwichterは、ユーザーがスタイルシートを変更でき、変更したスタイルをクッキーに保存できる、設置が簡単なスクリプトです。jQuery StyleSwichter デモページスタイルシートの変更はレイアウトの色・スタイルや文字サイズなど、ユーザーの好みに合わせたブラウジン...[ データ元へ ]
実用的でクリエイティブなjQueryの使用例20選 | CREAMUjQueryでクールで使える機能を実装したい。そんなときに参考になるのが、『The 20 Most Practical and Creative Uses of jQuery』。実用的でクリエイティブなjQueryの使用例20選だ。以下にいくつかご紹介。↑のキャプチャはFamSpamsのFaceB...[ データ元へ ]
ブラウザのサイズに合わせて画像を伸縮する作業を全自動化するjQueryプラグイン「maxImage」:phpspot開発日誌PHPからbit.lyやtr.im等のURL短縮サービスをまとめて扱える「PEAR::Services_ShortURL」 ブラウザのサイズに合わせて画像を伸縮する作業を全自動化するjQueryプラグイン「maxImage」。 このプラグインを使えば、画像のサイズをブラウザサイズの変更があったとし...[ データ元へ ]
[JS]外部サイトのリンクにfaviconを表示して、分かりやすくするスクリプト | コリス外部サイトのリンクにfaviconを表示して、分かりやすくするスクリプトをLiviu Holhoşから紹介します。Add a favicon near external links with jQuery demoデモでは外部サイトのリンクのみfaviconを表示し、同一ドメインのリンクには表示し...[ データ元へ ]
GoogleでホストされているjQueryを使う方法 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～激しく既出だと思いますが、いつも調べているような気がするので個人的にメモ。jQueryのライブラリをこちらに持たずにGoogle側でホストしてもらう方法です（ホストしてもらう、という言い方はちょっと変、かな・・・。キャッシュ効果が主なメリットですかね）。■ 利用方法以下のコードで。<script ...[ データ元へ ]
70 
12 
15 coliss.com![[JS]画像を使用して、divの矩形を角丸やグラフィカルにするスクリプト -DivCorners | コリス Webデザイン フィード](/thumbnail/278647.png)