960 Grid System – 知っておきたい5つのこと | CSS Radar
YUI 2: Grids CSSやBlueprint、そして今回紹介する960 Grid Systemに代表されるCSSグリッドシステムは、ご存知の通りCSSによるグリッドベースのレイアウトを早く、簡単に作るために存在する。 なぜグリッドが必要なのか？ ルールなし、無制限のランダム(Fig.2)が美しくはないとは言い切れないが、グリッドを利用した場合(Fig.1)ではパターンを認識しやすく、情報をより整理しやすくなる。 グリッドシステムは、デザインにおいて、秩序を作り出す、もっともシンプルで、強力なツール。 シンプルであるため、面白みのないデザインしか作り出せないと思われがちだが、必要最小限の構造はグリッドシステムに任せてしまい、その構造の上で自由なデザインを生み出すことに専念する、という考え方もできる。 960 Grid System by Nathan Smith 幾つかのグリッドシス
[チュートリアル]jQueryでページの所定位置まで来たら要素表示 via could
twitter facebook hatena google pocket 長谷川恭久（@yhassy）さんのブログcouldで使用されているscriptがよかったので紹介します。 なお、コンテンツも非常に読み応えがあるので、購読をお勧めします。 さて、couldでは、記事詳細を読み進め、ある位置までくると上からソーシャルブックマーク系が降りてきます。 記事後半まで読んでくれた意欲の高い人に対しアピールが出来、ソーシャルメディア上の伝播がより期待できます。 購入ボタンやお問合せボタンなどを置いてもいいかもしれません。 わりとシンプルな記述なので、苦労なく導入できると思います。 sponsors 使用方法 jQueryからjquery.jsをダウンロードします。 ■JavaScriptの記述 <script type="text/javascript" src="jquery-1.4.2.m
![[チュートリアル]jQueryでページの所定位置まで来たら要素表示 via could](https://cdn-ak-scissors.b.st-hatena.com/image/square/11ca1ab33e936fcf16e770dfbd7067653fbb7d52/height=288;version=1;width=512/http%3A%2F%2Fwww.skuare.net%2Fassets_c%2F2010%2F09%2FjslideBox-thumb-300x200-514.jpg)
ほーむぺーじ論｜認知的デザイン編｜スクロールはお嫌い？
よく、ウェブページをデザインするときに、スクロールしなくてもすべてを見渡せるようにデザインしようみたいなことを聞ききます。確かに、そのページがダウンロード完了し表示されたとき、パッとすべてが表示されたほうが、すぐ視覚的に内容が飛び込んでくるし、安心感というか、気持ちがいい。そして、できればそうしたほうがいいのかもしれません。 しかし、"スクロールする"ことはに関して、あまり懸念する必要はないのではないかと思います。なぜなら、スクロールというインターフェイスはわりと使いやすいし、様々なOSにしても一般的なものです。 一般的なもの…としてユーザーにこのインターフェイスを押し付けるのはあまり良いとはいえないのかもしれませんが、時にはわかりやすくするために規格などで「一般化」することもあります。ただし、一般化・規格化はインターフェイス設計では最終手段です。 さて、もしスクロールしないように１画面に
デザイナー必見！ポータルのポータル【モバイルデバイス編】
歴代人気記事でも上位の ポータルのポータル。 今回は、iPad・iPhone・携帯サイトなど モバイルデバイスのデザインギャラリーを集めてみました！ それでは続きからどうぞ。 iPad・iPhone Landing Pad ー an iPad App Gallery 綺麗なiPadアプリがたくさん掲載されています。 iOSpirations iPad/iPhoneのアプリやサイトデザインが紹介されています。 ishowcase 国内のiPhone / iPad最適化対応サイトが掲載されています。 iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト 国内/海外のiPhoneサイトがたくさん掲載されています。 mobile AWESOMENESS 綺麗なモバイルデザインがたくさん。 Web Design Inspiration for the iPhone iPhoneに
10 Free Printable Web Design Wireframing Templates - Web Design Ledger
One Ping Pingback: 11 UI Kits for iPhone and iPad Development | Freebies 24 Comments Nice Sharing, Thanks Thanks for these freebies…very useful for me VERY usefull… thanks guys! Man, this is great stuff. To think that I was using some crummy notepad to do this. This is going to help me visualise my websites so much easier. We offer a free printable copy of the Web Design Sketchbook which has vario
http://oalp.org/doc/nilesen/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
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.
Mockingbird has Shut Down
Mockingbird is no longer in operation. We’re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
The Best Free Fonts of 2009 - Web Design Ledger
As this year comes to a close, we can look back and see that 2009 was a big year for typography. We saw more web designs with a focus on type, and there were some pretty amazing fonts released. Here are some of the best free fonts from this past year. A few of the fonts below were released at the end of 2008, but since they didn’t see much action until this year, I included them in the list. Chunk
Build a Promotional iPhone App Website Wireframe in Fireworks | Envato Tuts+
Wireframing is a useful part of the website design process. It's great to separate out this planning stage and have your page positioning, spacing, layout, and other elements like text size and tone works out before you jump into Photoshop to add color, texture, images, and effects to polish off your design. Fireworks is a great tool for creating a wireframe and while it doesn't work perfect with
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
WEBデザインの評価・リンク集 || WEBデザイン・データベース【WEBdeDB】
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP