ç§ãŒscriptã‚¿ã‚°ã«ã¤ã„ã¦çŸ¥ã£ã¦ã„ã‚‹ã“ã¨å…¨ã¦ : 知られã¦ã„ãªã„å±žæ€§ã‚„å®Ÿè¡Œé †åºãªã© | POSTD
<script src="//typekit.com/fj3j1j2.js"></script> <!-- This second script won’t execute until typekit has executed, or timed out --> <script src="//my.site/script.js"></script> ãƒãƒ¼ã‚«ãƒ«ã‚¹ã‚¯ãƒªãƒ—トã¨ãƒªãƒ¢ãƒ¼ãƒˆã‚¹ã‚¯ãƒªãƒ—トを組ã¿åˆã‚ã›ã¦ã‚‚åŒæ§˜ã«æ“作ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 機能的ã«ã¯ã€Webページã®å‰ã®éƒ¨åˆ†ã§é‡ã„スクリプトã®ãƒãƒ¼ãƒ‰ãŒã‚ã‚‹ã¨ã€ã‚µã‚¤ãƒˆã®è¡¨ç¤ºãŒæ˜Žã‚‰ã‹ã«é…ããªã‚‹ã“ã¨ã‚’æ„味ã—ã¾ã™ã€‚ã•ã‚‰ã«ã€ãƒšãƒ¼ã‚¸ã®æœ€å¾Œã®æ–¹ã§è¡¨ç¤ºã•ã‚Œã‚‹ã‚¹ã‚¯ãƒªãƒ—トã¯ã€ãã‚Œã¾ã§ã«å˜åœ¨ã™ã‚‹ã•ã‚ŒãŸã‚¹ã‚¯ãƒªãƒ—トã®å‹•ä½œã«ä¾å˜ã™ã‚‹ã“ã¨ã‚’æ„味ã—ã¾ã™ã€‚ 先行ã™ã‚‹å…¨ã¦ã®scriptã‚¿ã‚°ãŒãƒãƒ¼ãƒ‰ã•ã‚Œå®Ÿè¡Œã•ã‚Œã‚‹ã¾ã§ã€ãƒšãƒ¼ã‚¸ä¸Šã®è¦ç´ ã¯è¡¨ç¤ºã•ã‚Œã¾ã›ã‚“。ã¤ã¾ã‚Šã€ãƒ‘フォーマンスã¸ã®æ‚ªå½±éŸ¿ã‚’覚
Sitespec - r7kamura blog
[Sitespec](https://github.com/r7kamura/sitespec)ã¨ã„ã†é™çš„サイト生æˆãƒ„ールを作りã€ã“ã®ãƒ–ãƒã‚°ã‚’移行ã—ãŸã€‚ ## Sitespec Sitespecã¯ã€Webアプリã¨ãƒ†ã‚¹ãƒˆã‹ã‚‰é™çš„サイトを生æˆã™ã‚‹ãŸã‚ã®ãƒ„ール。 Webアプリã«ã¯Rackã‚’ã€ãƒ†ã‚¹ãƒˆã«ã¯RSpecを使ã†ã€‚ Rackを使ã£ãŸé©å½“ãªWebアプリを用æ„ã—〠RSpecã§HTTPリクエストを発行ã™ã‚‹ã‚ˆã†ã«è¨˜è¿°ã—ãŸãƒ†ã‚¹ãƒˆã‚’実行ã™ã‚‹ã¨ã€ レスãƒãƒ³ã‚¹ã®å†…容ã‹ã‚‰é™çš„ファイルãŒç”Ÿæˆã•ã‚Œã‚‹ã¨ã„ã†ä»•çµ„ã¿ã«ãªã£ã¦ã„る。 å‚考ã¾ã§ã«ç´¹ä»‹ã—ã¦ãŠãã¨ã€é™çš„サイト生æˆãƒ„ールã«ã¯ä»–ã« [Middleman](http://middlemanapp.com/)ã‚„[Octopress](http://octopress.org/)ã€[Movable Type](http://www.movabletype.jp/) ãª
Shipped HTML::CallJS - tokuhirom's blog
HTML ã‹ã‚‰ JS ã«ãƒ‡ãƒ¼ã‚¿ã‚’安全ã«ã‚ãŸã™æ–¹æ³•ã¨ã—ã¦ã€JSONP ã¿ãŸã„ã«é–¢æ•°ã‚’コールã™ã‚‹ã‚ˆã†ã«ã—ãŸã‚‰ã„ã„ã®ã§ã¯ãªã„ã‹ã€ã¨ã„ã†æ案㌠kazuhooku blog ã«ã¦è¡Œã‚ã‚Œã¦ã„ã‚‹ã‚ã‘ã§ã™ãŒã€å®Ÿéš›ã«ã©ã†ã„ã†é¢¨ã«ã¤ã‹ã£ãŸã‚‰ã„ã„ã®ã‹ã¨ã„ã†æ‰€ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã®ã§ã€ãƒ©ã‚¤ãƒ–ラリã¨ã—ã¦ã¿ã¾ã—ãŸã€‚ https://metacpan.org/pod/release/TOKUHIROM/HTML-CallJS-0.01/lib/HTML/CallJS.pm
ID使ã£ã¦ã‚‚別ã«å•é¡Œãªã„
CSSã§ID使ã†ã®è‰¯ããªã„……ã©ã“ã‚ã‹ã€ID使ã†ã®ã¯ã‚´ãƒŸã‚¯ã‚ºã‚«ã‚¹ã¿ãŸã„ãªé¢¨æ½®ã§è¾›ã„。ãã®æ ¹æ‹ ã¯ã„ãã¤ã‹ã‚ã‚Šã€ãれらã¯CSSã ã‘ã‚’ãŸã ãã®ã¾ã¾æ›¸ãå ´åˆã«ã¯ç´å¾—出æ¥ãªã„ã“ã¨ã‚‚ãªã„ã‹ãªãƒ¼ã¨æ€ã†ã®ã§ä½™è¨ˆã«è¾›ã„。特ã«OOCSSã®ã‚ˆã†ãªã‚¢ãƒ—ãƒãƒ¼ãƒã§ã¯IDã¯æ··ãœã‚‹ãªå±é™ºã€‚ã ã‹ã‚‰ã¨ã„ã£ã¦IDを使ã‚ãªã„ã®ãŒãƒ™ã‚¹ãƒˆãƒ»ãƒ—ラクティスãªã‚ã‘ã˜ã‚ƒãªã„。 CSS Lintã®åˆ©ç”¨ãŒåºƒã¾ã‚Šã€ã“ã‚ŒãŒID使ã†ãªã£ã¦æ€’ã‚‹ã®ã‚‚åŽŸå› ã®ä¸€ç«¯ãªæ°—ãŒã™ã‚‹ã€‚Disallow IDs in selectorsã§ã¯IDã®å•é¡Œç‚¹ã¨ã—ã¦ä»¥ä¸‹ã®ã‚ˆã†ãªã‚‚ã®ã‚’å–り上ã’ã¦ã„る。 However, IDs have a downside: they are completely unique and therefore cannot be reused. ã¤ã¾ã‚Šãƒ¦ãƒ‹ãƒ¼ã‚¯ãªãŸã‚å†åˆ©ç”¨ã§ããªã„ã¨ã„ã†ãƒžã‚¤ãƒŠã‚¹ã®é¢ãŒã‚ã‚‹ã€ã¨ã€‚確ã‹ã«å†åˆ©ç”¨ã§ããªã„。ã§ã‚‚ã“ã‚Œã¯ãƒžã‚¤ãƒŠã‚¹
HTML/CSS テンプレート集ã¾ã¨ã‚ - Cube Lilac
サイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã—よã†ã‹ã¨æ€ã£ãŸã®ã§ã™ãŒï¼Œè‡ªåŠ›ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’考ãˆã‚‹ã®ã¯é™ç•ŒãŒã‚ã‚‹ã®ã§ãƒ•ãƒªãƒ¼ã® HTML/CSS テンプレート集をã–ã£ã¨æŽ¢ã—ã¦ã¿ã¾ã—ãŸï¼Žå°šï¼Œã©ã®ã‚µã‚¤ãƒˆãŒäººæ°—ãªã®ã‹åˆ†ã‹ã‚‰ãªã‹ã£ãŸã®ã§ï¼Œå„種ソーシャルメディアã®ã‚«ã‚¦ãƒ³ãƒˆã‚’å–å¾—ã—ã¦ä½µè¨˜ã—ã¦ã¿ã¾ã—ãŸï¼Žæµ·å¤–サイトã°ã‹ã‚Šãªã®ã§ï¼ŒSBM ã¨ã—ã¦ã¯ã¯ã¦ãªãƒ–ックマーク以外㫠Delicious ã®ã‚«ã‚¦ãƒ³ãƒˆã‚‚å–å¾—ã—ã¦ã„ã¾ã™ï¼Ž 掲載ã•ã‚Œã¦ã‚るデザインã¯ã¾ã£ãŸã見ãšã«ï¼Œã‚µã‚¤ãƒˆã®ä½¿ã„ã‚„ã™ã•ï¼ˆã¨è¨€ã†ã‹ã€Œåºƒå‘Šã®å°‘ãªã•ã€ã‹ãªï¼‰ã ã‘ã‹ã‚‰ã®æ„Ÿæƒ³ã§ã™ãŒï¼Œå€‹äººçš„ã«ã¯ http://www.solucija.com/ ãŒä½¿ã„ã‚„ã™ã„ã‹ãªãã¨è¨€ã†æ°—ãŒã—ã¦ã„ã¾ã™ï¼Ž URL Delicious Hatena Twitter Facebook 1 http://www.oswd.org/ 24,170 951 471 1,002 2 http://www.freecsste
SNBinderã«ç›®ã‹ã‚‰ã‚¦ãƒã‚³ å°ã•ãªMVCãŒä»Šç¾å®Ÿã« - When it’s ready.
タイトルã¯ã¡ã‚‡ã£ã¨å¤§ã’ã•ã™ãŽã§ã™ã。もã†ãƒ–カブカã§ã™ã€‚ Webアプリã®MVCãƒã‚¿ã§ã€æ¯Žåº¦åŒæ„ã—ã¾ãã‚Šã®satoshiã•ã‚“ãŒã€JSã®ãƒ©ã‚¤ãƒ–ラリSNBinderを公開ã•ã‚Œã¦ã„ã¾ã™ã€‚ Life is beautiful: JavaScript HTMLテンプレートエンジン SNBinder 公開 BODYタグオンリー大好ãã£åãªã®ã§ã€ã“ã‚Œã¯ä½¿ã‚ãšã«ã¯å±…られãªã„ã¨æ€ã„早速やã£ã¦ã¿ã¾ã—ãŸã€‚ ã¤ã„ã§ã«ã€æれ多ãã‚‚githubã§Forkã—ã¦readmeã®å’Œè¨³ãªã©ã—ã¦ã„ã¾ã™ã€‚ コードサンプルを元ã«å‹•ã‹ã—ã¦ã¿ãŸã‚“ã§ã™ãŒè‰²ã€…ã¨å‹•ã‹ãªã„・・・ ç§ã®ç†è§£ãƒŸã‚¹ãªæ°—ãŒã™ã‚‹ã®ã§ã™ãŒã€ãƒ„ッコミもらãŠã†ã¨ã‚³ãƒ¼ãƒ‰æ™’ã—ã¾ã™ã€‚オリジナルã®ã¾ã¾å‹•ã„ã¦ã‚‹äººã„ãŸã‚‰ã©ã“ãŒé•ã†ã‹æ•™ãˆã¦ãã ã•ã„ã¾ã›ã€‚ SNBinderã®ä½¿ã„æ–¹ã¨ã—ã¦ã€READMEã«æ›¸ã‹ã‚Œã¦ã„ã‚‹ã‚„ã‚Šæ–¹ã¯ã€ï¼”種類ã‚ã‚Šã¾ã™ã€‚ 変数一ã¤ã‚’テンプレートã«åŸ‹ã‚込む SNBinder.b
ゆーã™ã‘ã¹ãƒ¼æ—¥è¨˜
サã‚ã¨ã¯å½¼å¥³ã®è‡ªå®…è¿‘ãã€æ¹˜å—å°é§…å‰ã®ã‚¹ãƒ¼ãƒ‘ーマーケットã§å¾…ã¡åˆã‚ã›ã‚’ã—ãŸã€‚彼女ã¯è‡ªè»¢è»Šã§å¾Œã‹ã‚‰è¿½ã„ã¤ãã¨è¨€ã„ã€åƒ•ã¯å¤§ããªã‚³ã‚¤ãƒ³ãƒ‘ーã‚ングã¸è»Šã‚’åœã‚ãŸã€‚ç…™è‰ã‚’一本å¸ã£ã¦ã‹ã‚‰ã‚¹ãƒ¼ãƒ‘ーマーケットã¸å‘ã‹ã†ã¨ã€ã²ã£ãã‚Šãªã—ã«ä¸»å©¦çš„ãªå¥³æ€§ã‹ãŠã°ã‚ã¡ã‚ƒã‚“ãŒå…¥ã‚Šå£ã‚’出ãŸã‚Šå…¥ã£ãŸã‚Šã—ã¦ã„ãŸã€‚時刻ã¯åˆå¾Œ5時ã«ãªã‚‹ã€‚時計ã‹ã‚‰ç›®ã‚’上ã’ã‚‹ã¨ã€å¾…ãŸã›ã¡ã‚ƒã£ãŸã‚ãã¨å¤§ã—ã¦æ‚ªã³ã‚Œã¦ãªã„様åã§ã‚µã‚ãŒæ‰‹ã¶ã‚‰ã§ã‚„ã£ã¦ããŸã€‚ ãŠç¤¼ã«æ–™ç†ã‚’作るã¨ã¯ã„ãˆã€ã‚µã‚ã®å®¶ã«ã¯é£ŸæãŒå分足りã¦ã„ãªã„らã—ãã€ã“ã†ã—ã¦ã‚¹ãƒ¼ãƒ‘ーマーケットã«å¯„ã‚‹ã“ã¨ã«ãªã£ãŸã€‚サã‚ã¯é‡Žèœã‚³ãƒ¼ãƒŠãƒ¼ã‹ã‚‰ç²¾è‚‰ã‚³ãƒ¼ãƒŠãƒ¼ã¾ã§ã€ã¾ã‚‹ã§å„ªç§€ãªã‚«ãƒ¼ãƒŠãƒ“ã«å°Žã‹ã‚Œã‚‹ã‚ˆã†ã«ç„¡é§„ãªã点検ã—ã¦ã„ã£ãŸã€‚欲ã—ã„食æãŒã‚ã‚‹ã¨ã€2秒間程度ãれらをå‡è¦–ã—ã€ä¸€åº¦æ‰‹ã«å–ã£ãŸã˜ã‚ƒãŒã„もやら豚肉やらを迷ã†ã“ã¨ãªã僕ãŒæŒã£ã¦ã„ã‚‹ã‚«ã‚´ã«æ”¾ã‚Šè¾¼ã‚“ã 。最後ã«ã‚¢ãƒ«ã‚³ãƒ¼ãƒ«é£²æ–™ãŒå†·ã‚„ã•ã‚Œã¦ã„る棚ã®å‰ã¸è¡Œãã¨ã€ç§ãŒé£²ã‚€ã‹ã‚‰ã¨ãƒ
SASS ã¨ã‹ HAML ã¨ã‹ã€ã¾ã—ã¦ã‚„ DBIC ã¨å¦ç¿’コストã®ã¯ãªã— - TokuLog 改メ tokuhirom’s blog
çµå±€ã€ãŒã‚“ã°ã£ã¦ãã‚Œã®ä½œæ³•ã‚’ãŠã¼ãˆã¦ã‚‚ã€ãã‚Œã®ãƒ–ームãŒã•ã£ãŸå¾Œã«ã¾ã£ãŸãå½¹ã«ãŸãŸãªã„知è˜ãªã®ã§ã€ãã†ã„ã†ã®ã‚’覚ãˆã‚‹ãらã„ãªã‚‰ã€ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªæŠ€è¡“ã®ä¿®å¾—ã«æ™‚é–“ã‚’ã•ãã¹ãã§ã¯ãªã„ã‹ã€ã¨ãŠã‚‚ã£ãŸã€‚
HTML 4.01 Specification (ja)
æ£è¦ã®è¦å®šã¯W3Cサイトã«ã‚る英語版ã§ã‚ã‚Šã€ã“ã®æ—¥æœ¬èªžç‰ˆã¯å‚考ã«ã™ãŽã¾ã›ã‚“。 邦訳ã®éŽç¨‹ã§æ°—ã¥ã„ãŸåŽŸè¦å®šã®èª¤ã‚Šã«ã¤ã„ã¦ã¯åŽŸè‘—者ã«å ±å‘Šã—ã€æ˜Žã‚‰ã‹ãªã‚¿ã‚¤ãƒ—ミスç‰ã«ã¤ã„ã¦ã¯errataã«æŽ²è¼‰ã•ã‚Œã‚‹å‰ã§ã‚ã£ã¦ã‚‚ä¿®æ£ã—ãŸè¨³ã‚’掲ã’ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®æ–‡æ›¸ã«ã¯ã€ç¿»è¨³ä¸Šã®èª¤ã‚ŠãŒã‚ã‚Šå¾—ã¾ã™ã€‚当委員会ã¯ç¿»è¨³ã®æ£ç¢ºæ€§ã‚’ä¿è¨¼ã—ã¾ã›ã‚“。ã‚ãã¾ã§ã”自身ã®è²¬ä»»ã§ã”利用ãã ã•ã„。 原著作権をW3CãŒä¿æœ‰ã—ã€äºŒæ¬¡è‘—作権をHTML 4仕様書邦訳計画補完委員会ãŒä¿æœ‰ã—ã¾ã™ã€‚ HTML 4.01仕様書 1999å¹´12月24日付W3C勧告 ã“ã®ç‰ˆã®åŽŸæ›¸: http://www.w3.org/TR/1999/REC-html401-19991224 (プレーンテã‚ストファイル [794Kb]ã€HTMLファイルã®tar.gzアーカイブ [371Kb]ã€HTMLファイルã®zipアーカイブ [405Kb]ã€gzipã—ãŸPostScri
HTML::Template ã‹ã‚‰ Template Toolkit ã«ä¹—ã‚Šæ›ãˆã‚‹æº–å‚™
HTML::Template ã‹ã‚‰ Template Toolkit ã«ä¹—ã‚Šæ›ãˆã‚‹æº–å‚™ 2008-02-21-2 [Programming] 日本㮠Perl Geek é”ã‹ã‚‰ã ã„ãŸã„5å¹´é…ã‚Œã§æ–°ã—ã„も㮠（ã¤ã‹ã€ã™ã§ã«æž¯ã‚ŒãŸã‚‚ã®ï¼‰ã«ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã¦ã„ã‚‹ç§ã§ã™ã€‚ ã•ã¦ã€Perl ã®ãƒ†ãƒ³ãƒ—レートエンジンã¨ã—㦠今ã¾ã§ã¯ HTML::Template を使ã£ã¦ã„ã¾ã—ãŸã€‚ シンプルãªã®ãŒè‰¯ã„ã®ã§ã™ãŒã€ 自由度ãŒã¡ã‚‡ã£ã¨ä½Žã„ã®ã§æœ€è¿‘ã¯é–‰å¡žæ„Ÿã‚’æ„Ÿã˜ã¦ã„ã¾ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ Template Toolkit を使ã£ã¦ã¿ã‚ˆã†ã‹ã¨ã€‚ perldoc を見ãªãŒã‚‰ã¡ã‚‡ã“ã£ã¨ã„ã˜ã£ã¦ã¿ãŸã‚‰ã€ HTML::Template ã§ã§ãã‚‹ã“ã¨ã¯ã‚«ãƒãƒ¼ã§ã〠ã‹ã¤ã€ 「やりãŸã„ã¨æ€ã£ã¦ã„ã‚‹ã‚“ã ã‘ã© HTML::Template ã 㨠é¢å€’ãã†ãªå‡¦ç†ã€ãŒç°¡å˜ã«å®Ÿè£…ã§ããã†ãªã®ã§ã€ éžå¸¸ã«è‰¯ã„æ„Ÿã˜ã€‚ 以下ã€HTML::Tem
Emacs 㧠HTML
html-helper-mode ã¨ã¯ Emacs 㧠HTML を編集ã™ã‚‹ãŸã‚ã®ãƒžã‚¯ãƒï¼ˆEmacs Lisp プãƒã‚°ãƒ©ãƒ ）ã¨ã—ã¦ã¯ï¼Œ YaTeX ã«å«ã¾ã‚Œã‚‹ yahtml ãŒã‚ã‚Šã¾ã™ãŒï¼Œã“ã“ã§ã¯ï¼Œã‹ã® Marc Andreessen 作㮠html-mode ã«åŸºã¥ã„㦠Nelson Minar ãŒä½œã£ãŸ html-helper-mode ãŒã‚ã‚Šã¾ã™ã€‚ ç¾åœ¨ã¯ Gian Uberto Lauri ãŒä¿å®ˆã‚’ã—ã¦ã„ã¾ã™ï¼ˆãŒç§ã¯ Nelson Minar ã®æœ€çµ‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’使ã£ã¦ã„ã¾ã™ï¼‰ã€‚ html-helper-mode (Nelson Minar) html-helper-mode (Jeff Covey ã«ã‚ˆã‚‹ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«) HTML Helper Mode (Gian Uberto Lauri) インストール ã“ã“ã§ã¯ Nelson Minar ã® HTML helper mode be
html-helper-mode - Summary [Savannah]
This group is not part of the GNU Project. html-helper-mode was originally written by Nelson Minar as a mode for writing HTML pages. I took it and mang^H^H^H^Hupgraded it to help me write ASP (bleach! but when you are an employee...) page with Emacs. After adding ASP I felt morally forced to add PHP and JSP support (mostly because I would like to backup the whole ASP thing in /dev/null). The mode
HTML Helper Mode
html-helper-mode A major mode for editing HTML sourcecode with Emacs. Added some support for PHP, JSP (it seems it works ) and ASP server scripting, that is script fontification with font-lock-mode and narrowing with mode switch: while editing the whole HTML document the [PJA][HS]P script is painted in a different color and, upon request, the mode narrows the editing to the script block around the
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Cheat Sheet
https://raw.githubusercontent.com/mattn/emmet-vim/master/TUTORIAL
HTML5Rocks - A resource for open web HTML5 developers
スタイルシート スタンダード・デザインガイド―SEO/ユーザビリティ/アクセシビリティを考慮ã—ãŸå®Ÿè·µçš„HTML&CSSデザイン術
ページã§ã¯ãªãサイト全体をW3C HTML Validator ã§ãƒã‚§ãƒƒã‚¯ã™ã‚‹ | ブãƒã‚°ãŒç¶šã‹ãªã„ã‚ã‘
1時間ã§ä½œã‚‹ãƒ›ãƒ¼ãƒ ページ　[ WEBデザインã®ç´ ]
Amazon.co.jp: 速習WebデザインHTML&スタイルシート: ホームページ制作ã®åŸºæœ¬ã‚’ã—ã£ã‹ã‚Šå¦ã¹ã‚‹å…¥é–€æ›¸: æ —åŽŸæ˜Žå‰‡: 本
{{#tags}}- {{label}}
{{/tags}}