全幅970px（960+10px）の6カラムと12カラムのグリッドをベースにし、汎用的に展開できるように設計されたグリッドシステム「The Golden Grid」を紹介します。 The Golden Grid ベースとなる6カラムと12カラムのグリッドは、下記のようになっています。 6カラムの構成 1カラム：150px、マージン：10px 150*6+10*7=970px 12カラムの構成 1カラム：70px、マージン：10px 70*12+10*13=970px
タグ
- すべて
- まとめ (16)
- .htaccess (7)
- 2009 (15)
- 2ch (6)
- 3d (27)
- AfterEffects (3)
- CAD (2)
- DS (6)
- DTM (3)
- DivX (3)
- DivX_Stage6 (2)
- Dreamweaver (3)
- English (2)
- FTP (3)
- Git (5)
- H.264 (2)
- OAuth (6)
- PSP (25)
- PageFlip (3)
- SNS (14)
- Titanium (2)
- Vista (13)
- WYSIWYG (2)
- XML (15)
- accordion (3)
- action (12)
- actionscript (53)
- ad (2)
- adobe (12)
- adobemax2007 (15)
- adobemax2009 (6)
- adsense (7)
- air (50)
- ajax (61)
- alarm (3)
- algorithm (4)
- alternativa3d (2)
- amazon (2)
- analytics (21)
- android (68)
- animation (24)
- apache (5)
- api (39)
- app (16)
- apple (9)
- apps (63)
- ar (2)
- art (5)
- as2 (4)
- as3 (291)
- asdoc (3)
- auction (4)
- background (34)
- backup (15)
- batch (2)
- battery (2)
- betweenas3 (6)
- bitmap (8)
- bitmapdata (5)
- blog (40)
- blogparts (3)
- bookmark (7)
- bookmarklet (5)
- bootstrap (5)
- box2d (22)
- browser (26)
- brush (80)
- buddypress (12)
- business (33)
- businesscard (6)
- button (3)
- c (4)
- calendar (16)
- calender (6)
- campaign (13)
- canvas (3)
- captcha (2)
- capture (2)
- cart (3)
- category (2)
- chat (2)
- chrome (18)
- clock (3)
- cm (2)
- cms (20)
- coding (5)
- collada (3)
- color (19)
- command (6)
- comment (7)
- components (3)
- coockpad (2)
- cook (2)
- cookie (2)
- cooking (3)
- cookpad (6)
- cool (19)
- coreserver (2)
- css (192)
- css3 (39)
- csv (3)
- customfield (9)
- date (3)
- debug (25)
- del.icio.us (4)
- demo (2)
- design (130)
- development (48)
- dictionary (2)
- displacementmapfilter (2)
- doctype (2)
- domain (5)
- download (19)
- drawing (2)
- dropbox (4)
- dropdown (4)
- dvd (6)
- ec (7)
- eclipse (2)
- eco (4)
- editor (12)
- effect (23)
- emulator (7)
- error (4)
- event (7)
- evernote (8)
- excel (17)
- extension (54)
- extensions (2)
- facebook (63)
- fashion (5)
- favicon (8)
- fax (2)
- fdt (4)
- feed (6)
- firebug (4)
- firefox (82)
- fireworks (3)
- fladdict (5)
- flartoolkit (2)
- flash (574)
- flashdevelop (45)
- flashlite (25)
- flashlite1.1 (5)
- flashplayer10 (8)
- flashswither (2)
- flat (3)
- flex (8)
- flick (2)
- flickr (6)
- flower (5)
- flv (23)
- flvplayback (3)
- font (118)
- food (7)
- form (46)
- framework (15)
- free (383)
- freelance (20)
- fusekit (2)
- gadet (2)
- gadget (7)
- gallelly (6)
- gallery (42)
- game (46)
- generator (50)
- gif (5)
- gigazine (6)
- gihyo (4)
- gmail (11)
- google (64)
- googleanalytics (4)
- googlecalendar (3)
- googlechrome (7)
- googlemaps (32)
- googlereader (2)
- gradient (9)
- graphic (13)
- greasemonkey (11)
- grid (7)
- haXe (4)
- hack (20)
- hatena (7)
- hdd (3)
- hospital (2)
- howto (11)
- htaccess (11)
- html (23)
- html5 (83)
- iOS (14)
- iOS5 (2)
- icon (171)
- ie (14)
- ie6 (29)
- illustrator (56)
- image (71)
- inspiration (78)
- interactive (18)
- interface (25)
- ipad (26)
- iphone (294)
- ipod (5)
- ipod_touch (21)
- ipodtouch (5)
- itunes (13)
- jailbreak (5)
- javascript (180)
- job (5)
- jplayer (2)
- jqtouch (3)
- jquery (373)
- js (31)
- jsfl (7)
- kakaku (2)
- kinect (2)
- layout (5)
- leopard (2)
- less (3)
- library (150)
- lifehack (10)
- lightbox (14)
- linux (2)
- loading (10)
- logo (27)
- mac (51)
- mail (14)
- mailto (2)
- manual (2)
- map (6)
- mashup (2)
- material (3)
- matrix (5)
- microsoft (6)
- mindmap (6)
- mixi (10)
- mobile (137)
- mockup (5)
- motion (21)
- movabletype (12)
- movie (47)
- mp3 (6)
- mpeg (2)
- music (24)
- mysql (6)
- navigation (63)
- news (3)
- node.js (5)
- objective-c (18)
- office (3)
- ogp (3)
- oop (4)
- opensource (2)
- osx86 (3)
- package for iphone (2)
- pagination (5)
- papervision3d (4)
- particle (6)
- patch (2)
- pattern (45)
- pc (4)
- pdf (9)
- photo (54)
- photobook (4)
- photoshop (305)
- php (77)
- phpmyadmin (2)
- picasa (5)
- pinterest (2)
- pjax (2)
- player (14)
- plugin (336)
- png (17)
- portal (4)
- portfolio (19)
- powerpoint (3)
- presentation (2)
- print (6)
- programming (39)
- progression (75)
- promotion (6)
- prototype (2)
- psd (34)
- pv3d (29)
- qtranslate (2)
- r4 (4)
- recipe (14)
- recruit (6)
- redmine (5)
- reference (71)
- remote (2)
- report (2)
- reset (2)
- retouch (3)
- rom (11)
- roxik (2)
- rss (16)
- safari (2)
- salon (2)
- sample (85)
- science (2)
- screensaver (3)
- screenshot (4)
- scroll (9)
- scrollbar (5)
- seach (2)
- search (18)
- security (24)
- seo (30)
- serch (2)
- server (17)
- service (5)
- setting (9)
- shadowbox (3)
- shape (10)
- shop (6)
- sion (4)
- siteArchive (11)
- sitemap (5)
- sketchbook (2)
- skype (2)
- slide (10)
- slideshow (26)
- snipets (7)
- software (120)
- sound (58)
- sozai (233)
- spam (2)
- stage3d (2)
- stage6 (2)
- storage (21)
- strage (4)
- study (32)
- style (2)
- subversion (4)
- svn (4)
- swc (3)
- swf (14)
- swfobject (8)
- sync (10)
- syntaxhighlighter (3)
- tab (3)
- table (13)
- template (73)
- text (8)
- textfield (7)
- texture (80)
- tha (8)
- theme (112)
- thumbnail (3)
- thunderbird (5)
- ticker (3)
- time (2)
- tinymce (3)
- tips (843)
- todo (6)
- tokyo (6)
- tool (271)
- tools (2)
- tooltip (9)
- torrent (9)
- trace (5)
- trackback (4)
- travel (17)
- trunc (2)
- tumblr (4)
- turorial (2)
- tutlrial (2)
- tutorial (255)
- tv (2)
- tween (6)
- tweener (23)
- tweensy (6)
- twiitter (5)
- twitter (90)
- typography (11)
- ubuntu (2)
- ui (193)
- ul (2)
- uniqlo (10)
- uploader (2)
- url (6)
- usability (3)
- usb (6)
- useragent (4)
- vba (2)
- vector (76)
- veoh (3)
- veohTV (2)
- vicuna (2)
- video (24)
- vintage (2)
- vmware (3)
- voice (3)
- w-zero3 (5)
- wallpaper (24)
- wav (2)
- we (3)
- web (78)
- web2.0 (12)
- webcam (2)
- webdesign (906)
- webfont (3)
- webservice (197)
- webデザイン (2)
- web制作 (8)
- web制作会社 (8)
- wi-fi (3)
- widget (3)
- wifi (2)
- wii (2)
- wiki (10)
- windows (68)
- wireframe (4)
- wireless (2)
- wo (2)
- wonderfl (17)
- wordpress (386)
- wordprss (2)
- xampp (2)
- xcode (3)
- xhtml (3)
- xmas (8)
- youtube (23)
- yugop (4)
- zip (3)
- ★ (14)
- おもしろい (7)
- お役立ち (25)
- かわいい (2)
- これはすごい (31)
- これは便利 (17)
- まとめ (973)
- まめにチェック (2)
- アクセス解析 (2)
- アドイン (2)
- イラスト (2)
- インタラクティブ (2)
- カスタマイズ (6)
- カスタム投稿タイプ (8)
- キラキラ (7)
- クーポン (2)
- グランドゴルフ (3)
- ショートコード (2)
- スマートフォン (2)
- タブ (2)
- タモリレシピ (2)
- ドラマ (2)
- ネタ (10)
- バス (2)
- パララックス (4)
- パンくず (4)
- ピクトグラム (2)
- ブラウザ (5)
- ブラシ (2)
- ホテル (2)
- ポータル (3)
- メモ (4)
- ライブラリ (4)
- レスポンシブ (6)
- 三角関数 (2)
- 不動産 (2)
- 使える (13)
- 便利 (8)
- 保険 (2)
- 全画面 (2)
- 制作会社 (4)
- 勉強 (9)
- 医療 (2)
- 占い (2)
- 名刺 (4)
- 和 (15)
- 地震 (4)
- 学習 (2)
- 年賀状 (4)
- 引越し (4)
- 手書き (3)
- 日本語化 (7)
- 最適化 (3)
- 本 (4)
- 東京 (3)
- 正規表現 (6)
- 相場 (2)
- 絵文字 (10)
- 考え方 (2)
- 角丸 (3)
- 記法 (3)
- 連載 (8)
- 電子書籍 (6)
- 高速化 (5)
- まとめ (973)
- webdesign (906)
- tips (843)
- flash (574)
- wordpress (386)
- free (383)
- jquery (373)
- plugin (336)
- photoshop (305)
- iphone (294)
tipsとlayoutに関するkanariiaのブックマーク (1)
-
kanariia 2009/02/19
- tips
- webdesign
- css
- grid
- layout
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx