HTMLã‚„CSSãŒæ‰‹é–“ãªã書ã‘ã‚‹Zen Coding | Zen Coding 1-1 | HTML+CSSコーディングãŒ10å€é€Ÿããªã‚‹Zen Coding
ã‚ã‚“ã©ã†ãªä½œæ¥ãŒã‚ãšã‹æ•°ç§’ã«ï¼æ–°äººãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒ 知らãªã„ã¨ä¸€ç”Ÿå¾Œæ‚”ã™ã‚‹Excelを使ã£ãŸHTML生æˆ
ãŠå®¢ã•ã‚“ã‹ã‚‰é€ã‚‰ã‚Œã¦ããŸã€Excelデータã‹ã‚‰ã›ã£ã›ã¨ãƒªã‚¹ãƒˆã‚„表ã®HTMLをコーディングã—ã¦ã„ã‚‹ã‚ãªãŸï¼ãã‚ãã‚手ãŒãŒç–²ã‚Œã¦ãã¦ã„ã¾ã›ã‚“ã‹ï¼Ÿ ãã‚“ãªã‚ãªãŸã¯ã€ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã™ã‚‹Excelテクニックをãœã²è¦šãˆã¦ãã ã•ã„。 é¢å€’ãªä½œæ¥ãŒã€ã‚ãšã‹æ•°ç§’ã§çµ‚ã‚ã‚Šã¾ã™ï¼ Excelを使ã£ãŸé«˜é€ŸHTMLç”Ÿæˆ åƒ•ãŸã¡ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã¯ã€ã¡ã‚‡ã£ã¨ã—ãŸã‚³ãƒ¼ãƒ‰ç”Ÿæˆã«ã€Excelを使ã„ã¾ã™ï¼ Dreamweaverã§ã‚‚CSVファイルをå–り込むã“ã¨ã¯ã§ãã‚‹ã®ã§ã™ãŒã€<dl>ã‚¿ã‚°ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ãŸã„時ã¨ã‹ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã„å ´åˆã¯ã€ã“ã‚Œã‹ã‚‰ç´¹ä»‹ã™ã‚‹Excelを使ã£ãŸæ–¹æ³•ãŒç°¡å˜ã§ã€åŠ¹æžœçš„ã§ã™ã€‚ ã•ãã€â†“ã®ã‚ˆã†ãªãŠå®¢ã•ã‚“ã‹ã‚‰é€ã‚‰ã‚Œã¦ããŸExcelデータã‹ã‚‰ ... ã“ã‚“ãªæ„Ÿã˜ã®ã€<dl>ã‚¿ã‚°ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã•ã‚ŒãŸHTML生æˆã™ã‚‹æµã‚Œã‚’説明ã—ã¾ã™ã€‚データ数ã¯ã†ã‚“ã–ã‚Šã™ã‚‹ãらã„ã‚ã‚‹ã¨æ€ã£ã¦ãã ã•ã„。 Let's Excel 1)
CSSセレクタ20個ã®ãŠã•ã‚‰ã„
CSSセレクタã£ã¦æ„外ã¨åˆ†ã‹ã£ã¦ã„ãªã‹ã£ãŸã‚Šã™ã‚‹ã®ã§å‹‰å¼·ã¤ã„ã§ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚比較的実用的ã‹ãªã¨æ€ã†ã‚‚ã®ã‚’20個紹介ã—ã¦ã„ãã¾ã™ã€‚ã„ã„復習ã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ CSSセレクタã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹å¯¾è±¡ã‚’指定ã™ã‚‹ã‚‚ã®ã§ã™ã€‚普段何気ãªã使ã£ã¦ã„ã‚‹classã‚„idãªã©ã‚‚セレクタã®ï¼‘ã¤ã§ã™ã€‚ 属性やè¦ç´ ã¨ã„ã£ãŸå …苦ã—ã„用語ãŒå‡ºã¦ãã¾ã™ã®ã§å›³ã§ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ ç§ã®ã‚ˆã†ã«åŸºç¤Žã‹ã‚‰å‹‰å¼·ã—ã¦ã„ãªã„ã¨ã€è¦ç´ や属性ã¨èžã„ã¦ã‚‚ピンã¨ãã¾ã›ã‚“ãŒã€çŸ¥ã£ã¦ã¿ã‚‹ã¨ãªã‚“ã¦ã“ã¨ã¯ãªã„ã§ã™ã。 ã¾ãŸã€IEãŒå¯¾å¿œã—ãã‚Œã¦ã„ãªã„CSS3ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚‚ã‚ã‚Šã¾ã™ãŒã€IE6～8ã§ã‚‚CSS3セレクタãŒåˆ©ç”¨ã§ãるツールã®æ±ºå®šç‰ˆã€ŒSelectivizr〠ã§ç´¹ä»‹ã—ãŸã‚ˆã†ã«CSS3セレクタã¯ie対ç–も容易ãªã®ã§ãœã²ãŠè©¦ã—ãã ã•ã„。 Selectivizrã¯CSSを外部ファイルã§æŒ‡å®šã—ãŸæ–¹ãŒã„ã„ã®ã§ã™ãŒã€ä»Šå›žã®ã‚µãƒ³ãƒ—ルã¯CSSを外部ファイル
ç§ï¼ˆWebデザイナー）ãŒåŠ¹çŽ‡ã‚ˆã仕事ã™ã‚‹ãŸã‚ã«ã—ã¦ã„るコーディング術や検索術
ã¿ãªã•ã‚“も仕事ã®åŠ¹çŽ‡åŒ–ã€æ™‚é–“çŸç¸®ã®ãŸã‚ã«ã—ã¦ã„ã‚‹ã“ã¨ã£ã¦ã‚ã‚Šã¾ã™ã‚ˆã？ ç§ã‚‚ã‚‚ã¡ã‚ã‚“ã„ã‚ã‚“ãªå·¥å¤«ã‚’ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã‚‚ã£ã¨åŠ¹çŽ‡ã‚ˆã仕事ãŒã—ãŸã„ã£ã¦æ€ã£ã¦ã„ã¾ã™ã€‚ ã¨ã‚Šã‚ãˆãšã€ä»Šã€æ™‚é–“çŸç¸®ã®ç‚ºã«ç§ãŒã—ã¦ã„ã‚‹ã“ã¨ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ç§ã¯æ¯Žæ—¥ Webサイトを作るãŸã‚ã«ã€Photoshop を使ã£ãŸã‚Šã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ãŸã‚Šã€èª¿ã¹ã‚‚ã®ã‚’ã—ãŸã‚Š … ã¨ã«ã‹ãã„ã‚ã‚“ãªä½œæ¥ã‚’ã—ã¦ã„ã¾ã™ã€‚ãã‚“ãªä¸ã€ã‚‚ã£ã¨æ™‚é–“çŸç¸®ã§ããªã„ã‹ãªãƒ¼ã€ã“ã‚Œã£ã¦æ™‚é–“ã®ç„¡é§„ã ãªãƒ¼ã¨æ€ã†ã“ã¨ã‚‚ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚1日㯠24時間ã—ã‹ãªã„ã—ã€æ±ºã‚られ㟠24時間ã®ä¸ã§è‡ªåˆ†ã®æ™‚間を作るãŸã‚ã«ã¯ã€ä»•äº‹ã®æ™‚間を圧縮ã™ã‚‹ã—ã‹ã‚ã‚Šã¾ã›ã‚“ … X( ã§ãã‚‹ã ã‘無駄をãªãã—ã¦ã€æ—©ã仕事ãŒçµ‚ã‚れるよã†ã«ã€æ™‚é–“çŸç¸®è¡“をマスターã—ãŸã„ã¨æ€ã£ã¦ã¾ã™ã€‚コーディングを早ãã§ãるよã†ã«ã—ãŸã‚Šã™ã‚‹ã‚‚ã®ã¯ã‚‚ã¡ã‚ã‚“ã€æ¬²ã—ã„æƒ…å ±ã«ç´ æ—©ãアクセスã§ãるよã†ãªå·¥å¤«ãªã©ã€ä»Šç§ãŒæ™‚é–“
永久ä¿å˜ç‰ˆï¼ï¼Ÿæºå¸¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã“ã‚Œã ã‘èªã‚ã°ã™ãã§ãã‚‹ï¼ | KAYAC
マークアップエンジニア（以下ã€ME）ã®tacamyã§ã™ï¼(`・ω・´) カヤックã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚HTMLコーディングをã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ （ã„ã¤ã‚‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ï¼‰ ãã‚“ãªãƒ¯ã‚±ã§ã€æœ¬æ ¼çš„ã«HTMLコーディングã¯ã—ãªã„ã‘ã©ã€ ã¡ã‚‡ã“ã£ã¨ã—ãŸãƒšãƒ¼ã‚¸ãªã‚‰çµ„ã¿ã¾ã™ã£ã¦ã„ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ã®ã€ 「コレã ã‘èªã‚ã°ã™ãã§ãã‚‹ã€ã‚·ãƒªãƒ¼ã‚ºã‚’始ã‚ã¾ã—ãŸã€‚ 第一回ã¯ã€Œæºå¸¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã«ã¤ã„ã¦ã§ã™ã€‚ æºå¸¯ã¯PCã¨ã¯å…¨ãã®åˆ¥ç‰©ãªã®ã§ã€ãªã‚“ã¨ãªã敬é ã—ãŒã¡ã§ã™ãŒã€ 最低é™ã®å†…容ã§ã‚ã‚Œã°è¦šãˆã‚‹ã“ã¨ã‚‚å°‘ãªã„ã§ã™ã—〠一度覚ãˆã¦ã—ã¾ãˆã°ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãŒã—ã°ã‚‰ã変ã‚らãªã„ã®ã§ã€è¦šãˆã¦ãŠã„ã¦æã¯ãªã„ã§ã™ã‚ˆï¼ æºå¸¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºæœ¬ 基礎ã®åŸºç¤Ž æ–‡å—コードã¯Shift-JIS CSSã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§æŒ‡å®šï¼ˆã‚¿ã‚°ã«ç›´æŽ¥styleå±žæ€§ã‚’è¿½åŠ ã™ã‚‹ï¼‰ ç”»åƒã‚’å«ã‚€ãƒšãƒ¼ã‚¸å®¹é‡100KB以内（HTML自体ã®å®¹é‡ã¯9KB以内） ç”»åƒã¯gifã‹
コーディングå‰ã«ç¢ºèªã—ã¦ãŠããŸã„ã“ã¨ã€‚ - CSS HappyLife
CSS HappyLife ZERO ãŒç§»è»¢ã—ãŸã®ã§ãŠæ‰‹æ•°ã§ã™ãŒã€æ¶ˆãˆã¡ã‚ƒã†å‰ã«ãƒ–ックマークç‰å¤‰æ›´ã—ã¦ã‚‚らãˆã‚‹ã¨ã¨ã¦ã‚‚嬉ã—ã„ã§ã™ã€‚ 制作会社ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹å ´åˆã€ç¤¾å†…ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³çš„ãªã®ãŒæœ‰ã£ãŸã‚Šãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚ã‚る程度固定ã•ã‚Œã¦ã‚‹ã¨æ€ã†ã®ã§ã€æ¯Žå›žä¼¼ãŸã‚ˆã†ãªäº‹ã‚’確èªã—ãŸã‚Šã¨ã‹ã€ã“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã©ã†ã„ã†æ„図ãªã‚“ã ã‚ã†ï¼Ÿã£ã¦ã®ã‚‚ã€ä½•åº¦ã‹åŒã˜äººã¨ã‚„ã£ã¦ã‚Œã°è¦‹ãˆã¦ãる訳ã§ã™ãŒã€ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®å ´åˆã ã¨ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯æ¯Žå›žé•ã£ã¦ã„ãŸã‚Šã€å½“然ディレクションをã™ã‚‹äººã‚‚é•ã†ã®ã§æœ€åˆã«ç¢ºèªã—ã¦ãŠããŸã„事ãŒæœ‰ã£ãŸã‚Šã—ã¾ã™ã€‚ ã£ã¦äº‹ã§ã€ãã®è¾ºã‚Šã‚’ã¾ã¨ã‚ã¦ã¿ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’渡ã•ã‚ŒãŸã¨ãã«ã“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ„図ã¯ï¼Ÿã£ã¦æ€ã†äº‹ã¨ã‹ã‚‚ã°ãƒ¼ã£ã¨æ›¸ã„ã¦ã¿ã¾ã™ã€‚ã¯ã„。 ãªã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“もコーダーã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’渡ã™ã¨ãã«æ°—ã‚’ã¤ã‘ã¦æ¬²ã—ã„点ã¨ã‹ã‚‚ã‚ã‹ã£ã¦ã—ã¾ã†ã™ã°ã‚‰ã—ã„内容（ã ã¨è‰¯ã„ãªï¼‰ï¼ ã˜ã‚ƒã‚ã¾ãšã¯æœ€åˆã«ç¢ºèªã—ã¦ãŠããŸã„基本的ãªã“ã¨ã‹
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}