iPhoneサイト制作(スマートフォンサイト制作)をする上で、ソースの無駄な記述を最低限に抑え、通信速度を上げることが「最適化」へとつながります。 スマートフォンサイト用に最適化したcssを制作する場合、reset.cssの記述を減らすことで、重複する命令を減らして、読み込みのスピードを上げることができます。 今回はスマートフォンサイトを制作する上で、最低限必要となるreset.cssの記述について紹介します。 iPhoneサイト制作(スマートフォンサイト制作)にreset.cssは必要? そもそもreset.cssは各ブラウザ(IE・FireFox・safariなど)のブラウザ間のデフォルトのCSSの違いをなくすために読み込むものであり、必ずしもコーディングの際に必要となるものではありません。 PCサイトの場合は様々なブラウザやそのバージョンによって独自のデフォルトスタイルがあるため、r
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px~640px、横向きで480px~960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px(縦)を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px(横)で作成すれば問題ないといえますが、iPhone4、4SやAn
ボクシンググローブ 世界のデザイナーが集まるDribbbleで、質感がたまらないiOSアイコンを見つけた。どれも作り込みが素晴らしい。 ウイスキー Nikon 一眼レフカメラ レコードプレイヤー 日記 ミリタリーヘルメット 海水パンツ アクアリウムボトル アコーディオン コカコーラ キャップ プレイステーション マニラ封筒 BRAUN 時計 Amazon Kindle ホイール ヴィトンバッグ ピル カセットテープ スーツケース Minox カメラ マルボロライト ゴルフバッグ 洗濯機 ラジオ 特に、ボクシンググローブのKonstantin Datzさんと、マルボロライトのDavid Imさんのデザインが好きだ。 可愛いアイコンはどれだけ見ていても飽きない。 関連記事 iPhoneで最も美しいアプリアイコンは? - #RyoAnnaBlog ハッピーマックをデザインしたスーザン・ケアのスケ
TOP > Design > デザイン制作のクオリティをアップできるパターンセットまとめ「50 New And Free Pattern Sets」 デザイン制作の必須アイテムといっても過言ではないパターン素材は、さまざまなデザインシーンで利用されていると思います。そんな中今回紹介するのが、比較的最近発表されたクオリティの高いパターンセットとまとめた「50 New And Free Pattern Sets」です。 Christmas Patterns by ~Ransie3 on deviantART シンプルなパターンセットはもちろん、シーズンイベントにも使いやすいパターンセットまで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Free Cute and Colorful Patterns b
60 Visually Appealing Full Screen Websites for inspiration by Carsten | Last updated Oct 4, 2016 | Inspiration | 5 comments Full screen websites offers a very effective and unique way to promote any business. They intensify user experience enabling companies to communicate their message to their audience in a minimalistic yet powerful way. Minimizing the use of menus, sidebars, widgets or footers
Hannah & Jeremiah 洋服や髪型にもトレンドがあるように、ウェブデザインにもトレンドがあります。そして背景は特にトレンドがあります。上にあげた例のいくつかの写真やイラストの背景はシャープで分かりやすいですが、いくつかは解釈することが難しいものもあります。ソリッドな背景は人気が高く、ぼんやりとしたブラーな背景もあちこちで目にするでしょう。また、ブラックやホワイト(時代遅れな使い方ではなく)だけでなく、単一のカラーの背景で奥行きをコントロールしエレメントを目立たせるように使っているサイトもあります。そして、パターンやテクスチャもよく機能する背景で、これは最近形の大きさが変化したように思われます。パターンは大きいけれど、繊細なテクスチャのように低いコントラストのアイテムを使っています。 1. シャープなイメージ 背景にシャープで強いイメージを使うことは定番と言っていいでしょう、ポイ
25 Free Ink, Paint and Blood Splatter Photoshop Brush Sets Photoshop brushes are an incredibly popular design resource, and for good reason. The right brush can add subtlety to your digital work or make them bolder. Splatter brush sets are among the most popular categories of Photoshop brushes. In addition to digital art, they can be used to create posters, flyers, website backgrounds, eBook cover
10 Best jQuery Flip effect plugin with examples jQueryでフリップエフェクトを使った良プラグインやサンプル集10。 送信時にフリップするフォームやフリップするカウンタの他、アイテムをフリップアニメーションさせてオシャレにレイアウトするプラグインやサンプルがまとまっています。 こういうことも出来るんだということを認知する意味で一度見ておくとよさそう 数年前ではこういうのはFlash以外に考えられませんでしたが進化を感じられますね 関連エントリ jQueryでフリップするカッコいいメニュー作成のチュートリアル 多数のパネルをアニメーションでフリップさせるクールなUI実装サンプル
A simple library for handling keyboard shortcuts in Javascript. Try pressing some of the keys here: // single keys Mousetrap.bind('4', function() { highlight(2); }); Mousetrap.bind('x', function() { highlight(3); }, 'keyup'); // combinations Mousetrap.bind('command+shift+k', function(e) { highlight([6, 7, 8, 9]); return false; }); Mousetrap.bind(['command+k', 'ctrl+k'], function(e) { highlight([11
By web design professionals, for web design professionals. We’re on a mission to help you build a better web.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く