Photoshop VIP ☞ HTML5ã¨CSS3ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸç„¡æ–™ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ15個ã¾ã¨ã‚ (PSDファイル付)
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
HTML5 㨠CSS3 㧠æ»ã«ãŸã„
CSS3ã®ã€Œå¤‰å½¢ãƒ»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ã€ã®ãƒ—ãƒãƒ‘ティã¯é¢ç™½ã„ã§ã™ã。ã“れらã®ãƒ—ãƒãƒ‘ティã®ç™»å ´ã«ã‚ˆã£ã¦ã€CSSã®æŒã¤è¡¨ç¾åŠ›ãŒã€Œã©ã‹ãƒ¼ã‚“ã€ã¨æ‹¡å¤§ã™ã‚‹ã‚ˆã†ã«æ„Ÿã˜ã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯ã€WebKit Nightly Buildsã§ã®è¡¨ç¤ºã‚’対象ã«ã€ CSS3ã§æ–°ãŸã«å®šç¾©ã•ã‚ŒãŸãƒ—ãƒãƒ‘ティを色々ã¨ä½¿ã£ãŸã‚µãƒ³ãƒ—ルを作ã£ãŸã®ã§ã€ãれを紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ サンプルページã¯ã€CSS3ã®ãƒ—ãƒãƒ‘ティã®ç·´ç¿’ã¨ã—ã¦ä½œã£ã¦ã„ãŸã®ã§ã€ 表示ã®å¯¾è±¡ã¯ã“れらã®ãƒ—ãƒãƒ‘ティを先行実装ã—ã¦ã„ã‚‹WebKitエンジンã®ãƒ–ラウザーã®ä¸ã§ã‚‚〠æ写速度ãŒæ¿€çš„ã«æ”¹å–„ã•ã‚Œã¦ã„る開発者å‘ã‘ã®WebKit Nightly Buildsã«ãªã‚Šã¾ã™ã€‚ Safari4ã‚„Google Chromeã§ã‚‚見られã¾ã™ãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã‚¹ãƒ ーズã«å†ç”Ÿã•ã‚Œã¾ã›ã‚“。ã¾ãŸã€HTML5ã®audioè¦ç´ ã«å¯¾å¿œã—ã¦ã„ãªã„å ´åˆã¯éŸ³ãŒå‡ºåŠ›ã•ã‚Œãªã„よã†ã§ã™ã€‚éžå¸¸ã«é«˜è² è·ãªå‡¦ç†ãŒç››
見出ã—デザインã®å‚考ã«ã—ãŸã„ CSSã§ä½œã‚‹hã‚¿ã‚°ã®ã‚µãƒ³ãƒ—ル集 | 日刊ウェブãƒã‚°å¼
ブãƒã‚°ã®è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ã‚„サイドãƒãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«ãªã©ã§ä½¿ãˆã‚‹ã‚ªãƒ¼ã‚½ãƒ‰ãƒƒã‚¯ã‚¹ãªè¦‹å‡ºã—（hタグ）ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ル集ã§ã™ã€‚見出ã—ã«ã¯CSS3ã‚„ç”»åƒã‚’使ã£ã¦ã„ãªã„ã®ã§ã‚·ãƒ³ãƒ—ルã§ã™ãŒã€ä¸€å¿œã‚ˆã使ã†ã®ã§ã€ãƒ¡ãƒ¢ã¨ã—ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¦ãŠãã¾ã—ãŸã€‚ ※追記6/24 HTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’pã‹ã‚‰h3ã«ç½®ãæ›ãˆã¾ã—ãŸã€‚ 見出ã—(Headline)ã®ã‚µãƒ³ãƒ—ル集 色やボーダーサイズç‰ã®è£…飾部分㯠ãŠå¥½ã¿ã§ç·¨é›†ã—ã¦ãã ã•ã„。 見出ã—サンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出ã—サンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出ã—サンプル03 .selector03{ bor
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}