[CSS]ページã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„エレメントãªã©ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ãƒ³ãƒ—レート集ウェブページã®å®Ÿè£…や確èªã«å½¹ç«‹ã¤ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„エレメントã€HTMLメールã€WordPressãªã©ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ãƒ³ãƒ—レートをCSS-Tricksã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Downloads: Layouts/Templates
å°ç²‹ç©ºé–“: IE7 ã® CSS ãƒãƒƒã‚¯
「IE7 ã§é–²è¦§ã™ã‚‹ã¨è¡¨ç¤ºãŒç•°ãªã‚‹ã®ã§ã™ãŒã€ã¨ã„ã†ã”質å•ã‚’é ‚ã„ãŸã®ã§ã€CSS ãƒãƒƒã‚¯ã‚’利用ã—ã¦ã€IE7 ã®ã‚¹ã‚¿ã‚¤ãƒ«ã®ã¿ã‚’変更ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚çµè«–ã ã‘è¿°ã¹ã¾ã™ã¨ã€IE7 ã«ç•°ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ï¼ˆ=ä»–ã®ãƒ–ラウザã¨è¡¨ç¤ºã‚’åˆã‚ã›ã‚‹ï¼‰å ´åˆã€è©²å½“ã®ã‚»ãƒ¬ã‚¯ã‚¿ã®å‰ã« *:first-child+html を付与ã—ã¾ã™ã€‚例ãˆã°ã€IDセレクタ #banner ã«é©ç”¨ã•ã›ã‚‹å ´åˆã€ *:first-child+html #banner { ： [IE7用ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’記述] ： } ã¨ãªã‚Šã¾ã™ã€‚ ãªãŠã€ãれ以外ã®ãƒ–ラウザã®ãŸã‚ã«ã€å…ƒã® #banner ã®è¨å®šã¯ã€ã“ã®è¿½åŠ ã—ãŸã‚»ãƒ¬ã‚¯ã‚¿ã‚ˆã‚Šå‰æ–¹ã«è¨˜è¿°ã—ã¾ã™ï¼ˆä¸‹è¨˜ï¼‰ã€‚ã“ã®é †ç•ªã‚’é–“é•ãˆã‚‹ã¨æœŸå¾…ã™ã‚‹è¡¨ç¤ºã«ãªã‚‰ãªã„ã®ã§ã”注æ„ãã ã•ã„。 #banner { ： [IE7以外ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’記述] ： } *:first-child+html #banner { ： [IE7
ページé€ã‚Šã®ã‚µãƒ³ãƒ—ル4種+2
ãšã€éšåˆ†é–“ãŒç©ºã„ã¦ã—ã¾ã£ãŸãƒ»ãƒ»ãƒ»ä½•ã¦è¨€ã†ç¾å®Ÿã€‚ 気付ã‘ã°å†¬é–“è¿‘ã§ã™ã。 久々ã®æ›´æ–°ãŒã€ç‰¹åˆ¥ç›®æ–°ã—ãã‚‚ãªã‚“ã¨ã‚‚ãªã„ã‚“ã§ã™ãŒã€è‡ªåˆ†ãªã‚Šã®ãƒšãƒ¼ã‚¸é€ã‚Šã‚µãƒ³ãƒ—ルを作ã£ã¦ã¿ã¾ã—ãŸã€‚ ホントã¯æœ€åˆã®ã ã‘有れã°äº‹è¶³ã‚Šã¦ã‚‹ã‚“ã§ã™ã‘ã©ã€ãƒœãƒªãƒ¥ãƒ¼ãƒ 感を出ã™ç‚ºã«4種類+2ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ サンプルサイトを見る サンプルをダウンãƒãƒ¼ãƒ‰ 地味ã«ã‚µãƒ³ãƒ—ル作ã£ã¦ãŸã‚‰æ™‚é–“å–られãŸã®ã§ã€è§£èª¬ã¯è»½ã‚ã§ã™ãŒç¶šãã«ã¦ã€‚ 今回作ã£ã¦ãŠããŸã‹ã£ãŸã®ã¯ã€ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã•ã›ãŸãƒšãƒ¼ã‚¸é€ã‚Šã£ã™ã€‚ ã¨ã¦ã‚‚ä¼¼ãŸã‚ˆã†ãªã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒæœ‰ã‚‹ã®ã§ã€ä¸‹è¨˜ã‚‚å‚考ã«ã—ã¦ã¿ã‚‹ã¨ã„ã„ã‹ã¨ã€‚ ページé€ã‚ŠãƒŠãƒ“ゲーションã«ã¯ display:inline-block ãŒè¶…便利 | ãƒã‚·ãƒ£ãƒã‚°ã€‚ ä¸ç‰¹å®šã®æ•°ã®æ¨ªã«ä¸¦ã¶ãƒ–ãƒãƒƒã‚¯è¦ç´ をセンタリングã•ã›ã‚‹ | CSS-EBLOG å„サンプル共通ã§ä»¥ä¸‹ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒå½“ãŸã£ã¦ã¾ã™ã€‚ #main ul, #main ul li { marg
シンプルãªãƒ†ã‚スト・HTMLエディタ Crescent Eve (フリーソフト)
Crescent Eve ã¯ã‚·ãƒ³ãƒ—ルãªã‚¨ãƒ‡ã‚£ã‚¿ã§ã™ã€‚ ã“ã ã‚ã‚Šã®åŸºæœ¬æ©Ÿèƒ½ã¨HTML編集機能をæŒã£ã¦ã„ã¾ã™ã€‚ ã€é›‘談】 ã‚ã‚‹æ—¥ã®ãµã¨ã—ãŸç–‘å• ï½ž HTMLを書ãé“å…· ～ ã‚ã‚‹æ—¥ã€ãƒ¡ãƒ¢å¸³ç‰ã®ãƒ†ã‚ストエディタã§HTML書ã„ã¦ã„る人ãŒæ„外ã«å¤šã„ã“ã¨ã«æ°—ãŒã¤ãã¾ã—ãŸã€‚ 「多機能ã§å„ªç§€ãªHTMLエディタã¯æ²¢å±±ã‚ã‚‹ã®ã«ã€ãªãœã‹ãªã€ 「もã—ã‹ã—ã¦ã€è»½ãã¦ã‚·ãƒ³ãƒ—ルãªSDIå½¢å¼ã®HTMLエディタãŒæ±‚ã‚られã¦ã„ã‚‹ã®ã ã‚ã†ã‹ã€ 「よã—ã€ä½œã£ã¦ã¿ã‚ˆã†ï¼ã€ 「ã‚ãã¾ã§ã‚·ãƒ³ãƒ—ルã«ã€ãƒ†ã‚ストエディタã¨ã—ã¦ã‚‚使ãˆã‚‹ã‚ˆã†ã«ã—ã¦ã€ã‚¿ã‚°ã¯ã‚ーボードã‹ã‚‰è‡ªç„¶ã«å…¥åŠ›è£œå®Œã§ãるよã†ã«ã—よã†ã€ 「手作æ¥ã§ã‚¿ã‚°ã‚’打ã¡è¾¼ã‚“ã ら間é•ã„ãŒå‡ºã‚‹ã‹ã‚‰ã€æ–‡æ³•ãƒã‚§ãƒƒã‚¯æ©Ÿèƒ½ã‚’ã¤ã‘よã†ã€ 「文å—コードã®è‡ªå‹•èªè˜ã¯ã€çµ¶å¯¾å¤±æ•—ã—ãªã„よã†ã«ã—よã†ã€ ・・・ã¨ã„ã†ã‚ˆã†ãªè€ƒãˆã‹ã‚‰ Crescent Eveを開発ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ãã®å¾Œ 公開以æ¥ã€å¤šãã®æ–¹ã«å¥½è©•ã‚’
第3回　HTMLã¨XHTMLã€HTML5 | gihyo.jp
HTML5ã¨ã„ã†æ–°ã—ã„仕様ãŒã§ã¦ãã¾ã—ãŸãŒã€æ—¢å˜ã®HTMLã‚„XHTMLã¨ã¯ã©ã®ã‚ˆã†ãªé–¢ä¿‚ãŒã‚ã‚‹ã®ã§ã—ょã†ã‹ã€‚ç°¡å˜ã«HTMLã¨XHTMLã®æ´å²ã‚’振りã‹ãˆã‚ŠãªãŒã‚‰ã€ä¸¡è€…ãŒæŠ±ãˆãŸå•é¡Œã‚„ã€HTML5ã®ç›®çš„ã«ã¤ã„ã¦èª¬æ˜Žã—よã†ã¨æ€ã„ã¾ã™ã€‚ HTML ― æ‹¡å¼µã®ãªã‹ã§é€²åŒ–ã—ã¦ã„ã£ãŸè¨€èªž HTMLã¯Web上ã§ã®æƒ…å ±äº¤æ›ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¨ã—ã¦ã€Tim Berners-Leeã«ã‚ˆã‚Šç”Ÿã¿å‡ºã•ã‚Œã¾ã—ãŸã€‚「â シンプルãªãƒã‚¤ãƒ‘ーテã‚ストを記述ã™ã‚‹ã€ã¨ã„ã†ç›®çš„ãŒã‚ã£ãŸãŸã‚ã€å®šç¾©ã•ã‚Œã¦ã„ã‚‹è¦ç´ ã¯è¦‹å‡ºã—やリストã€ãƒªãƒ³ã‚¯ãªã©ã€æ–‡æ›¸æ§‹é€ ã‚„æ–‡ç« ã®æ„味を記ã™ã‚‚ã®ã«é™ã‚‰ã‚Œã¦ã„ã¾ã—ãŸã€‚ ã¨ã“ã‚ãŒã€WebãŒæ™®åŠã™ã‚‹ã«ã¤ã‚Œã€è¦–覚表ç¾ã‚’コントãƒãƒ¼ãƒ«ã™ã‚‹è¦ç´ （ã„ã‚ゆる「タグâ ã€â ）ãŒãƒ–ラウザーベンダーã«ã‚ˆã‚Šè¿½åŠ ã•ã‚Œã¦ã„ãã€èªžå½™ãŒè†¨ã‚Œä¸ŠãŒã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ã•ã‚‰ã«ã¯ã€è¦ç´ ã®æ„図ã¨ã¯ç•°ãªã£ãŸä½¿ã‚れ方をã•ã‚Œã‚‹ä¾‹ï¼ˆblockquoteã‚„tableãªã©ï¼‰ãŒå¢—
CODING FACTORY - コーディング専門サービス
完了日: 2024å¹´7月 決済サービスæ供会社ã®ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆï¼ˆ200ページ）ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã€‚テンプレート・パーツã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¨PowerCMSã®è¨è¨ˆãƒ»å®Ÿè£…を担当。週1回ã®å®šä¾‹Mtgを開催ã—ãªãŒã‚‰ã€é•·æœŸé–“ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’完é‚。 完了日: 2024å¹´7月 大手電機メーカーã®ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã€‚様々ãªWeb制作会社ãŒãƒšãƒ¼ã‚¸æ›´æ–°æ™‚ã«åˆ©ç”¨ã™ã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ†ãƒ³ãƒ—レートã®å…¨é¢æ”¹ä¿®ã‚’担当。ã‚ã‚ã›ã¦ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®æ”¹å®šã‚’è¡Œãªã„ã€ã‚µã‚¤ãƒˆé‹ç”¨ã®åŸºç›¤æ•´å‚™ã‚’è¡Œãªã£ãŸã€‚ 完了日: 2024å¹´6月 クライアントã¨ã‚µã‚¤ãƒˆã®è¡¨ç¾æ–¹æ³•ã®ã‚¤ãƒ¡ãƒ¼ã‚¸åˆã‚ã›ã‚’ã™ã‚‹ãŸã‚ã«ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚µãƒ³ãƒ—ルをã¾ã¨ã‚ãŸæ‰“ã¡åˆã‚ã›ç”¨ã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—を作æˆã€‚
「Flash vs. HTML5ã€ã¨ã„ã†æ§‹å›³ãŒã¯ã£ãã‚Šã¨è¦‹ãˆå§‹ã‚ãŸãžã€ã¨
æ¥ç•Œé–¢ä¿‚者（特ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢ä¿‚ã®ä»•äº‹ã‚’ã—ã¦ã„る人ãŸã¡ï¼‰å°‘ã—å‰ã‹ã‚‰ã™ã§ã«æ°—ãŒã¤ã„ã¦ã„ãŸè©±ã ãŒã€ä»Šå›žã®Adobeã‹ã‚‰ã®ä¸€é€£ã®ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆã§æ˜Žã‚‰ã‹ã«ãªã£ã¦ããŸã€ŒHTML5対Flashã€ã¨ã„ã†æ§‹å›³ã€‚ã¨ã¦ã‚‚ワクワクã™ã‚‹æˆ¦ã„ã 。 ウェブ上ã®ãƒªãƒƒãƒã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã„ã†åˆ†é‡Žã§ãƒªãƒ¼ãƒ€ãƒ¼ã‚·ãƒƒãƒ—・ãƒã‚¸ã‚·ãƒ§ãƒ³ã‚’å–ã‚ŠãªãŒã‚‰ã‚‚ã€ã€Œç„¡æ–™Flashゲームã€ã¨ã€Œã‚¦ã‚§ãƒ–サイトã®è¦‹æ „ãˆã‚’ã¡ã‚‡ã£ã¨è‰¯ãã™ã‚‹ã‚¢ã‚¤ãƒ»ã‚ャンディã€ã¨ã„ã†ãƒ‹ãƒƒãƒãªãƒã‚¸ã‚·ãƒ§ãƒ³ã«ä¸€åº¦ã¯è¿½ã„やられるよã†ã«è¦‹ãˆãŸFlash（数年å‰ã®è©±ï¼‰ã€‚ã—ã‹ã—ã€å‹•ç”»ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãŒReal Networksã€Microsoftã€Appleã®ä¸‰å¼·ã„ã®é–“ã§ä¸ã«æµ®ã隙間を付ã„ãŸæˆ¦ç•¥ã§ã€è¦‹äº‹ã«ã€Œã‚¦ã‚§ãƒ–上ã®ãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢ã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆãƒ»ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã€ã®ãƒã‚¸ã‚·ãƒ§ãƒ³ã‚’ãŒã£ã¡ã‚Šã¤ã‹ã‚“ã ã‹ã«è¦‹ãˆã‚‹Flash（ç¾åœ¨ï¼‰ã€‚ã—ã‹ã—ã€ãã®åœ°ä½ã‚‚安泰ã§ã¯ãªã„。 Adobeã«ã¨ã£ã¦ä¸€ç•ªé ã®ç—›ã„å•é¡Œã¯iPhone
30分ã§ã§ãã‚‹ï¼Webサイトを高速化ã™ã‚‹6大原則 (1/4)
Webサイトを制作ã™ã‚‹ã¨ãã€ã€Œãƒ‘フォーマンスã€ã‚’æ°—ã«ã—ãŸã“ã¨ãŒã‚ã‚‹ã ã‚ã†ã‹ï¼Ÿã€€ã‚‚ã—ã¾ã£ãŸãæ°—ã«ã—ãŸã“ã¨ãŒãªã„ãªã‚‰ã€æ°—ã‚’ã¤ã‘ãŸæ–¹ãŒã„ã„。閲覧ã«æ™‚é–“ã®ã‹ã‹ã‚‹â€œé…ã„Webサイトâ€ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’与ãˆã€é–²è¦§ã‚’ã‚„ã‚ã•ã›ã¦ã—ã¾ã†æã‚ŒãŒã‚る。 下記ã®ã‚°ãƒ©ãƒ•ã¯ã€ã€ŒSimple-Talkã€ã¨ã„ã†æµ·å¤–ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ¡ãƒ‡ã‚£ã‚¢ã§ç™ºè¡¨ã•ã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼èª¿æŸ»ã®çµæžœã 。アンケートページã®è¡¨ç¤ºã«ã‹ã‹ã‚‹æ™‚é–“ã‚’æ„図的ã«ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã—ã€è¡¨ç¤ºæ™‚é–“ã«ã‚ˆã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ„Ÿã˜ã‚‹ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®é•ã„を調ã¹ãŸã‚‚ã®ã 。 縦軸ãŒãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆ10段階）ã€æ¨ªè»¸ãŒè¡¨ç¤ºã¾ã§ã®æ™‚間を表ã—ã¦ã„る。1～5秒以内ã«ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚ŒãŸäººã«æ¯”ã¹ã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºã¾ã§ã«5秒以上ã‹ã‹ã£ãŸäººã¯2å€ä»¥ä¸Šã‚‚フラストレーションを感ã˜ã¦ã„る。フラストレーションãŒã‚ã¾ã‚Šã«é«˜ã‘ã‚Œã°ã€ã›ã£ã‹ã何らã‹ã®ç›®çš„ã‚’æŒã£ã¦è¨ªã‚Œã¦ããŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚‚å¾…ã¡åˆ‡ã‚Œãšã«ãƒ–ラウザーを閉ã˜ã¦ã—ã¾ã†
HTML 5ã®ä»•æ§˜ãŒä¸€è¦§ã§ãるクィックリファレンス
HTML 5ã®ä»•æ§˜ãŒä¸€è¦§ã§ãã‚‹PDFã®ã‚¯ã‚£ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ HTML 5 Cheat Sheet (PDF) HTML 5ã¯HTML 4ã«ä»£ã‚る次世代ã®HTMLã¨ã—ã¦ã€W3CãŒç–定を進ã‚ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ ã“ã®ã‚¯ã‚£ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã¯å¤‰æ›´ãŒã‚ã‚Šã—ã ã„ã€éšæ™‚アップデートをã—ã¦ã„ãã¨ã®ã“ã¨ã§ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã§ãã‚‹HTML 5ã®ã‚¯ã‚£ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¯ã‚³ãƒ³ãƒ‘クトã«ã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Amazon.co.jp: æºå¸¯ã‚µã‚¤ãƒˆ コーディング&デザイン: é«˜æœ¨æ‚ ä»‹: 本
{{#tags}}- {{label}}
{{/tags}}