2experts Designのエントリーから、三色で作成されたシンプルでかわいらしいフリーのアイコン30個を紹介します。
Liquid & Color Adjustable CSS Buttons - CSS/XHTML/Photoshop Tutorial When working on a large site with multiple buttons, it can be quite tedious to make all the buttons in Photoshop.CSSで色指定が可能な立体的でクールなボタン実装サンプル。 次のようなクールなボタンが作れます。background-color の指定でボタンの色が変えられるのでなかなか良いです。 だめかと思われたIE6でも動作してます。 追記) CSSのみでIE6.0対応しているわけでなく、一部JavaScriptを使用しているみたい。 ご連絡いただきましてありがとうございました。 関連エントリ CSSでクールなボタンを作るまとめ
かっこいいナビゲーションメニューをさくっと実装したい。 そんなあなたにおすすめなのが、『300+ Jquery, CSS, MooTools and JS navigation menus』。jQueryやCSSを使ったナビゲーションメニュー300選だ。 以下にいくつかご紹介。 » Fancy menu かっこいいナビゲーションメニュー » Amazing apple style navigation menu Appleのサイトのようなナビゲーションメニューの作り方。↑のキャプチャはこちら » jQuery idTabs 8つのクールなjQueryメニュー » navigation-3 プルダウンメニューなど4つの例 » block-navigation CSSデザインのメニュー9選 その他のリストは以下から。 » 300+ Jquery, CSS, MooTools and JS na
We have encouraged our readers to participate in a contest by designing beautiful and creative horizontal lines. It was necessary, since this design-element was slowly disappearing and was often neglected in web design. But it is going to change now. We have received 1290 images and source-files from 384 designers across the globe. The result is an impressive collection of horizontal lines that de
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
最近リリースされたものを中心とした、細部まで丁寧にデザインされたWordPressのテーマファイルの紹介です。
javascriptなしで背景が透けるカラムを実装するスタイルシート ネタ元:背景が透けるカラムを実装するスタイルシート このやり方も素敵なんですが、JavaScriptなしで余計なdiv要素を追加せずに再現できる方法を紹介します。 サンプル 特に難しいことはしていないですが、カラムの背景を透過pngで指定しています。 透過pngに対応していないIEに関してはfilterで代用しています。 参考:IEとそれ以外のブラウザでアルファ画像を使う方法 #main,#navi{ background:url(alpha.png); } * html #main{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='alpha.png',sizingMethod='scale'); background:none; } * h
Design アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』 アイコンをデザインしたい。 そんなあなたにおすすめなのが、『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』。アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選だ。 以下にご紹介。 » Traffic ConeアイコンをPhotoshopで描く方法 » 本のアイコンを作る方法 » Mac OS Xのメールアイコンのようなデザインをする方法 » Mac OS X用のアイコンを作る方法 » グラフのWebボタンを作る方法 » Photoshop CS3のアイコンを
Min Tran's weblogのエントリーから、個人でも商用サイトでもフリーで使用できるシンプルでかわいらしいフリーのアイコンを紹介します。
かっこいいロゴをデザインしたい。 そんなあなたにおすすめなのが、『10 Fonts to design original logos』。オリジナルロゴをデザインするためのフリーフォント10選だ。 以下にいくつかご紹介。 ↑のフォントはUnit Rounded Bold。 Chica Monospace Light Out Anja Eliane Danube ダウンロード、およびその他のフォントは以下から。 » 10 Fonts to design original logos オリジナルロゴをデザインするためのフリーフォント、チェックしてぜひ使ってみてはいかがだろうか。 ■追記(08.09.07) 追記で申し訳ないですが、↑のリンク先の、「Unit Rounded Bold」と、「Helvetica Neue」は、フリーではありません。どちらも料金がかかってしまいます。 確認不足ですみま
Freeziqのエントリーから、商用・個人サイトで利用可能なロイヤリティフリーの20の写真素材サイトを紹介します。 20 Best Places to get Free Stock Photography ライセンスは再販以外はフリーのものが多いですが、利用する際には個別に確認してください。
SexyLightBox - www.coders.me 表示法が新しくセクシーなLightBox、その名も「SexyLightBox」。 次のような、角丸で、表示時にアニメーションするLightboxが公開されました。 実装法もLightbox風に、アンカータグに属性をつけるだけでOKみたい。 関連エントリ スライドショー付きLightBox風イメージアルバムのサンプル jQueryベースのLightBoxクローン「prettyPhoto」 UIがクールでサクサク使えるMacウェブギャラリー風画像ギャラリー「qGallery」 画像を同一Window内でスムーズにズームしてくれるJSライブラリ色々 LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」 YUIを使ってLightBoxを実現するサンプル 自動で画像のスライドショーが可能なLightBox風ライブラリ
デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。 各サイトではチュートリアルの他、ファイル一式や画像データをダウンロードできるものもあります。
Tables have got to be one of the most difficult objects to style in the Web, thanks to the cryptic markup, the amount of detail we have to take care of, and lack of browser compatibility. A lot of time could be wasted on a single table although it’s just a simple one. This article was written back in 2008 when the concept of responsive web design hasn’t been created just yet. You may want to check
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く