ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
[CSS]コンテンツã¨ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®é«˜ã•ã‚’åŒã˜ã«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
サイドãƒãƒ¼ãŒã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é«˜ã•ã¨ç•°ãªã‚‹éš›ã«ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨åŒã˜é«˜ã•ã®ã‚ˆã†ã«è¦‹ã›ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’woork upã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Really simple CSS trick for equal height columns 仕組ã¿ã®æ¦‚è¦ã¯ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å³ã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’200pxã«ã—ã€ãã®ä¸Šã«ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’表示ã—ã¦ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®é«˜ã•ã‚’コンテンツã¨åŒã˜ã‚ˆã†ã«è¦‹ã›ã‚‹ã‚‚ã®ã§ã™ã€‚ HTMLã¯ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®divè¦ç´ を内包ã™ã‚‹divè¦ç´ （wrapper）をé…ç½®ã—ã¾ã™ã€‚ HTML <textarea name="code" class="html" cols="60" rows="5"> <div id="wrapper"> <div id="maincontent">...</div> <div id="sidebar">...</div> </div> </textarea>
30分ã§ã§ãã‚‹ï¼Webサイトを高速化ã™ã‚‹6大原則 (1/4)
Webサイトを制作ã™ã‚‹ã¨ãã€ã€Œãƒ‘フォーマンスã€ã‚’æ°—ã«ã—ãŸã“ã¨ãŒã‚ã‚‹ã ã‚ã†ã‹ï¼Ÿã€€ã‚‚ã—ã¾ã£ãŸãæ°—ã«ã—ãŸã“ã¨ãŒãªã„ãªã‚‰ã€æ°—ã‚’ã¤ã‘ãŸæ–¹ãŒã„ã„。閲覧ã«æ™‚é–“ã®ã‹ã‹ã‚‹â€œé…ã„Webサイトâ€ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’与ãˆã€é–²è¦§ã‚’ã‚„ã‚ã•ã›ã¦ã—ã¾ã†æã‚ŒãŒã‚る。 下記ã®ã‚°ãƒ©ãƒ•ã¯ã€ã€ŒSimple-Talkã€ã¨ã„ã†æµ·å¤–ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ¡ãƒ‡ã‚£ã‚¢ã§ç™ºè¡¨ã•ã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼èª¿æŸ»ã®çµæžœã 。アンケートページã®è¡¨ç¤ºã«ã‹ã‹ã‚‹æ™‚é–“ã‚’æ„図的ã«ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã—ã€è¡¨ç¤ºæ™‚é–“ã«ã‚ˆã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ„Ÿã˜ã‚‹ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®é•ã„を調ã¹ãŸã‚‚ã®ã 。 縦軸ãŒãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆ10段階）ã€æ¨ªè»¸ãŒè¡¨ç¤ºã¾ã§ã®æ™‚間を表ã—ã¦ã„る。1～5秒以内ã«ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚ŒãŸäººã«æ¯”ã¹ã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºã¾ã§ã«5秒以上ã‹ã‹ã£ãŸäººã¯2å€ä»¥ä¸Šã‚‚フラストレーションを感ã˜ã¦ã„る。フラストレーションãŒã‚ã¾ã‚Šã«é«˜ã‘ã‚Œã°ã€ã›ã£ã‹ã何らã‹ã®ç›®çš„ã‚’æŒã£ã¦è¨ªã‚Œã¦ããŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚‚å¾…ã¡åˆ‡ã‚Œãšã«ãƒ–ラウザーを閉ã˜ã¦ã—ã¾ã†
自分的HTMLテンプレートã®çµ„ã¿æ–¹ | Takazudo Clipping*
自分的HTMLテンプレートã®çµ„ã¿æ–¹ã¨ä¾‹ã§ã™ã€‚ ã¾ãã€ã‚„ã‚‹ãŸã³ã«ã¡ã‚‡ã“ã¡ã‚‡ã“変ãˆã¦ã‚‹ã‚“ã§ã™ã‘ã©ã€2009å¹´7月版ã£ã¦ã“ã¨ã§ã–ã£ãり説明。 空テンプレ モジュール一覧 サンプル ダウンãƒãƒ¼ãƒ‰ç”¨ エリアã¨ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« ç¹°ã‚Šè¿”ã—使用ã•ã‚Œã‚‹è¦ç´ ã®å¡Šã‚’モジュールã¨å‘¼ã³ã€ã‚¨ãƒªã‚¢ã®ä¸ã«ã“れを並ã¹ã¦ãƒšãƒ¼ã‚¸ã‚’作æˆã™ã‚‹ã®ã‚’基本ã¨ã™ã‚‹ã€‚ モジュールã®é–‹å§‹è¦ç´ ã«ã¯ã€ã€Œmod_moduleNameã€ã®ã‚ˆã†ã«class（もã—ãã¯id）をã¤ã‘る。 モジュールやエリアã®class/idを起点ã«å…¨ã¦ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’指定ã™ã‚‹ã€‚pã€h1～h6ã€blockquoteã€tableç‰ã€è¦ç´ 自体ã«ç›´ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’指定ã—ã¦ã¯ã„ã‘ãªã„。（グãƒãƒ¼ãƒãƒ«å¤‰æ•°ã‚’使ã£ã¦ã„るよã†ãªçŠ¶æ…‹ã«ãªã£ã¦ã—ã¾ã†ãŸã‚ã€ä»¥é™è€ƒæ…®ã™ã‚‹ã®ãŒé¢å€’。リセット程度ã«æ¸ˆã¾ã™ã€‚） モジュールã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’指定ã™ã‚‹éš›ã«ã¯ã€mod_moduleNameを起点ã¨ã—ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’指定ã—ã€ã‚«ãƒ—セル化を
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}