[B! html][ã¾ã¨ã‚] bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

bitgleams id:bitgleams

htmlã¨ã¾ã¨ã‚ã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (51)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã€åŽ³é¸ã€‘Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¹ã‚ãƒ«ã‚’ã‚¢ãƒƒãƒ—ã•ã›ã‚‹ãŸã‚ã«èªã‚“ã§ãŠãã¹ãå‚è€ƒæ›¸7å†Š | ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ±‚äººæƒ…å ±ã€AKKODiSãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã€‘
ã€åŽ³é¸ã€‘Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¹ã‚ãƒ«ã‚’ã‚¢ãƒƒãƒ—ã•ã›ã‚‹ãŸã‚ã«èªã‚“ã§ãŠãã¹ãå‚è€ƒæ›¸7å†Š ä¸–ã®ä¸ã«ã¯Webãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹å‚è€ƒæ›¸ãŒæ•°å¤šãåˆŠè¡Œã•ã‚Œã¦ãŠã‚Šã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¦ã¶ç’°å¢ƒã¯ååˆ†ã™ãŽã‚‹ã»ã©æ•´ã£ã¦ã„ã¾ã™ã€‚Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¹ã‚ãƒ«ã‚’å‘ä¸Šã•ã›ã‚‹ãŸã‚ã«èªã‚“ã§ã‚‚ã‚‰ã„ãŸã„ã€ã‚ªã‚¹ã‚¹ãƒ¡ã®å‚è€ƒæ›¸ã‚’7å†ŠåŽ³é¸ã—ã¦ã”ç´¹ä»‹ã¾ã™ã€‚ ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®åŸºæœ¬ãƒ«ãƒ¼ãƒ«ï¼ãƒ—ãƒã«å¦ã¶ã€ä¸€ç”Ÿæž¯ã‚Œãªã„æ°¸ä¹…ä¸æ»…ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã‚’å¦ã¶ãªã‚‰ã“ã®ä¸€å†Šã€‚ æ–‡å—çµ„ã¿ã‚’ç¾Žã—ãè¦‹ã›ã‚‹ãŸã‚ã®åŸºç¤ŽçŸ¥è˜ã‹ã‚‰ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã§ã€åˆ†ã‹ã‚Šã‚„ã™ãæ•™ãˆã¦ãã‚Œã¾ã™ã€‚ æœ¬æ›¸ã‚’èªã‚“ã§ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã‚’ç†è§£ã™ã‚‹ã¨ã€å¾®èª¿æ•´ã«ã‚ˆã£ã¦ãƒ•ã‚©ãƒ³ãƒˆã®è¦‹æ „ãˆãŒå…¨ç„¶é•ã†ã“ã¨ã«æ°—ã¥ãã¾ã™ã€‚ ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã¯Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç¾Žã—ãè¦‹ã›ã‚‹ãŸã‚ã®å¿…é ˆã®ã‚¹ã‚ãƒ«ã§ã™ã€‚ http://www.amazon.co.jp/gp/product/4797359226/ ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ«ãƒ¼ãƒ«ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚»ã‚ªãƒªãƒ¼ ã‚·ãƒ³ãƒ¡ãƒˆ
bitgleams 2015/06/09
book

design

webdesign

ã¾ã¨ã‚

html

css

ui
ãƒªãƒ³ã‚¯
FrontLinks
This is my (living) collection of front-end links. It's not complete by all means, in fact, there isn't any of the obvious ones, like Can I use or so. Just some links that I need occasionally but can't rem ember their names, so I saved them here for quick access. Also, they're somewhat randomly ordered. Docs DevDocs Native HTML Elements jQuery -> JS Default Font Family Shadow DOM The list Form Pseu
bitgleams 2014/12/03
web

dev

tech

design

webdesign

css

html

frontend

***

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
bitgleams 2014/09/27
http://staticsitegenerators.net/

tips

ã¾ã¨ã‚

generator

cms

web

dev

html
ãƒªãƒ³ã‚¯
3media.bizÂ -Â 3media ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
bitgleams 2014/07/09
wordpress

tutorial

ã¾ã¨ã‚

åŸºæœ¬

***

themes

html

css

php

web
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãŸã‚ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£â‰ ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£
2014å¹´5æœˆ28æ—¥ æ¨™é¡Œã§è¨€ã„ãŸã„ã“ã¨ã¯è¨€ã„åˆ‡ã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã¾ãã€ãã†ã„ã†ã“ã¨ã§ã™ï¼ˆä¸¡è€…ã«åŒ…å«é–¢ä¿‚ã¯ã‚ã‚Œã©å®Œå…¨ä¸€è‡´ã§ã¯ãªã„ï¼‰ã€‚ä¸€èˆ¬è«–ã¨ã—ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¨ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«ã¯æ·±ã„ç›¸é–¢ãªã„ã—é¡žä¼¼ãŒèªã‚ã‚‰ã‚Œã‚‹ã¨ã„ã†ã®ã¯é–“é•ã„ãªã„ã§ã—ã‚‡ã†ã€‚ãŸã¨ãˆã°ã€ã‚ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ä¸Šã®åŠ¹çŽ‡ãŒæ¥µç«¯ã«ä½Žä¸‹ã—ãŸçŠ¶æ³ã¨ã„ã†ã®ãŒã€Œäº‹å®Ÿä¸Šã®ã€ã‚¢ã‚¯ã‚»ã‚¹ä¸èƒ½ã§ã‚ã£ã¦ã€ã‚†ãˆã«ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ä¸Šã®å•é¡ŒãŒã‚ã‚‹ã¨è§£é‡ˆã™ã‚‹ã“ã¨ã¯å¯èƒ½ã§ã—ã‚‡ã†ã€‚ã¨ã¯ã„ãˆã€ä¸¡è€…ã«ã¤ã„ã¦è‡ªåˆ†ã¯å‰²ã¨ã€Œæ··ãœã‚‹ãªå±é™ºã€ã¨ã„ã†ç«‹å ´ã‚’å–ã‚‹ã“ã¨ãŒå¤šãã€å¯èƒ½ãªé™ã‚Šåˆ‡ã‚Šåˆ†ã‘ãŸã†ãˆã§è°è«–ãªã‚Šè¨è¨ˆãƒ»å®Ÿè£…ã«å–ã‚Šçµ„ã‚€ã“ã¨ã‚’å¥½ã¿ã¾ã™ã€‚ãã®ãƒ™ãƒ¼ã‚¹ã¨ãªã£ã¦ã„ã‚‹è€ƒãˆæ–¹ã¯ã€éŽåŽ»ã®è¦šãˆæ›¸ãã§ã„ã†ã¨ ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¨ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ Re: ã‚¦ã‚§ãƒ–ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒžãƒ¼ã‚¯ã®æå”±ã«ã¤ã„ã¦ è¾ºã‚Šã§æ›¸ã„ã¦æ¥ãŸé€šã‚Šï¼ˆã»ã‹ã«ã‚‚è¤‡æ•°ã®è¨˜äº‹ã§è¨€åŠã—ã¦ããŸã‘ã©å‰²æ„›ï¼‰ã€‚ã§ã€ãªã‚“ã§ä»Šã•ã‚‰ã¾ãŸåŒ
bitgleams 2014/05/28
opinion

html

web

markup

accessibility

***

usability

ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã‚¨ãƒ“ã‚¹ã‚³ãƒ ã®æœ¬ã®ãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ— (2014) | ã‚¨ãƒ“ã‚¹ã‚³ãƒ
æ˜¨å¹´ã®æœ¬ã‚ãŸã‚Šã‹ã‚‰ã€åŒã˜æœ¬ã«åˆç´šè€…å‘ãã ã¨ã„ã†ãƒ¬ãƒ“ãƒ¥ãƒ¼ã¨ä¸ï½žä¸Šç´šè€…å‘ãã ã¨ã„ã†ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’ã„ãŸã ãã‚±ãƒ¼ã‚¹ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ã“ã‚Œã¯ã€ç‹™ã„é€šã‚Šã§ã¯ã‚ã‚Šã¾ã™ã—ã€ã‚¨ãƒ“ã‚¹ã‚³ãƒ ã®æœ¬ã‚’ã”è´”å±“ã«ã—ã¦ã„ãŸã ã„ã¦ã„ã‚‹æ–¹ã«ã¯ã”ç†è§£ã„ãŸã ã‘ã‚‹ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã€ã¯ã˜ã‚ã¦æ‰‹ã«ã¨ã£ã¦ã„ãŸã ãæ–¹ã«ã¯ã€Œï¼Ÿã€ä»¥å¤–ã®ä½•ã‚‚ã®ã§ã‚‚ã‚ã‚Šã¾ã›ã‚“ã®ã§ã€ã“ã®ã‚ãŸã‚Šã§ã‚¨ãƒ“ã‚¹ã‚³ãƒ ã®æœ¬ã®ãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ—ã‚’å…¬é–‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ HTML5 ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ CSS3 ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ã€æ”¹è¨‚ç¬¬2ç‰ˆã€‘ ã“ã®2å†Šã®ãƒ¡ã‚¤ãƒ³ãƒ†ãƒ¼ãƒžã¯ã€ã€Œã“ã‚Œã¾ã§ç¬¬ä¸€ç·šã§ãƒãƒªãƒãƒªã¨ä»•äº‹ã‚’ã—ã¦ããŸã‚‚ã®ã®ã€å¿™ã—ã™ãŽã¦HTML5ã‚„CSS3ã¨ã„ã£ãŸæœ€è¿‘ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã«ã¡ã‚‡ã£ã¨ä¹—ã‚Œã¦ãªã„ãªâ€¦ãªã‚“ã¦æ–¹ãŒã€ã“ã‚Œã¾ã§ã«ç©ã¿ä¸Šã’ãŸã‚¹ã‚ãƒ«ã‚’ç”Ÿã‹ã—ã¦ã“ã‚Œã‹ã‚‰ã‚‚ç¬¬ä¸€ç·šã§ãŒã‚“ã°ã£ã¦ã‚‚ã‚‰ã†ãŸã‚ã«ã¯ä½•ãŒå¿…è¦ã‹ï¼Ÿã€ã¨ã„ã†ã¨ã“ã‚ã‹ã‚‰å§‹ã¾ã£ã¦ã„ã¾ã™ã€‚ ãã®ãŸã‚ã€ç¾çŠ¶ï¼†ã¡ã‚‡ã£ã¨æœªæ¥ã¾ã§ã®æŠŠæ¡ã¨
bitgleams 2014/03/14
book

web

webdesign

wordpress

html

html5

css

css3

ã¾ã¨ã‚

promotion
ãƒªãƒ³ã‚¯
Sassã¨Gruntã¨StyleGuideã¨
ã“ã®è¨˜äº‹ã¯ Frontrend Advent Calendar 2013 16æ—¥ç›®ã®ã‚¨ãƒ³ãƒˆãƒªã§ã™ã€‚ ä»Šå¹´ã¯è‰²ã€…ãªãƒ„ãƒ¼ãƒ«ã‚’ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã«å°Žå…¥ã—ãŸã‚Šä½¿ç”¨ã—ãŸã‚Šã—ã¾ã—ãŸã€‚ä¸ã§ã‚‚Sassã¨Gruntã¨StyleGuideãƒ„ãƒ¼ãƒ«ã®å°Žå…¥ãŒå°è±¡æ·±ã„ã®ã§ç°¡å˜ã«ãŠã•ã‚‰ã„çš„ã«ç´¹ä»‹ã—ã¾ã™ã€‚ Sass & Compass ã€ŒCSSã§ã‚‚ååˆ†æ›¸ã‘ã‚‹ã—ã€ã¨æ€ã£ã¦å°Žå…¥ã‚’æ¸‹ã£ã¦ãŸSassã€‚OOCSSã¨ã‹ã«é–¢ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãªã©ã‹ã‚‰å½±éŸ¿ã‚’å—ã‘ã¦ãŸã“ã¨ã‚‚ã‚ã£ã¦ã€å®Ÿå‹™ã§æ›¸ã„ã¦ãŸCSSã‚’SCSSã§å…¨éƒ¨æ›¸ããªãŠã™ã¨ã„ã†ã¨ã“ã‚ã‹ã‚‰å§‹ã‚ã¾ã—ãŸã€‚ ãƒ¢ãƒã‚¤ãƒ«æ™‚ä»£ã«ãŠã‘ã‚‹CSSã®è¨è¨ˆã¨å®Ÿè£… CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã®å–æ‰±èª¬æ˜Žæ›¸ ã¡ã‚ƒã‚“ã¨CSSã‚’æ›¸ããŸã‚ã« - CSS/Sassè¨è¨ˆã®è©± Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®Sass/Compasså…¥é–€ SMACSS Sassã¨CSSè¨è¨ˆ Compassã¯Mixinä¾¿åˆ©ã ãªãƒ¼ã¨æ€ã£ã¦ä½¿ã„ã¾ãã£ã¦ãŸã‚“ã§ã™ãŒã€ã“ã®ã‚¨ãƒ³ãƒˆ
bitgleams 2013/12/17
styleguides

sass

grunt

dev

css

html

frontend

compass

ã¾ã¨ã‚

***
ãƒªãƒ³ã‚¯
7 of the Best Code Playgrounds & CodePen Alternatives â€” SitePoint
Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. A variety of front-end code playgrounds have appeared over the years. Most offer a quick and dirty way to experiment with client-side (and sometimes server-side) code then share it with others. The most popular
bitgleams 2013/11/27
ã¾ã¨ã‚

coding

webservice

tools

html

css

javascript

dev

***
ãƒªãƒ³ã‚¯
The CSS, HTML, and JavaScript Lab | 456 Berea Street
This is a collection of experiments, methods, tips and tricks related to HTML, CSS, and JavaScript that may or may not come in handy some day. Some of these techniques are based on ideas of my own, others are based on stuff that Iâ€™ve come across on the web, on mailing lists, in books, and other places. Please note: Most of these techniques are very old and obsolete and are left here mostly as exam
bitgleams 2013/11/26
website

ç¿»è¨³

blog

html

css

resources

web

ã¾ã¨ã‚

ç›®æ¬¡
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãªãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µãƒ»ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã¾ã¨ã‚ | Pen
ã¯ã˜ã‚ã« æœ€è¿‘ã¯æ¥å‹™ã«ãŠã„ã¦ã‚‚ç”Ÿã®htmlã‚„cssã‚’æ›¸ãæ©Ÿä¼šãŒå°‘ãªããªã‚Šã¾ã—ãŸã€‚ã¾ãŸã€JavaScriptã‚‚ã„ã‚ã‚†ã‚‹altjsç³»ã¨ã„ã‚ã‚Œã‚‹ã‚‚ã®ãŒæ¬¡ã€…ã«é–‹ç™ºã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ä»¥å‰ã¯ã‚µãƒ¼ãƒãƒ»ã‚µã‚¤ãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒ»ã‚¨ãƒ³ã‚¸ãƒ³ã¨ã—ã¦ä½¿ç”¨ã•ã‚Œã‚‹ã“ã¨ãŒã»ã¨ã‚“ã©ã ã£ãŸã‚‚ã®ã‚‚ã€ä»Šã§ã¯ã‚¹ã‚¿ãƒ†ã‚£ãƒƒã‚¯ãªã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã«å¤šãå–ã‚Šå…¥ã‚Œã‚‰ã‚Œã¦ã„ãŸã‚Šã—ã¾ã™ã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ã€ãã®ã‚ˆã†ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒ»ã‚¨ãƒ³ã‚¸ãƒ³ã‚„ã€ãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã€alternate javascriptã‚’å¤§èƒ†ã«ã‚‚ã„ã£ã—ã‚‡ããŸã«ã¾ã¨ã‚ãŸã€è‡ªåˆ†å‘ã‘ã®ãƒ¡ãƒ¢ã§ã™ã€‚ ãŒã£ã¤ã‚Šè©¦ã—ãŸã‚‚ã®ã‚‚ã‚ã‚Œã°ã€ã‚„ã‚“ã‚ã‚Šã¨è§¦ã£ãŸã ã‘ã®ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒ»ã‚¨ãƒ³ã‚¸ãƒ³ / ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªž jade Node Template Engine jadeã¯ã€Hamlã«å½±éŸ¿ã‚’å—ã‘ã¦ã¤ãã‚‰ã‚ŒãŸãƒ†ãƒ³ãƒ—
bitgleams 2013/11/19
2013å¹´5æœˆ25æ—¥è¨˜äº‹

ã¾ã¨ã‚

coding

html

css

scss

frontend

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³

test

***
ãƒªãƒ³ã‚¯
Thematic WordPress Theme Toolbox: 10 extremely useful hooks
HTML5 Starter TemplateWhen starting a new project, you need a starter template. Here is a concise and clean template to serve as a basis for your HTML5 projects. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Untitled</title> <meta name="description" content="This is an example of a meta description."> <link rel="stylesheet" type="text/css" href="theme.css"> <!--[if lt IE 9]> <script
bitgleams 2013/09/24
snippets

template

coding

ã¾ã¨ã‚

html5

html
ãƒªãƒ³ã‚¯
æœ€è¿‘æµè¡Œã‚Šã®ã‚¦ã‚§ãƒ–é–‹ç™ºç³»ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚ï¼ˆä¸»ã«ãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰ | keisuke.tsukayoshi
æœ€è¿‘ã€ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³å‘¨ã‚Šã®å„ªè‰¯ãƒ„ãƒ¼ãƒ«ãŒãŸãã•ã‚“å‡ºã¦ãã¦ã„ã¦ã€ã—ã‹ã‚‚ã¡ã‚ƒã£ã‹ã‚Šã¿ã‚“ãªè²·ã£ã¡ã‚ƒã†ã—ã‚¢ãƒ‰ã‚ªãƒ³ç³»ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ç•Œéšˆã«ã‚‚è‰¯ã„æµã‚Œã‚’æ„Ÿã˜ã‚‹ã“ã®ã”ã‚ã€‚ä»Šå›žã¯ã€ã¼ããŒè²·ã£ãŸãƒ„ãƒ¼ãƒ«ã®ã†ã¡ã“ã‚Œã¯æ‰‹æ”¾ã›ãªã„ãªã¨ãŠã‚‚ã£ãŸã‚‚ã®ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã‚¢ãƒ•ã‚£ãƒªãƒ³ã‚¯ä»˜ãã§ã‚²ã‚¹é¡”ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ä¸»ã«Macã§ã™ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ç³» Slicy PSDãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ç”»åƒç´ æãŒå‡ºåŠ›ã§ãã‚‹ã‚¢ãƒ—ãƒªã€‚PSDãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¾ã›ã‚‹ã ã‘ã§ã»ã¨ã‚“ã©è‡ªç”±è‡ªåœ¨ã«ç”»åƒç´ æã‚’æ›¸ãå‡ºã›ã¾ã™ã€‚ä½¿ã„æ–¹ã¯Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚„ãƒ•ã‚©ãƒ«ãƒ€ã«.pngãªã©ã®æ‹¡å¼µåã‚’ã¤ã‘ã¦ãŠãã ã‘ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã¨ãã®ç”»åƒæ›¸ãå‡ºã—ä½œæ¥ãŒå…¨ç„¶å„„åŠ«ã˜ã‚ƒãªããªã£ãŸã®ãŒä¸€ç•ªå¬‰ã—ã„ã€‚ä¸€åº¦èªã¿è¾¼ã¾ã›ã‚‹ã¨ã€ã‚ã¨ã¯PSDãŒæ›´æ–°ã•ã‚ŒãŸã‚‰è‡ªå‹•ã§æ›¸ãã ã™æ©Ÿèƒ½ãªã‚“ã‹ã‚‚ã‚ã‚Šã¾ã™ã€‚ã‚¹ãƒžãƒ›ã®Retinaç”¨ã«åŠåˆ†ã®ç”»åƒã‚‚ä¸€ç·’ã«æ›¸ãå‡ºã›ãŸã‚Šã€Macã®Retinaç”¨ã«äºŒå€ã®ç”»åƒã‚‚ä¸€ç·’ã«æ›¸ã
bitgleams 2013/09/23
2013å¹´8æœˆ22æ—¥è¨˜äº‹

ã¾ã¨ã‚

tools

web

dev

css

html

coding

webdesign

***
ãƒªãƒ³ã‚¯
ä¸€æ©é€²ã‚“ã HTML/CSS/JSã‚’ç›®æŒ‡ã™ãŸã‚ã« | 1000ch.net
2013/08/01 ä¸€æ©é€²ã‚“ã HTML/CSS/JSã‚’ç›®æŒ‡ã™ãŸã‚ã« ã€Œãªã‚“ã¨ãªãæ›¸ããŸããªã„ã‘ã©ã€ã©ã†æ„è˜ã—ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ã‘ã°ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªã„â€¦ã€‚ã€ ãã‚Œã‚’è§£æ¶ˆã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã®ã§ã€ç´¹ä»‹ã—ã¾ã™ã€‚ HTMLInspector philipwalton/html-inspector Introducing HTML Inspector ã“ã¡ã‚‰ã¯HTMLã‚’è§£æžã—ã¦æ‚ªã„ã¨ã“ã‚ã‚’æŒ‡æ‘˜ã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã€‚ ãŸã¶ã‚“ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ã‹ãã‚Œãžã‚Œã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€åŸºæœ¬çš„ã«ã¯ã‚³ãƒ¬ã«æ²¿ã£ã¦ã‚‚ã„ã„ã‹ã¨ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å·®ã—è¾¼ã‚“ã§ã€å®Ÿè¡Œã™ã‚‹ã¨ã€æŒ‡æ‘˜äº‹é …ãŒconsoleã«å‡ºåŠ›ã•ã‚Œã¾ã™ã€‚ githubã®ãƒªãƒã‚¸ãƒˆãƒªã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã‹ã€bowerã§è½ã¨ã—ã¦ãã‚‹ã‹ã€‚ bower install html-inspector æ¬¡ã«ã€è§£æžã—ãŸã„ãƒšãƒ¼ã‚¸ã«ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’åŸ‹ã‚è¾¼ã¿ã¾ã™ã€‚ <script s
bitgleams 2013/08/01
ã¾ã¨ã‚

dev

tips

***

css

html

javascript

coding
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚’ä½œã‚ã†
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚’ä½œã‚ã†ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚„ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¯ã€HTMLã‚„CSSã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚„ã€å„ç¨®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã®æ›¸ãæ–¹ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ã€‚ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã‚„ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ã‚‚å‘¼ã°ã‚Œã¾ã™ãã€‚ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚’æ±ºã‚ã¦ã„ãªã‹ã£ãŸã‚Šã€ã‚ã„ã¾ã„ã«ã—ãŸã¾ã¾é€²ã‚ã¦ã„ãã¨ã€æ›¸å¼ãŒçµ±ä¸€ã•ã‚Œã¦ã„ãªã„ãŸã‚ã€ã‚³ãƒ¼ãƒ‰ã‚’è¿½åŠ ã™ã‚Œã°ã™ã‚‹ã»ã©ã‚´ãƒãƒ£ã‚´ãƒãƒ£ã—ãŸã‚³ãƒ¼ãƒ‰ã«ãªã‚ŠãŒã¡ã§ã™ã€‚ãƒãƒ¼ãƒ ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ããªã‚‰ãªãŠã•ã‚‰ã€‚ä»Šå›žãƒãƒ¼ãƒ ç”¨ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚’è¦‹ç›´ã™ã“ã¨ã«ãªã£ãŸã®ã§ã€ãã®æ™‚æ„Ÿã˜ãŸæŠ‘ãˆã¦ãŠãã¹ããƒã‚¤ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã«å«ã‚€ã¹ãé …ç›®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªãƒ¼éšŽå±¤ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¿å˜ã™ã‚‹ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã®éšŽå±¤ã‚„ã€ãã®ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã®åå‰ã‚’æ±ºã‚ã¦ãŠãã¾ã™ã€‚ç”»åƒã‚’æ ¼ç´ã—ã¦ã„ã‚‹ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã‚’ä¾‹ã«ã‚ã’ã¦ã‚‚ã€ã€Œimageã€ã€Œimagesã€ã€Œimgã€ãªã©ã®åå‰ãŒè€ƒãˆã‚‰ã‚Œã¾ã™ã€‚äººã«ã‚ˆã£ã¦ã¤ã‘ã‚‹ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã®åå‰ãŒå¤‰ã‚ã£
bitgleams 2013/07/31
tips

coding

html

css

guideline

ã¾ã¨ã‚

åŸºæœ¬

***

web

webdesign
ãƒªãƒ³ã‚¯
A badass list of frontend development resources I collected over time.
Attention: the list was moved to https://github.com/dypsilon/frontend-dev-bookmarks This page is not maintained anymore, please update your bookmarks. Guides Hack Design Designer School TheExpressiveWeb Talks To Help You Become A Better Front-End Engineer In 2013 Web Development Teaching Materials Architecture BEM Atomic Design Github Video + Slides Atomic Design: Some Thoughts and One Example Ato
bitgleams 2013/06/22
list

ã¾ã¨ã‚

frontend

dev

resources

html

css

javascript

webdesign

***
ãƒªãƒ³ã‚¯
HTML5ã«é–¢é€£ã—ãŸä»•æ§˜ã®æ—¥æœ¬èªžè¨³ - console.blog(self);
HTML5ãªã©ã«é–¢é€£ã—ãŸä»•æ§˜ã®æ—¥æœ¬èªžè¨³ã‚’æŽ¢ã—ã¦ã¿ãŸã€‚èªã¾ãªãã‚ƒã¨æ€ã„èªã‚“ã§ãªãã¦ã€ã¡ã‚‡ã£ã¨èªã‚“ã ã‘ã©ãã‚‚ãã‚‚æ—¥æœ¬èªžè¨³ãªã„ã®ã‹ãªã€ã¨æ€ã£ã¦ã€‚ W3C W3Cã®ã‚µã‚¤ãƒˆã«ã‚ã‚‹ã‚‚ã®ã€‚ã©ã‚Œã‚‚ã¡ã‚‡ã£ã¨å¤ã„æ„Ÿã˜ã€‚ W3C - W3Cã®ä»•æ§˜æ›¸ç‰ã®æ–‡æ›¸ã®æ—¥æœ¬èªžè¨³é›† ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹ ãƒŸãƒ„ã‚¨ãƒ¼ã•ã‚“ã€‚ã“ã“2âˆ’3å¹´ã®ã‚‚ã®ãŒå¤šã„ã€‚ Webæ¨™æº–ä»•æ§˜ æ—¥æœ¬èªžè¨³ä¸€è¦§ ã“ã‚Œã¯å¥½ãã§ã€ä½•åº¦ã‹èªã‚“ã ã€‚Javaä½¿ã£ã¦ã‚‹ã¨ãã‹ã‚‰ã€Railsä½¿ã†ã¨ãªãŠã•ã‚‰ã€URLã®è¨è¨ˆã‚„å‘½åã£ã¦ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³è‡ªä½“ã®è¨è¨ˆã ã¨æ€ã†ã€‚ ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ Web ã®ãŸã‚ã®ã‚¯ãƒ¼ãƒ«ãª URI Mozilla Mozillaã•ã‚“ã€‚ä»•æ§˜æ›¸ã˜ã‚ƒãªã„ã‘ã©ã€å‚è€ƒã«ãªã‚‹æ–‡æ›¸ãŒã„ã‚ã„ã‚ã€‚ã„ãã¤ã‹èªã‚“ã ã‘ã©ã€èªã‚“ã§ãªã„ã‚‚ã®ã®ã»ã†ãŒå¤šã„ã€‚ HTML | MDN HTML5 - HTML | MDN html5.jp ã™ã¦ãã€‚ HTMLé–¢é€£è‹±æ–‡æ›¸ã®æ—¥æœ¬èªžè¨³ - HTML5.JP
bitgleams 2013/05/14
document

é‚¦è¨³

ã¾ã¨ã‚

web

w3c

html5

html

css3

webstandards

***
ãƒªãƒ³ã‚¯
http://pea.rs/
bitgleams 2013/05/09
source

markup

***

html

css

coding

html5

css3

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
CSS3ã®æ—¥æœ¬èªžè¨³é›†ï¼ˆè·¡åœ°ï¼‰
æœ€çµ‚æ›´æ–°ï¼š2023-02-23 CSS3ã¨ã¯ CSS3ã¯ã€CSS 2.1ä»•æ§˜ã‚’æ ¸ã¨ã—ã€CSS 2.1ä»•æ§˜ã®æ©Ÿèƒ½ã‚’è¿½åŠ ãƒ»æ”¹è¨‚ã™ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ç¾¤ã§ã™ã€‚CSS 2.1ã§ã¯ã²ã¨ã¤ã®å·¨å¤§ãªä»•æ§˜ã«ã™ã¹ã¦ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãŒå®šç¾©ã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€CSS3ã§ã¯ä»•æ§˜ã‚’åˆ†å‰²ã—å€‹åˆ¥ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¨ã—ã¦å®šç¾©ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ ç¾åœ¨ã®CSSã¯ã€CSS Snapshotã§å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ï¼ˆ2023å¹´æ™‚ç‚¹ã§ã¯CSS Snapshot 2023ã§ã—ãŸï¼‰ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã«ã¤ã„ã¦ ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€CSS3ã®æ—¥æœ¬èªžè¨³ã‚’åŽé›†ã—ã¦ã„ã¾ã—ãŸãŒã€ç®¡ç†äººãŒèˆˆå‘³ã‚’ãªãã—ã¦ã—ã¾ã£ãŸã“ã¨ã‚‚ã‚ã‚Šã€ã“ã®ãƒšãƒ¼ã‚¸ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚’è¡Œã‚ãªã„ã“ã¨ã«ã—ã¾ã—ãŸã€‚ã‹ã¤ã¦ã®ãƒšãƒ¼ã‚¸ã®æ§˜åã¯ã€Waybackã‹ã‚‰è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å¤šæ•°ã®CSSã®æ—¥æœ¬èªžè¨³ã¯ã€triple-underscoreæ°ãŒWeb é–¢é€£ä»•æ§˜ æ—¥æœ¬èªžè¨³ã§å…¬é–‹ã—ã¦ã„ã¾ã™ã®ã§ã€ãã¡ã‚‰ã‚’å‚ç…§ã™ã‚‹ã¨ã‚ˆã„ã§ã—ã‚‡ã†ã€‚ï¼ˆCSSä»¥
bitgleams 2013/05/09
css3

css

ä»•æ§˜æ›¸

é‚¦è¨³

ç›®æ¬¡

ã¾ã¨ã‚

w3c

***

html
ãƒªãƒ³ã‚¯
ãƒ—ãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®è¨€èªžåˆ¥ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã¾ã¨ã‚ | Webæ´»ãƒ¡ãƒ¢å¸³
ã¿ãªã•ã‚“ã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã‹ã€‚ å€‹äººã§é–‹ç™ºã—ã¦ã„ã‚‹æ™‚ã¯ã‚ªãƒ¬ã‚ªãƒ¬ãƒ«ãƒ¼ãƒ«ã§è‰¯ã‹ã£ãŸã®ã§ã™ãŒã€ è¤‡æ•°äººã§é–‹ç™ºã™ã‚‹ã‚ˆã†ã«ãªã‚‹ã¨å…±é€šã®ãƒ«ãƒ¼ãƒ«ãŒã‚ã£ãŸæ–¹ãŒã‚¹ãƒˆãƒ¬ã‚¹ç„¡ãé–‹ç™ºãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ WEBç³»ã®è¨€èªžã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã«ã¤ã„ã¦ã€èª¿ã¹ç‰©ãŒå¿…è¦ã ã£ãŸã®ã§ã€ ã¾ã¨ã‚ãŸã‚‚ã®ã‚’ãƒ–ãƒã‚°ã§ã‚‚ã‚·ã‚§ã‚¢ã—ã¾ã™ã€‚ HTMLãƒ»CSS Google HTML/CSS Style Guide ã®æŽ¨å¥¨ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¾ã¨ã‚ HTML5 ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ï¼ˆHTML5ï¼‰ver1.0 JavaScript JavaScriptã®ã„ã‚ã„ã‚ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ PHP PHPã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ PSR-0ã€PSR-1ã€PSR-2ã€PSR-3ã¨ã¯ WordPress ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°åŸºæº– Pear Manual :: æ¨™æº–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ Zend Framework PHP æ¨™æº–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ Ca
bitgleams 2013/04/01
ã¾ã¨ã‚

coding

guideline

programming

html

styleguides

javascript

php

dev

***
ãƒªãƒ³ã‚¯
æ£ã—ã„HTMLã‚’æ›¸ãç›®çš„ã¯ãŸã ä¸€ã¤ã€€è£œè¶³
ã‚ã¨ã§æ”¹ã‚ã¦ã€ãã¡ã‚“ã¨ã—ãŸè£œè¶³è¨˜äº‹ã«ã™ã‚‹ã‹ã‚‚ã§ã™ã€‚ å¼•ç”¨ã—ã¦ã„ã‚‹ä»–ã®æ–¹ã®ãƒ„ã‚¤ãƒ¼ãƒˆã¯ã€è‡ªåˆ†ã®ãƒ„ã‚¤ãƒ¼ãƒˆã®ãã£ã‹ã‘ã«ãªã£ãŸã‚‚ã®ã§ã‚ã‚Šã€ãã‚Œä»¥ä¸Šã®æ„å‘³ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚
bitgleams 2013/03/22
å…ƒè¨˜äº‹: http://necomesi-ceo.hatenablog.com/entry/2013/03/21/152354

twitter

archives

ã¾ã¨ã‚

è°è«–

html

markup

seo

***

togetter
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸