これは使える！画像をレスポンシブに切り取るサンプルコード:phpspot開発日誌

2012/12/10 26 users レスポンシブ div phpspot開発日誌 class 画像

Focal Point: Intelligent Cropping of Responsive Images | Design Shack これは使える！画像をレスポンシブに切り取るサンプルコード。 ブラウザ幅を小さくした際に、画像も小さくしてしまう、のではなく、元の大きな画像の指定した部分を切り抜いて表示する仕組みが紹介されています。 divのclassにどこから表示するのか？を記述しておくだけ... 続きを読む

25 Useful Resources for Creating Tooltips With JavaScript or CSS | Design Shack

2012/12/04 11 users

Tooltips are awesome, there’s simply no denying it. They provide a simple, predictable and straightforward way to provide your users with useful, context-sensitive information, and they look cool to b... 続きを読む

50 More Beautifully Designed Tumblr Themes | Design Shack

2011/10/19 40 users

Way back in 2009 we posted a collection of 30 Beautifully Designed Tumblr Themes. Back then the Tumblr library of themes was much smaller than it is today and in light of the huge growth in the platfo... 続きを読む

Kerning Live Web Type With jQuery and Lettering.js | Design Shack

2011/09/02 17 users

Yesterday we published an article outlining Eight Simple and Useful Tips for Kerning Type. This mostly focused on the basics of kerning: what it is, how it works, letter pairs to keep an eye on, etc. ... 続きを読む

Weekly Freebies: 25 Incredibly Useful Photoshop Custom Shape Sets | Design Shack

2011/07/16 33 users

Photoshop custom shapes allow for quick and easy vector insertion into your artwork. Countless artists have spent hours building some amazing shape sets and distribute them free! Today we’ll have a lo... 続きを読む

12 Fun CSS Text Shadows You Can Copy and Paste | Design Shack

2011/06/13 102 users Professional DESIGN

Design Shack showcases inspiring web design, alongside resources and tutorials for you to succeed in the same way. It is carefully curated and edited by Josh Johnson and David Appleyard. Professional ... 続きを読む

コピペで使える！Photoshop不要になりそうな高品質テキストシャドウサンプル集:phpspot開発日誌

2011/06/13 127 users Photoshop phpspot開発日誌 コピペ

コピペで使える！Photoshop不要になりそうな高品質テキストシャドウサンプル集 2011年06月13日- 12 Fun CSS Text Shadows You Can Copy and Paste | Design Shack コピペで使える！Photoshop不要になりそうな高品質テキストシャドウサンプル集のご紹介。 Photoshop不要には絶対ならないとは思うんですが、Photosho... 続きを読む

12 Fun CSS Text Shadows You Can Copy and Paste | Design Shack

2011/06/08 102 users

Typography is everyone’s favorite toy in web design. One particularly fun tool that CSS gives you to play with your type is text-shadow, which seems simple enough at first but can be used to create so... 続きを読む

20 Amazing Examples of Using Media Queries for Responsive Web Design | Design Shack

2011/05/16 21 users Web Design DESIGN Copyright

Design Shack showcases inspiring web design, alongside resources and tutorials for you to succeed in the same way. It is carefully curated and edited by Josh Johnson and David Appleyard. Copyright © C... 続きを読む

コピペで使えるCSS3ボタン６つのレシピ:phpspot開発日誌

2011/04/10 114 users phpspot開発日誌 コピペ レシピ カッコイ Paste

6 Useful CSS Button Recipes You Can Copy & Paste | Design Shack コピペで使えるCSS3ボタン６つのレシピ。 次のようなボタンのCSSとHTMLが掲載されています。 一昔前はオーサリングツール抜きに出来なかったこともCSSで出来るように。CSS4の時代にはどうなっているのだろうと少し楽しみです。 関連エントリ CSSスプライトでカッコイ... 続きを読む

20 Great Sign Up Form Examples to Learn From | Design Shack

2011/04/05 30 users

Sign up forms come in many different shapes and sizes. Some are a single field, others are a multi-step process that stretch over several screens.Today we’ll take a look at 20 attractive and functiona... 続きを読む

シンプルでフリーな使えるCSSのレイアウト集７１５:phpspot開発日誌

2010/08/26 267 users CSS phpspot開発日誌 好み レイアウト作成 自分

715 Awesomely Simple and Free CSS Layouts | Design Shack シンプルでフリーな使えるCSSのレイアウト集７１５が紹介されています。 １から作らないでもこうしたものに頼ればすぐに出来ますね。自分の好みの使いやすいページを覚えておくとレイアウト作成をすぐに終わらせ、肝心のツール部分に集中できそうです。 Primary CSS: 22 Layouts... 続きを読む

継ぎ目のない背景画像を作成するPhotoshopのチュートリアル | コリス

2010/05/23 448 users ボケ ウェブページ コリス エフェクト 継ぎ目

Photoshop初心者でも簡単に作成できる、ウェブページの背景に利用する継ぎ目のないシームレスな画像を作成するチュートリアルをDesign Shackから紹介します。 Create Seamless Web Background Textures in Minutes 写真の「ぼけ」のようなエフェクトをオリジナルで描き、その画像を元に継ぎ目のないシームレスな画像にします。 下記は、各ポイントを意... 続きを読む

Appleのデザイン戦略をウェブサイトから学ぶ、15のデザインヒント | コリス

2010/02/08 616 users コリス 類語 キャプチャ Apple ウェブサイト

Appleの美しいウェブサイトから学ぶ実用的な15のデザインヒントをDesign Shackから紹介します。 15 Design Tips to Learn From Apple 下記は各ポイントを意訳したものです。 サイトのキャプチャは可能なものは日本サイトのものにしています。 はじめに Apple社は高級なデザインと類語です。Appleが発信する偉大なデザインを観察することから、学べることはた... 続きを読む

ウェブサイトのフッタを魅力的にする10のシンプルなアイデア | コリス

2010/01/14 449 users ブッダ プライマリ コリス ウェブデザイン ナビゲーション

昨年くらいからウェブデザインの傾向としてフッタを充実させたウェブサイトが増えてきました。 ユーザーの印象に残り、より利便性の高いフッタを設置する際にヒントとなるアイデアをDesign Shackから紹介します。 10 Techniques for a Fantastic Footer 以下は、そのポイントを意訳したものです。 はじめに 1. プライマリ ナビゲーション 2. 「トップに戻る」ボタン... 続きを読む

2008年に注目を集めた使えるJavaScriptライブラリ集:phpspot開発日誌

2009/01/14 354 users phpspot開発日誌 How ライブラリ Flash 注目

Best of 2008 - JavaScript | Design Shack 2008年に注目を集めた使えるJavaScriptライブラリ集が紹介されていました。 どれも非常に便利でサイト構築に役立ってくれるでしょう。 sIFR Lite Javascriptでテキスト文字列を綺麗な画像にしてくれるライブラリ。 画像部分にはFlashを採用している。検索クローラーフレンドリ。 <h3>How ... 続きを読む