『こういう言葉を書きたいと思えるような』をキーワードにした審美的なデザインフォントを配布している「Typing Art」を紹介します。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Drawarがセレクションした、2009年のウェブサイトのデザインのベスト15を紹介します。Designs of the Year: 2009どれもぱっと見でデザインが素晴らしいものばかりですが、細部も丁寧に作り [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]CSSで実装した、ものすごいパララックス（視差）効果 | コリス フィード](/thumbnail/372348.png)
今年一番の衝撃をうけました。 CSSだけで実装したパララックス（視差）をRoman Cortesから紹介します。CSS 3D Meninas上記ページにアクセスし、絵画の上をマウスでぐりぐりすると、それに合わせてパララックスが生じます。使用しているのはHTMLとCSSのみで、FlashやJavaS... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ちょっとしたトリックを使用して、テキストを画像の下に回り込ませないようにするスタイルシートをNO Margin No Errorから紹介します。Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ligula arcu, lu... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
最近のウェブデザインのトレンドを踏襲した、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。Design a Minimal and Modern Portfolio Layout[...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。Web Design Trends for 2010下記は、その意訳です。また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインの... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]スタイルシートの記述をより読みやすくする5つのルール | コリス フィード](/thumbnail/347381.png)
5 Rules To Write More Readable CSS Files1. プロパティをアルファベット順に各エレメントのプロパティの記述順をアルファベット順にします。#nav{border: solid 1px #DEDEDE;color: #000;padding: 10px;widt... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]コンテンツとサイドバーの高さを同じにするスタイルシート | コリス フィード](/thumbnail/343723.png)
サイドバーがコンテンツの高さと異なる際に、コンテンツと同じ高さのように見せるスタイルシートをwoork upから紹介します。Really simple CSS trick for equal height columns仕組みの概要は、コンテンツの右のボーダーを200pxにし、その上にサイドバーを... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]角丸を使用しないで、四隅をすっきりみせるスタイルシート フィード](/thumbnail/342139.png)
�q1px rounded corners/smart faking �qdemo仕組みはdivを二つ使用し、paddingとmargin、もしくはmarginとborderで「1px欠け」を実装しています。HTMLCSS(padding&margin).example1 .outer {back... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
昔流行ったけど、これはもう使用しない方がいいものや人気がすたれているウェブデザインのトレンドをWeb Design Ledgerから紹介します。Most Used and Abused Web Design Trends of All Time以下、その意訳です。 過激な表現も一部あるので、留意く... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
元データもダウンロードできる、グラデーションが美しいiPhone用のフリーのアイコンをGlyphishから紹介します。Glyphish – Great icons for great iPhone applicationsダウンロードできるアイコンは110+20種類あり、フォーマットはiPhone... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
光源やライトやシャドウ、グラデーション、1pxのライン、透過などを巧みに使用したウェブレイアウトのPhotoshopのチュートリアルを紹介します。How to Make a Light and Sleek Web L [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ブラックベースの暗いデザインのウェブサイトを制作する際に、取り入れたいポイントや注意すべきポイントをWeb Designer Depotから紹介します。The Do's and Don'ts of Dark Web Design下記は、その意訳です。はじめに1. ホワイトスペースの活用2. テキス... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]ネガティブマージンの理解を深め、活用するテクニック集 | コリス フィード](/thumbnail/312194.png)
スタイルシートのmarginで使用する「ネガティブマージン（マイナスマージン）」について理解しておくべきこと、ネガティブマージンを使用したテクニックなどをSmashing Magazineから紹介します。The Definitive Guide to Using Negative Margins1... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
PNG Optimization Guide: More Clever Techniquesはじめに1. グレースケールのPNG2. 色数はより少なく3. ディテールの最適化4. More Tips5. Video Tutorialはじめにあなたは既にPNGフォーマットの画像に精通しているかもしれ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。Clever PNG Optimization Techniques下記、各ポイントをピックアップして紹介します。 4番目のはCS3向け... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ウェブデザインにいつもと違うアイデアを入れてみるための10のTipsをWeb Designer Depotから紹介します。10 Web Design Rules That You Can Break下記、各ポイントをピックアップしてお届けします。はじめに1. 水平方向のスクロールバーを表示しない2... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]リスト要素で実装したサイトマップを美しくスタイルする -SlickMap CSS | コリス フィード](/thumbnail/306402.png)
スタイルシートのオフ時SlickMap CSSの使い方添付の「README.txt」より、SlickMap CSSの簡単な使い方です。ul要素で実装し、各ラベルには必ずa要素を含めます。 フォーマットはデモまたはダウンロードのファイルを確認してください。スタイルシートのmediaには「screen... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]クロスブラウザ対応の画像を使わずに角丸を生成するスクリプト -corners.js | コリス フィード](/thumbnail/304924.png)
画像を使わずに、パネルの四隅を角丸にする軽量のスクリプトをthe css blogから紹介します。Creating rounded corners (the "Deviant art's" [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)