CSS3ã®åˆ¶ä½œã‚’ãã£ã¨æ¥½ã«ã™ã‚‹åŽ³é¸20ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ール
CSS3アニメーションをã¯ã˜ã‚ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„シャドウやボーダーã€ãƒ†ã‚ストやボックスをã‹ã£ã“よãã—ãŸã‚Šã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–デザイン用ã®ã‚°ãƒªãƒƒãƒ‰ã€ã‚»ãƒ¬ã‚¯ã‚¿ã®ä½¿ã„æ–¹ãªã©ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®åˆ¶ä½œæ™‚ã«å½¹ç«‹ã¤ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ールを紹介ã—ã¾ã™ã€‚ Animate.css classを付与ã™ã‚‹ã ã‘ã§ã€ã•ã¾ã–ã¾ãªCSS3アニメーションãŒå®Ÿè£…ã§ãã¾ã™ã€‚ åˆã£ç«¯ã‹ã‚‰ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ールã˜ã‚ƒãªã„ã§ã™ãŒã€ç°¡å˜ã«CSS3アニメーションãŒåˆ©ç”¨ã§ãã‚‹ã¨ã„ã†ã“ã¨ã§ã€‚
Xlune::Blog
å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆjQueryプラグイン(jquery.vgrid.js) ãªã‚“ã ã‹å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã¾ãŸæµè¡Œã£ã¦ã‚‹ï¼ˆï¼Ÿï¼‰ã‚ˆã†ãªã®ã§ã€jQueryプラグイン書ã„ã¦ã¿ãŸã€‚ 一通りブラウザã§è¡¨ç¤ºç¢ºèªãらã„ã¯ã—ãŸã‘ã©ã€ãƒ†ã‚¹ãƒˆã¯å分ã˜ã‚ƒã‚ã‚Šã¾ã›ã‚“。 Demo Demo Index 利用方法ã¯ãƒ‡ãƒ¢ã®ã‚½ãƒ¼ã‚¹ã‚’確èªã—ã¦ãã ã•ã„。(ウィンドウリサイズã—ã¦å‹•ãも確èªã—ã¦ã) Download github zip file 利用ã«ã¯ã€jQuery本体ã¨jquery.easingプラグインãŒå¿…è¦ã§ã™ã€‚別途èªã¿è¾¼ã‚“ã§ãã ã•ã„。 æ›´æ–°æƒ…å ± v0.1.8 (20120421) display属性ã§ã€ã‚°ãƒªãƒƒãƒ‰è¦ç´ ã®è¡¨ç¤º/éžè¡¨ç¤ºã‚’切り替ãˆã‚Œã‚‹ã‚ˆã†ã«ä¿®æ£ã—ã¾ã—ãŸã€‚ demo009ã‚’è¿½åŠ v0.1.7 (20111110) 複数ã®å¯å¤‰ãƒœãƒƒã‚¯ã‚¹ã‚’指定ã™ã‚‹ã¨ã€é–‹å§‹ä½ç½®ãŒãŠã‹ã—ããªã‚‹ãƒã‚°ã‚’ä¿®æ£ã—ã¾ã—ãŸã€‚ demo008
最低é™è¦šãˆã¦ãŠããŸã„WEBé…色ã®åŸºæœ¬ï¼’大原ç†ã¨ï¼–ã¤ã®é…色パターン
WEBサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€èª°ã‚‚ãŒé ã‚’æ‚©ã¾ã›ã‚‹éƒ¨åˆ†ã 。 「ã©ã†ã„ã†é…色ãªã‚‰è‰¯ã„å°è±¡ã‚’æŒã£ã¦ã‚‚らã†ã“ã¨ãŒã§ãã‚‹ã®ã‹ï¼Ÿã€ã€Œã©ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã‚‰ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä¸ŠãŒã‚‹ã®ã‹ï¼Ÿã€ãªã©ã€æ§˜ã€…ãªã¨ã“ã‚ã¾ã§è€ƒãˆã‚’張り巡らã•ãªã‘ã‚Œã°ã„ã‘ãªã„ã‹ã‚‰ã 。 ãã“ã§æœ¬æ—¥ã¯ã€The Art of Color Coordination ã¨ã„ã†ã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’ã”紹介ã™ã‚‹ã€‚ã“れを見れã°ã€WEBé…色ã®åŸºæœ¬ã®ï¼’大原ç†ã¨ã€ä»Šã™ãã«ä½¿ãˆã‚‹ï¼–ã¤ã®é…色パターンãŒã™ãã«åˆ†ã‹ã‚‹ã€‚ ãã—ã¦ã€åˆå¿ƒè€…ã§ã‚‚ã€çµ±ä¸€æ„Ÿã®ã‚ã‚‹é…色ã®WEBサイトを作るãŸã‚ã®å¤§ããªåŠ©ã‘ã¨ãªã‚‹ã¯ãšã 。 ã¾ãŸã€ç§ãŸã¡ãƒã‚ºéƒ¨ã¯12å¹´ã§400社以上ã®ãƒ¡ãƒ‡ã‚£ã‚¢æ”¯æ´ã‚’è¡Œã„〠立ã¡ä¸Šã’ã‹ã‚‰10ヶ月ã§14.6億円ã®å£²ä¸Šã‚’産んã ä¸å‹•ç”£ãƒ¡ãƒ‡ã‚£ã‚¢8ヶ月ã§æœˆé–“140万PVを実ç¾ã—ãŸã‚¢ãƒ—リメディアãªã©å¤§ããªæˆæžœã‚’挙ã’続ã‘ã¦ã„る。 å„サイトã®æˆåŠŸè¦å› をインタビューã—ã¦ã„ã‚‹ã®ã§ã€ ã‚ãªãŸã®ã‚µã‚¤ãƒˆã«å½¹ç«‹
レスãƒãƒ³ã‚·ãƒ–Webデザインã¨ã¯ (1/5)
スマートフォンやタブレットã€PCãªã©ã‚らゆるデãƒã‚¤ã‚¹ã«å¯¾å¿œã™ã‚‹åˆ¶ä½œæ‰‹æ³•ã¨ã—ã¦æ³¨ç›®ã•ã‚Œã¦ã„る「レスãƒãƒ³ã‚·ãƒ–Webデザインã€ã€‚レスãƒãƒ³ã‚·ãƒ–Webデザインã®æ¦‚念ã‹ã‚‰ã‚µã‚¤ãƒˆåˆ¶ä½œã®åŸºæœ¬ã¾ã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã«ã‚ˆã‚‹åˆ¶ä½œæ¡ˆä»¶ã‚’数多ãã“ãªã™èŠæ± å´‡æ°ãŒè§£èª¬ã—ã¾ã™ã€‚（編集部） 本連載ã§ç´¹ä»‹ã—ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã®åŸºç¤Žã«åŠ ãˆã¦ã€ç”»åƒã‚„å‹•ç”»ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã€ãƒ‘フォーマンス改善ã¨ã„ã£ãŸå•†ç”¨ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒŽã‚¦ãƒã‚¦ã‚’大幅ã«åŠ ç†ã€‚ã•ã‚‰ã«ã€è§£åƒåº¦ã«ä¾å˜ã—ãªã„レスãƒãƒ³ã‚·ãƒ–Webデザインã®è€ƒãˆæ–¹ã‚„スマートテレビ対応ãªã©ã®å¿œç”¨ãƒ†ã‚¯ã‚‚盛り込ã¿ã¾ã—ãŸã€‚ レスãƒãƒ³ã‚·ãƒ–Webデザイン マルãƒãƒ‡ãƒã‚¤ã‚¹æ™‚代ã®ã‚³ãƒ³ã‚»ãƒ—トã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ 定価：2,625円 (本体2,500円)ï¼å½¢æ…‹ï¼šB5変 (232ページ) ISBN：978-4-04-886323-0 レスãƒãƒ³ã‚·ãƒ–Webデザイン（Responsive Web Design）
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Wordpressデザインテーマ
{{#tags}}- {{label}}
{{/tags}}