ショートカット背景｜ 画像加工｜ ボタン｜ ナビゲーション｜ ロゴ｜ CSS｜ 素材サイト背景Fresh Generator グラデーションや角丸をpng形式で作成できます。【Box】ボックスのサイズ・色・不透明度・影【Corners】角丸の有無・カーブの加減【Border】ボーダーのサイズ・色・... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
軽量で非常に高機能なjavascriptプラグイン。豊富な機能に加えて、デザイナーでも何とかわかる範囲の言語として最近さらに人気を集めていますが、今回紹介するのは最新の使えるjQueryプラグインを集めた「25 Amazing and Fresh jQuery Plugins」というエントリー。M... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではな... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
今日は、Webページの作り方に関して、ちょっとした細かい話を。ページに画像を入れるときに、imgタグの「文字の色」をCSSで指定しておきましょう。画像に文字色？ と思ったあなた、ちゃんと理由があるのです。なぜ画像なのに「文字の色」を指定しなければいけないのでしょうか。それは、画像が表示されない状態... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ユーザーの行動への呼びかけを促す「ダウンロード」や「サインアップ」などのボタンをデザインする際に気をつけたい5つのポイントをLee Munroeから紹介します。Web Design Trends: Call To Action Buttons先日とりあげた「ハイパーテキストリンクのスタイル大全」の... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
XHTML/HTML TIPS | FlashLiteのことばかり書いているので、今日はHTML/XHTMLのことを書きます。 HTML/XHTMLをでサイトを作る際、デザイナーさんやコーダーさんがちょっと気をつけておけば見栄えはグンッと良くなります。 ぜひ、取り入れてみてください！■画像のコツ横... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]写真撮影のように画像を切り取るスクリプト -Photoshoot | コリス フィード](/thumbnail/392342.png)
大きな画像から指定した一部だけを切り抜いて、写真の撮影をシミュレートしたスクリプトをTutorialzineから紹介します。Making a Photoshoot Effect With jQuery & CSS デモページデモではカーソルに合わせて、カメラのファインダーで覗いているような矩形が表... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
PushingPixelsからPNG画像の影をコントロールするデモとアニメーションで二つの画像を表示するデモを紹介します。dynamic PNG shadow「dynamic PNG shadow」では左下のスイッチをオンにすると、その光源の位置に従ってロゴに影が表示されます。また、ロゴと光源はマ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]スタイリッシュなボタンを画像を使用しないで実装するスクリプト -styledButton | コリス フィード](/thumbnail/387443.png)
Googleで使用されているようなグラデーションのスタイリッシュなボタンを画像を使用しないで実装するスクリプトを紹介します。jQuery imageless buttons a la Google デモページサポートしているブラウザも多く、下記の通りです。Opera 10 betaOpera 9.... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]画像の一部にフレームをオーバーレイさせて目立たせる方法 | コリス フィード](/thumbnail/383388.png)
『 CSS3のボーダーに画像を指定する機能を使って、画像の上にフレームを重ねています。なるほど。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
何かと需要の高いWebギャラリーを 作るためのjqueryプラグインなどのjs やFlashギャラリー、WordPressでサクッ と作るためのプラグインやテーマなどの まとめです。 柔軟性を考慮し、FlickrなどのWebサービスから引張るようなギャラリーは割愛しました。全部で47点。稼動するか... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
IE6/7/8でWebサイトの見栄えを見比べ「Microsoft Expression Web SuperPreview」「Microsoft Expression Web SuperPreview for Windows Internet Explorer」v3.0.1776.0初期状態では画面... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Último proyecto completado: Chimeneas Rofer & Rodi Proyecto actual en curso: Arteforo(versión en castellano abajo)I’ve took the classic paint The Mai... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これはすごく便利。Easy Front-End Frameworkは今風のウェブサイトを作る際に使えるテンプレートである。HTML、CSS、Javascriptが全部含まれているので、見出しや本文、テーブルといったスタイルだけではなくて、Tooltipsや浮かび上がってくる画像なども簡単に作れる点... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
※この記事は「Web制作の現場で使えるjQuery UIデザイン入門」の第23回です。過去の記事もご覧ください。「カルーセルパネル」は、画像などのコンテンツを並べたパネルを左右にスライドさせて切り替えるUIです。Amazonの「この商品を買った人はこんな商品も買っています」で利用されているので、名... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
WordPressを使ったサイトのサイドバー などに良く表示されているカテゴリーや ページへのリンクに簡単にアイコンを 付けられるプラグイン・Category and page iconsをご紹介します。ネーミングそのままですね。正直cssで設定するのは面倒な作業だったのでこれは結構需要の高そうな... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのweb... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これで無料か、と思わせるほど結構凄いフリーのWordPressのテーマMagnoliaをご紹介。MagnoliaはかなりカスタマイズされたWordPressのテーマで無料で使うことが可能です。スタイルとロゴを設定画面で変更できるMagnoliaはファイルをアップロードし、外観で有効化。設定ページも... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]透過画像を使用して幻想的な背景をつくりだすスタイルシート | コリス フィード](/thumbnail/366276.png)
ユーザーのスクロール操作をトリガーにして、グラデーション画像に透過画像を重ねて幻想的な背景をつくりだすスタイルシートをFive Finger Codingから紹介します。スクロール後仕組みは、透過PNG画像を固定配置し、レッドからブラックへのグラデーション画像がスクロールされると、ブラックになった... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]各画像のパーマリンクが有効な画像ギャラリーを実装するスタイルシート | コリス フィード](/thumbnail/364492.png)
JavaScriptやFlashを使用しないで、各画像の個別のパーマリンクが有効な画像ギャラリーを実装するスタイルシートをCSSplayから紹介します。下記にCSSplayからいくつか紹介します。全てHack無し [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
