[B! webãƒ‡ã‚¶ã‚¤ãƒ³] tsukamottã®ãƒ

tsukamott id:tsukamott

webãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹tsukamottã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (27)

${{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ãƒ‡ã‚¶ã‚¤ãƒ³
jQueryã®ãƒ‰ãƒ¼ãƒŠãƒ„æœ¬ã€ã‚¹ãƒžãƒ•ã‚©ã®ãƒžã‚«ãƒãƒ³æœ¬ã®äººæ°—ã‚·ãƒªãƒ¼ã‚ºã‹ã‚‰æ–°ãŸã«ç™ºå£²ã•ã‚ŒãŸãƒã‚§ãƒªãƒ¼æœ¬ï¼ˆã§ã„ã„ã®ã‹ãªï¼‰ã®ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä¸€è¨€ã§è¨€ã†ã¨ã‹ãªã‚Šã®è‰¯æ›¸ã§ã™ã€‚é€šèªã—ã€ã“ã®ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’æ›¸ããŸã‚ã«ä½•åº¦ã‚‚èªã¿è¿”ã—ã¾ã—ãŸãŒã€æ–°äººã•ã‚“ã¯ã‚‚ã¡ã‚ã‚“ã€ãƒãƒªãƒãƒªã‚„ã£ã¦ã‚‹äººã‚‚ã‚¦ã‚§ãƒ–åˆ¶ä½œã«æºã‚ã‚‹äººã§ã‚ã‚Œã°å¾—ã‚‹ã‚‚ã®ãŒãŸãã•ã‚“ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã‚ªã‚¹ã‚¹ãƒ¡ã®ä¸€ç•ªã®ãƒã‚¤ãƒ³ãƒˆã¯ã€å¿œç”¨ã§ãã‚‹åŸºç¤ŽåŠ›ã«é‡è¦–ã—ã¦ã„ã‚‹ã“ã¨ã€‚ åƒ•ã‚‚æ–°äººæ•™è‚²ã‚’ä½•åº¦ã‚‚ã‚„ã£ã¦ãã¦ã€å¸¸ã«ã“ã®å¿œç”¨åŠ›ã«é‡ç‚¹ã‚’ãŠã„ã¦ã„ã¾ã—ãŸã€‚ä»Šã€å½¹ã«ç«‹ã¤ã ã‘ã§ãªãã€ã“ã‚Œã‹ã‚‰å…ˆã®æœªçŸ¥ã®ã‚‚ã®ã«ã¶ã¤ã‹ã£ãŸæ™‚ã«ã‚‚ãã£ã¨å½¹ç«‹ã¤ã¯ãšã§ã™ã€‚ ãŸã ä¸€ç‚¹æ®‹å¿µãªã®ãŒã€æœ¬ã®ã‚¿ã‚¤ãƒˆãƒ«ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã€ãŒå¹³å‡¡ã™ãŽã‚‹ã“ã¨ã§ã—ã‚‡ã†ã‹ã€‚å†…å®¹ã®å¤§ç‹ã¨ã—ã¦ãã®é€šã‚Šã§ã™ãŒã€å‰¯é¡Œã®ã€Œãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹æ™‚ä»£ã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã®ã‚ˆã†ã«ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã ã‘ã§ãªãã€ã‚³ãƒ³ã‚»ãƒ—ãƒˆã«ã‚‚ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒã‚
tsukamott 2013/08/02
æ›¸ç±

æœ¬

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã€Œç¬¬ä¸€å›ž ãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘ãƒ‡ã‚¶ã‚¤ãƒ³å‹‰å¼·ä¼šã€ã®å†…å®¹ã‚’å‚è€ƒã«ã—ã¦å¦»ã®ãƒ‘ãƒ³å±‹ã®Webã‚µã‚¤ãƒˆã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¦ã¿ãŸ - give IT a try
ã¯ã˜ã‚ã« ã¿ãªã•ã‚“ã€æ˜Žã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ï¼ãƒ»ãƒ»ãƒ»ã¨è¨€ã†ã«ã¯ã‚ã¾ã‚Šã«ã‚‚é…ã™ãŽã‚‹æ™‚æœŸã«ãªã£ã¦2013å¹´æœ€åˆã®ãƒ–ãƒã‚°æ›´æ–°ã¨ãªã‚Šã¾ã—ãŸã€‚ ã€Œãã‚ãã‚ãƒ–ãƒã‚°æ›¸ã‹ãªãã‚ƒæ›¸ã‹ãªãã‚ƒã€œï¼ã€ã¨æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€å¹´æœ«ã‹ã‚‰å¦»ã®ãƒ‘ãƒ³å±‹ã®Webã‚µã‚¤ãƒˆã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«æ²¡é ã—ã¦ã—ã¾ã„ã€é–“ãŒç©ºã„ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ã›ã£ã‹ããªã®ã§ã€2013å¹´æœ€åˆã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ãã®ãŠè©±ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã€Œç¬¬ä¸€å›ž ãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘ãƒ‡ã‚¶ã‚¤ãƒ³å‹‰å¼·ä¼šã€ã®ç™ºè¡¨è³‡æ–™ãŒç´ æ™´ã‚‰ã—ã„ï¼ å‰ã€…ã‹ã‚‰å¦»ã‹ã‚‰ã¯ã€ŒWebã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¦ã»ã—ã„ã€ã¨è¨€ã‚ã‚Œã¦ã„ãŸã®ã§ã™ãŒã€åƒ•è‡ªèº«ã¯ã‚ã¾ã‚Šãƒ‡ã‚¶ã‚¤ãƒ³æ–¹é¢ã«ã¯å¼·ããªã„ãƒ—ãƒã‚°ãƒ©ãƒžãªã®ã§ã€ã©ã†ã—ã‚ˆã†ã‹ã¨å›°ã£ã¦ã„ã¾ã—ãŸã€‚ ãã‚“ãªã¨ãã€ãƒãƒƒãƒˆã§è¦‹ã¤ã‘ãŸã®ãŒã€Œç¬¬ä¸€å›ž ãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘ãƒ‡ã‚¶ã‚¤ãƒ³å‹‰å¼·ä¼šã€ã§ã—ãŸã€‚ æ±äº¬ã®å‹‰å¼·ä¼šãªã®ã§ã€åƒ•ã¯å‚åŠ ã§ãã¾ã›ã‚“ã§ã—ãŸãŒã€ç™ºè¡¨è€…ã®æ–¹ã€…ã®ã‚ã‹ã‚Šã‚„ã™ã„ã‚¹ãƒ©ã‚¤ãƒ‰ãŒå…¬é–‹ã•ã‚Œã¦ã„ãŸã®ã§ã€ã
tsukamott 2013/01/17
webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #12 Pinteresté¢¨ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã£ã¦ã¿ãŸ | DevelopersIO
ãã‚“ãªè¨³ã§ã€å†™çœŸå…±æœ‰SNSã®ä¸€ã¤ã§ã‚ã‚‹Pinterest(ã´ã‚“ãŸã‚Œã™ã¨)ã€‚å¾“æ¥ã®ã‚°ãƒªãƒƒãƒ‰å¼ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚ˆã†ã«é«˜ã•ãŒå‡ä¸€ã®ã‚°ãƒªãƒƒãƒ‰ãŒæ•´ç„¶ã¨ä¸¦ã¹ã‚‰ã‚Œã¦ã„ã‚‹ã®ã¨é•ã„ã€ç•°ãªã‚‹é«˜ã•ã®ã‚°ãƒªãƒƒãƒ‰ãŒç”»é¢ã„ã£ã±ã„ã«æ•·ãè©°ã‚ã‚‰ã‚Œã¦ã„ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒç‰¹å¾´çš„ã§ã‚ªã‚µãƒ¬ã§ã™ã€‚ï¼ˆâ€»ã“ã†ã„ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ãƒ”ãƒ³ãƒœãƒ¼ãƒ‰é¢¨ã¨å‘¼ã¹ã°è‰¯ã„ã®ã§ã—ã‚‡ã†ã‹â€¦ï¼Ÿï¼‰ Pinterest Pinterest ã¨ã¯ãƒ”ãƒ³ãƒœãƒ¼ãƒ‰é¢¨ã®å†™çœŸå…±æœ‰ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ»ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚ãƒ³ã‚°ãƒ»ã‚µãƒ¼ãƒ“ã‚¹ã€‚ç‰¹ã«å¥³æ€§ã«äººæ°—ãŒã‚ã‚‹ã€‚ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¨ã‚¢ãƒ—ãƒªã¯ãƒ†ãƒ¼ãƒžã«åŸºã¥ã„ã¦å†™çœŸã®ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€‚ã‚µã‚¤ãƒˆã®ãƒŸãƒƒã‚·ãƒ§ãƒ³ã‚¹ãƒ†ãƒ¼ãƒˆãƒ¡ãƒ³ãƒˆã¯ã€Œé¢ç™½ã„ã¨æ„Ÿã˜ã‚‹ã‚‚ã®ã‚’é€šã˜ã¦ä¸–ç•Œå…¨å“¡ã‚’ã¤ãªãã€ã€‚ã‚¢ãƒ¡ãƒªã‚« Palo Alto ã«ã‚ã‚‹ Cold Brew Labs ã«ã‚ˆã£ã¦é‹å–¶ã•ã‚Œã¦ã„ã‚‹ã€‚ Wikipediaã‚ˆã‚Šå¼•ç”¨(http://ja.wikipedia.org/wiki/Pinteres
tsukamott 2013/01/16
HTML5

jquery

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Marek speent a summer in Hawaii!
We made it! I am Marek, a creator of Host Me in California project. Read the whole story of this project or continue reading for shorter version. In 2013, as 16-year-old, I have created the first version of this website in search for a host family as I really wanted to experience high school life in the United States. The website was visited by over thirty thousand people in one night. I was cover
tsukamott 2013/01/08
webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç¬¬ä¸€å›ž ãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘ãƒ‡ã‚¶ã‚¤ãƒ³å‹‰å¼·ä¼š #design4p ã§ã€Œã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ - ç´è±†ã«ã¯åµã‚’å…¥ã‚Œã‚‹æ´¾ã§ã™ã€‚
ã©ã†ã‚‚ã€‚ æ›¸ãã®ãŒé…ããªã‚Šã™ãŽã¦ã‚‚ã†åŠæœˆã»ã©ã‚‚å‰ã®ã“ã¨ã«ãªã£ã¦ã™ã”ãä»Šæ›´æ„ŸãŒã‚ã‚‹ã®ã§ã™ãŒã€æ›¸ã„ã¦ãŠãã¹ãã“ã¨ã‚’æ›¸ããã³ã‚Œã‚‹ã¨ã€ãã®å¾Œå‡ºã¦ãã‚‹ä»–ã®æ›¸ããŸã„å°ãƒã‚¿ãŒã©ã‚“ã©ã‚“æ›¸ã‘ãªããªã£ã¦ã„ã£ã¦ãƒ‰ãƒ³ã¥ã¾ã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ãªã‚‹ã®ã§ã€ã‚„ã¯ã‚Šæ›¸ã„ã¦ãŠãã¾ã™ãã€‚ã€‚ å…ˆæ—¥ã€ç¬¬ä¸€å›ž ãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘ãƒ‡ã‚¶ã‚¤ãƒ³å‹‰å¼·ä¼šã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆã§ä¸‹è¨˜ã®ã‚¹ãƒ©ã‚¤ãƒ‰ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯// Speaker Deck åéŸ¿ã®å¤§ãã•ã«é©šãï¼ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ å®Ÿã¯ã‚ã‚“ã¾ã‚Šç™ºè¡¨è‡ªä½“ã¯ã€ç››ã‚Šä¸ŠãŒã£ãŸã¨ã„ã†æ‰‹å¿œãˆãŒã‚ã¾ã‚Šãªãã¦ã€ä¸€æ–¹ã§ä»–ã®2äººã®ç™ºè¡¨ãŒç´ æ™´ã‚‰ã—ã™ãŽã¦ã€å‰²ã¨ã—ã‚‡ã‚“ã¼ã‚Šã—ãªãŒã‚‰å¸°ã£ã¦ããŸã‚“ã§ã™ãŒã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸã‚‰ã‚ã‚Œã‚ˆã‚ã‚Œã‚ˆã¨ã„ã†é–“ã«2000ãƒ–ã‚¯ãƒžè¶…ãˆâ€¦é©šãã¾ã—ãŸã€‚èªã‚“ã§ä¸‹ã•ã£ãŸçš†æ§˜ã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ä½•ãŒåŽŸå› ã ã£ãŸã®ã‹è€ƒãˆã¦ã¿ãŸã®ã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³
tsukamott 2012/11/17
webã‚µãƒ¼ãƒ“ã‚¹

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰æµUIã®ä½œã‚Šæ–¹ - takeshi nagayama's blog
ãªã‚“ã‹çªç„¶æ±äº¬è¡ŒããŸããªã£ãŸã®ã§ã€ã²ã‚‡ã²ã‚‡ã„ã¨è¡Œã£ã¦ããŸã€‚ ãŸã¾ãŸã¾ç«‹ã¡å¯„ã£ãŸã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã£ã¦ã„ã†ä¼šç¤¾ã§ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰æµUIã®ä½œã‚Šæ–¹ã¨ã„ã†å‹‰å¼·ä¼šã—ã¦ãŸã®ã§ã€å¶ç„¶æŒã¡åˆã‚ã›ã¦ã„ãŸã¯ã¦ãªã‚¹ãƒ†ãƒƒã‚«ãƒ¼æ¸¡ã—ãŸã‚ŠãŠã„ã—ã„æ–™ç†ã„ãŸã ã„ãŸã‚Šã—ãŸã€‚ UI/UXã®ãŸã‚ã®Sass æ± ç”°ã•ã‚“ / ã‚µãƒ¼ãƒ“ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³éƒ¨ Sass / Haml (ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å•ã‚ãšã«) Github ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚pull req ä¸€ã¤ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’è¤‡æ•°ãƒãƒ¼ãƒ ã§é–‹ç™º å„ãƒ‡ãƒã‚¤ã‚¹ã§é€Ÿã„ã‚µã‚¤ã‚¯ãƒ«ã§ã®é–‹ç™º Sassã¨ã¯ â†’ ããã‚Œ å…¨ä½“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŸãã‚‹ â†’ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ Sassã§çµ±ä¸€çš„ãªã‚‚ã®ã‚’æä¾›ã™ã‚‹ ç”»åƒã‚’ä½¿ã‚ãšã«CSSã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆ mixinã‚’ã¤ã‹ã£ã¦çµ±ä¸€ã§ãã‚‹ ç”»åƒç·¨é›†ãŒã„ã‚‰ãªã„ ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å¤‰æ›´ã«ã‚ˆã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¹…ã‚’ã‚‚ãŸã›ã‚‹äº‹ãŒã§ãã‚‹ mixinã®ä¸èº«ã¯å¿œç”¨ãŒããã‚ˆã†ãªä»•çµ„ã¿ã«ã—ã¦ãŠã æ¤œè¨¼ã‚’
tsukamott 2012/07/28
webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒã‚®ãƒ³ã‚°
ãƒªãƒ³ã‚¯
designmap.info
tsukamott 2012/07/17
ã‚ã¨ã§èªã‚€

webåˆ¶ä½œ

Webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ–ã‚³ãƒ¡
ãƒªãƒ³ã‚¯
åŸºç¤Žã‹ã‚‰ç†è§£ã™ã‚‹ãŸã‚ã®CSS3ã«é–¢ã™ã‚‹ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚ï½œWebpark
CSS3ã¯IEãŒå¯¾å¿œã§ãã¦ã„ãªã„ã“ã¨ã‚‚ã‚ã£ã¦ã€ä»Šã¾ã§ã‚ã¾ã‚Šç´¹ä»‹ã—ã¦ã¾ã›ã‚“ã§ã—ãŸãŒã€ä½¿ã„ã“ãªã›ã‚‹ã¨é¢ç™½ãã†ãªã®ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ CSS3ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ æœ‰åãªã‚µã‚¤ãƒˆã§ã™ãã€‚CSS3ã«é™ã‚‰ãšã€HTMLã‚„JavaScriptãªã©è†¨å¤§ãªæƒ…å ±é‡ã§ã™ã€‚ CSS-EBLOG å„ãƒ–ãƒ©ã‚¦ã‚¶ã§å…ˆè¡Œå®Ÿè£…ã—ã¦ã„ã‚‹CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ CSS3 Files ã€2010.4.25 è¿½åŠ ã€‘æµ·å¤–ã‚µã‚¤ãƒˆã§ã™ãŒéžå¸¸ã«è¦‹ã‚„ã™ã„ã§ã™ã€‚å„ãƒ–ãƒ©ã‚¦ã‚¶ã®å¯¾å¿œçŠ¶æ³ã®è¼‰ã£ã¦ã„ã¦é‡å®ã—ã¾ã™ã€‚ æ¬¡ã«ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®å¯¾å¿œçŠ¶æ³ã‚’ç¢ºèªã™ã‚‹ã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã€‚ HTML5 & CSS3 READINESS HTML5ã¨CSS3ã®ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®é©å¿œçŠ¶æ³ã‚’è¦–è¦šçš„ã«è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚2008å¹´ã‹ã‚‰ã®å¹´åˆ¥ã§ã‚‚è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ HTML5 & CSS3 Support ã“ã¡ã‚‰ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®å¯¾å¿œçŠ¶æ³ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚CSS3ã¯ãƒ—ãƒãƒ‘ãƒ†ã‚£ã€ã‚»
tsukamott 2011/02/25
css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Mockingbird has Shut Down
Mockingbird is no longer in operation. Weâ€™re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
tsukamott 2010/09/15
webã‚µãƒ¼ãƒ“ã‚¹

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
éžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€€ãã®ï¼‘ | 07design.blog
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã¯ãªã„æ–¹ã‚‚è¶£å‘³ã§ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã„ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«é ¼ã‚€ã»ã©ã§ã‚‚ãªã„ç”»åƒã‚’ä½œã£ãŸã‚Šã™ã‚‹æ©Ÿä¼šãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ã‚»ãƒ³ã‚¹ã§ã‚µã‚¯ã‚µã‚¯ã¨åˆ¶ä½œã™ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å®Ÿã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚‚ã®ã¯æ•°ã€…ã®ãƒ«ãƒ¼ãƒ«ã«ã‚ˆã£ã¦æˆç«‹ã—ã¦ã„ã¾ã™ãƒ»ãƒ»ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã¯ãªã„æ–¹ã‚‚è¶£å‘³ã§ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã„ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«é ¼ã‚€ã»ã©ã§ã‚‚ãªã„ç”»åƒã‚’ä½œã£ãŸã‚Šã™ã‚‹æ©Ÿä¼šãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ã‚»ãƒ³ã‚¹ã§ã‚µã‚¯ã‚µã‚¯ã¨åˆ¶ä½œã™ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ å®Ÿã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚‚ã®ã¯æ•°ã€…ã®ãƒ«ãƒ¼ãƒ«ã«ã‚ˆã£ã¦æˆç«‹ã—ã¦ã„ã¾ã™ã€‚ ãã®ãƒ«ãƒ¼ãƒ«ã®çŸ¥è˜ãŒã‚ã‚Œã°ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ¬ãƒ™ãƒ«ã¨ã¯ã„ã‹ãªã„ã‚‚ã®ã®ã€è¦‹ãŸç›®ãŒãã‚Œã„ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã¯ä½œã‚Œã‚‹ã¯ãšã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†è¨€è‘‰ã®å®šç¾©ã‚„ã‚½ãƒ•ãƒˆã®ä½¿ã„æ–¹ã‹ã‚‰å§‹ã‚ã¦ã—ã¾ã†ã¨ã‚„ã‚„ã“ã—ããªã‚‹ã®ã§ã€ ä»Šå›žã¯ã‚ãã¾ã§ã‚‚ã€Œã¨ã‚Šã‚ãˆãšè¦‹ãŸç›®ã‚’ã‚ãƒ¬ã‚¤ã«ã™ã‚‹ã€ã¨ã„ã†ã“ã¨ã«é‡ç‚¹ã‚’ç½®ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ è¨˜äº‹å†…ã§
tsukamott 2010/08/01
ã‚ã¨ã§èªã‚€

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç„¡é§„ãªdivè¦ç´ ã‚„classã ã‚‰ã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰å’æ¥ã™ã‚‹æ–¹æ³•
ã‚°ãƒªãƒƒãƒ‰ãƒ™ãƒ¼ã‚¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã™ã‚‹ã¨ã€ã¤ã„ã¤ã„divè¦ç´ ã‚’å¤šç”¨ã—ã¦ã—ã¾ã„ãŒã¡ã§ã™ãŒã€æ„å‘³ã®ã‚ã‚‹ãƒ‡ãƒ¼ã‚¿ã«ã¯ãã‚Œã«é©ã—ãŸè¦ç´ ã‚’ä½¿ç”¨ã—ã€ç„¡é§„ãªdivè¦ç´ ã‚„classã ã‚‰ã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰å’æ¥ã™ã‚‹æ–¹æ³•ã‚’Webdesigner Depotã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Fight Div-itis and Class-itis With the 960 Grid System ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼š960.gsã®å ´åˆ classã®ä¹±ç”¨ã‚’é¿ã‘ã‚‹ ãƒªã‚¹ãƒˆè¦ç´ ã®ä½¿ç”¨ ç”»åƒã¨ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã®ä½¿ç”¨ è¤‡æ•°ã®è¦‹å‡ºã—ã¨ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ã®ä½¿ç”¨ åè¦ç´ ã®classã¯è¦ªè¦ç´ ã« ã¯ã˜ã‚ã« æ•°å¹´å‰ã¾ã§ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¨è¨ˆã¯ãƒ†ãƒ¼ãƒ–ãƒ«ãŒã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã§ã—ãŸã€‚ãã—ã¦CSSã¯ãã‚Œã‚’å¤§ããå¤‰ãˆã€ä»Šæ—¥ã§ã¯CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¨è¨ˆã‚’å®¹æ˜“ã«ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ã“ã®CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯
tsukamott 2010/04/05
ã‚ã¨ã§èªã‚€

webãƒ‡ã‚¶ã‚¤ãƒ³

css
ãƒªãƒ³ã‚¯
ãƒ›ãƒ³ãƒˆã«åŠ©ã‹ã‚‹ãƒ•ãƒªãƒ¼ã®cssã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã„ã‚ã„ã‚
ä½¿ãˆã‚‹cssã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ãŒ 50å€‹ã€Speckyboyã§è¨˜äº‹ã«ã•ã‚Œã¦ã„ãŸ ã®ã§ã‚ˆã•æ°—ãªã‚‚ã®ã‚’ã„ãã¤ã‹ã”ç´¹ä»‹ã—ã¾ã™ã€‚ å…¨éƒ¨è‰¯ã•ãã†ãªã®ã§æ°—ã«ãªã‚‹æ–¹ã¯ãœã² è¨˜äº‹å…ƒã‚’è¨ªã‚Œã¦ã¿ã¦ãã ã•ã„ã€‚ æ—¥æœ¬èªžã®ãƒ†ã‚ã‚¹ãƒˆã§ä½œæˆã§ãã‚‹ï½ƒï½“ï½“ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã¯æœ¬å½“ã«åŠ©ã‹ã‚Šã¾ã™ã€‚ Grid Designer 2 ç´°ã‹ã„è¨å®šã‚’è¡Œãˆã¦ã™ãã«åæ˜ ã•ã‚Œã‚‹ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã€‚ Grid Designer 2 nP: Grid Generator ã‚°ãƒªãƒƒãƒ‰ã‚’ä½œæˆã™ã‚‹ã¨ã€ï½ƒï½“ï½“ã®ã‚½ãƒ¼ã‚¹ã‚‚å‡ºã—ã¦ãã‚Œã¾ã™ã€‚ nP: Grid Generator Dynamic 4 Column Layout Generator ã“ã‚Œé¢ç™½ã„ã€‚4ã‚«ãƒ©ãƒ å°‚ç”¨ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€‚è¨å®šã¨åŒæ™‚ã«åæ˜ ã€ ï½ƒï½“ï½“ã‚‚ï¼¤ï¼¬ï¼ˆã‚³ãƒ”ãƒšï¼‰å‡ºæ¥ã¾ã™ã€‚ Dynamic 4 Column Layout Generator XHTML/CSS Markup Gen
tsukamott 2009/07/18
webãƒ‡ã‚¶ã‚¤ãƒ³

css
ãƒªãƒ³ã‚¯
ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›†ï¼‘ï¼ï¼ç¨®:phpspoté–‹ç™ºæ—¥èªŒ
100 Outstanding Login Forms | Design Reviver ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›†ï¼‘ï¼ï¼ç¨®ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä»¥ä¸‹ã¯ï¼‘ï¼ï¼ç¨®ã¨ã„ã†è†¨å¤§ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸€ä¾‹ã€‚ã“ã‚Œã ã‘ãã‚ã£ã¦ã„ã‚‹ã¨ãŠæ‰‹æœ¬ã‚’æŽ¢ã™æ‰‹é–“ã¯çœã‘ã¦ã€ã‚¤ãƒ¡ãƒ¼ã‚¸ã©ãŠã‚Šã®ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‚¯ã‚¤ãƒƒã‚¯ã«çœŸä¼¼ã‚‹ã“ã¨ãŒå‡ºæ¥ãã†ã§ã™ãã€‚ Nasibriyani lounge Virtual Paper Loginform ã™ã¹ã¦è¦‹ã‚‹ ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã¾ã¨ã‚ã¦ã¿ã¦åˆ†æžã—ã¦ã¿ã¦ã‚‚é¢ç™½ã„ã‹ã‚‚ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª é»’ãƒ™ãƒ¼ã‚¹ã®ãƒ€ãƒ¼ã‚¯ã§ã‚¯ãƒ¼ãƒ«ãªWEBãƒ‡ã‚¶ã‚¤ãƒ³é›† ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã†ã¾ãä½¿ã£ã¦ç«‹ä½“æ„Ÿã‚’å‡ºã—ãŸã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³é›† ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ™ãƒ¼ã‚¹ã®ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯WEBãƒ‡ã‚¶ã‚¤ãƒ³é›† éŸ“å›½ã®ã™ã”ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µã‚¤ãƒˆé›†
tsukamott 2009/07/10
webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç„¡æ–™ã‚µãƒ¼ãƒ“ã‚¹ã‚’æ´»ç”¨ã—ã¦æ‰‹è»½ã«webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãŸã‚ã®12é¸[ãƒã‚¿å¸³å†…]
æœ€è¿‘ã€å‰¯æ¥ã«æ‰‹ã‚’æŸ“ã‚ãŸã„ã‚¢ãƒŠã‚¿ã¸è´ˆã‚‹11é¸ã¨ã‹ã€æ•™ãˆã¦å›ãƒãƒƒãƒˆãŒã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ã‚¦ã‚£ãƒ¼ã‚¯å‰ã«ä»•æŽ›ã‘ãŸXPã‚„Vistaã‚’æ¥µé™ã¾ã§è»½ãã™ã‚‹ï¼ 19ã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ãƒ†ã‚¯ã¨ã‹ã‚’è¦‹ã¦ã€ã€Žã‚ãƒ¼ãªã‚‹ã»ã©ï¼ã€ã£ã¦æ€ã£ãŸäº‹ãŒã‚ã‚Šã¾ã—ã¦ã€‚ ã‚ˆãƒ¼ãè¦‹ã‚‹ã¨ã¾ã¨ã‚ãªã‚“ã§ã™ãŒã€è‡ªåˆ†ã®ã¨ã“ã‚ã®è¨˜äº‹ã‚’ã€ã“ã‚Œã¾ãŸã†ã¾ã„å…·åˆã«ã¾ã¨ã‚ã¦ã‚ã£ã¦ã€ã“ã‚Œã¯ã“ã‚Œã§ã€åœ°å‘³ã«ä¾¡å€¤ã®ã‚ã‚‹è¡Œç‚ºã ãªãã¨æ„Ÿã˜ãŸæ¬¡ç¬¬ã§ã™ã€‚ ãã‚“ãªã‚ã‘ã§ã€æ—©é€Ÿãƒã‚¿å¸³ã§ã‚‚ã¾ã¨ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã—ãŸã€‚ã¾ãã€ã„ã–ã¾ã¨ã‚ã‚ˆã†ã¨æ€ã†ã¨ã¾ã¨ã¾ã‚‰ãªã„ã‚‚ã®ã§ã€ä»Šå›žã¯webã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹ã¨ãã«ä½¿ã„ãã†ãªè‰²ã€…ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ webã‚µã‚¤ãƒˆä½œæˆå‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ±ºã‚ã‚‰ã‚Œãªã„ã§ã„ã‚‹äººã«ã¯ 100ã®CSSã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆ è†¨å¤§ãªãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ æ‚©ã‚“ã§ã„ã‚‹ãªã‚‰ã¾ãšä»–ã®äººã‚’è¦‹ã¦ã¿ã‚‹ã®ã‚‚ã„ã„ã‹ã‚‚ã—ã‚Œãªã„ã§ã™ã‚ˆã€‚ webã‚µã‚¤ãƒˆä½œæˆæ™‚ã«ã‚µã‚¤ãƒˆã‚«ãƒ©ãƒ¼ã‚’æ±ºã‚ã‚‰ã‚Œãªã„äººã®ç‚ºã®webã‚µãƒ¼ãƒ“
tsukamott 2009/05/13
webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã„ã†è‚©æ›¸ãã‚’ä½¿ã†å ´åˆã«ã‚ã£ãŸã‚‰ã„ã„ã‹ã‚‚ãªã‚¹ã‚ãƒ«ã¨WEBã§è¦‹ã‚Œã‚‹ç„¡æ–™æ•™æã¨ãƒªã‚½ãƒ¼ã‚¹é›†:phpspoté–‹ç™ºæ—¥èªŒ
WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã„ã†è‚©æ›¸ãã‚’ä½¿ã†å ´åˆã«ã‚ã£ãŸã‚‰ã„ã„ã‹ã‚‚ãªã‚¹ã‚ãƒ«ã¨WEBã§è¦‹ã‚Œã‚‹ç„¡æ–™æ•™æã¨ãƒªã‚½ãƒ¼ã‚¹é›† 2009å¹´03æœˆ23æ—¥- WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã„ã†è‚©æ›¸ãã‚’ä½¿ã†å ´åˆã«ã‚ã£ãŸã‚‰ã„ã„ã‹ã‚‚ãªã‚¹ã‚ãƒ«ã¨WEBã§è¦‹ã‚Œã‚‹ç„¡æ–™æ•™æã¨ãƒªã‚½ãƒ¼ã‚¹é›†ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒžãŒï¼‘ãƒ¶æœˆã§WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«è»¢èº«ã™ã‚‹æ–¹æ³•Â ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªã‚’è¦‹ã¦ã€ãƒ—ãƒã‚°ãƒ©ãƒžã®æ–¹ã€…ã®WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹é–¢å¿ƒã®é«˜ã•ã‚’è¦‹ã¦æ›¸ã„ã¦ã¿ã¾ã™ã€‚ WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã„ã£ã¦ã‚‚è‰²ã€…ãªçŸ¥è˜ãŒå¿…è¦ã§ã€ã‹ã¤ã€æœ€è¿‘ã¯ãƒ•ãƒªãƒ¼ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚‚è±Šå¯Œã«ã‚ã‚‹ä¸ã€ã©ã‚Œã ã‘å‡ºæ¥ã‚Œã°WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦æˆã‚Šç«‹ã¤ã®ã ã‚ã†ï¼Ÿã¨ã„ã†ç–‘å•ãŒã‚ã‚Šã¾ã—ãŸã®ã§è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ãƒ—ãƒã‚°ãƒ©ãƒžã®æ–¹ã§ã€WEBãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚„ã£ã¦ã¿ãŸã„ã€‚ã¾ãŸã€å…¨ãã®ç´ äººã ã‘ã©WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’ä»•äº‹ã«ã•ã‚ŒãŸã„ã¨ã„ã†æ–¹ã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ æœ€ä½Žé™ã®çŸ¥è˜ç·¨ 1. HTMLã¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆåŠ› ã¾ãšã€çŸ¥ã£ã¦ã„ã‚‹äººã«ã¯ç‰©å‡„ãå½“ãŸã‚Šå‰ã®äº‹ã§ã™ãŒã€
tsukamott 2009/03/23
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ãƒ—ãƒã‚°ãƒ©ãƒžãŒ1ãƒ¶æœˆã§Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«è»¢èº«ã™ã‚‹æ–¹æ³• - ã‚„ãã†ã‚‰ãŠãƒ–ãƒã‚°(ç§»è»¢ã—ã¾ã—ãŸ)
ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã—ã¦ã„ã‚‹ã¨ã€ãƒ—ãƒã‚°ãƒ©ãƒžã¯Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨å…±åŒä½œæ¥ã‚’ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã€‚ ã—ã‹ã—é«˜åº¦ãªRIAã‚’å®Ÿç¾ã—ã‚ˆã†ã¨ã™ã‚‹ã¨æ€ã£ã¦ã„ã‚‹ã‚ˆã†ã«Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ç´ æã‚’ä½œæˆã—ã¦ã‚‚ã‚‰ã†ã ã‘ã§ã‚‚ã¨ã¦ã‚‚éª¨ã®æŠ˜ã‚Œã‚‹ä½œæ¥ã ã€‚ ãã“ã§ã€ä¸€å±¤ã€ã€Œã™ã¹ã¦ã®ãƒ—ãƒã‚°ãƒ©ãƒžã¯Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãªã‚Œã°ã„ã„ã‚“ã˜ã‚ƒãï¼Ÿã€ã¨æ€ã£ãŸã€‚ ä»Šå›žã¯ã€ç§ã®å®Ÿä½“é¨“ã«åŸºã¥ãã€ã€Œãƒ—ãƒã‚°ãƒ©ãƒžãŒ1ãƒ¶æœˆã§Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«è»¢èº«ã™ã‚‹æ–¹æ³•ã€ã¨ã„ã†ã®ã‚’è€ƒãˆã¦ã¿ãŸã€‚ â– ã€€HTML,CSSã‚’è¦šãˆã‚ˆã† ã¾ãšã€HTMLã¨CSSã€‚ã„ãã‚‰ç§ã§ã‚‚W3C( http://www.w3.org/ )ã®ã™ã¹ã¦ã«ç›®ã‚’é€šã›ã¨ã¯è¨€ã‚ãªã„ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶é–“ã§æŒ™å‹•ãŒé•ã†ã®ã§ãã‚Œãžã‚Œã®ã‚¿ã‚°ãŒã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ä½¿ãˆã‚‹ã®ã‹ä¸€è¦§ãŒã¾ãšæ¬²ã—ã„ã€‚æ‰‹è»½ãªã®ã¯è©³è§£HTML & CSS & JavaScriptè¾žå…¸ã€‚ã“ã®ãƒãƒ³ãƒ‰ãƒ–ãƒƒã‚¯ã¯è¦‹ã‚„ã™ã„ã®ã§ãŠå‹§ã‚ã€‚ã¾ãŸã€ã‚ˆãä½¿ã†ã‚¿ã‚°ã«é–¢ã—ã¦ã¯ã™ã¹ã¦è¦šãˆã‚ˆã†ã€‚è¦šãˆã¦ã„ã‚‹
tsukamott 2009/03/18
ã“ã†ã„ã†ã®å¾…ã£ã¦ãŸã‹ã‚‚

javascript

webãƒ‡ã‚¶ã‚¤ãƒ³

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Yahoo! UI Libraryã€€Grids CSSã‚’ä½¿ã£ã¦ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ - WEBãƒ‡ã‚¶ã‚¤ãƒ³ã€€BLOG
ã“ã®ãƒ–ãƒã‚°ã¯ã€MTï¼ˆMovable Type[ãƒ ãƒ¼ãƒãƒ«ã‚¿ã‚¤ãƒ—] 3.31-jaï¼‰ã‚’å°Žå…¥ã—ã¦åˆ¶ä½œã•ã‚Œã¦ã„ã¾ã™ã€‚ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆï¼ˆåˆæœŸè¨å®šï¼‰ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã ã¨ã‚¤ãƒžã‚¤ãƒã«æ€ã£ãŸã®ã§ã‚«ã‚¹ã‚¿ãƒ ãƒ¡ã‚¤ãƒ‰ã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§åˆ¶ä½œã—ã¦ã‚ã‚Šã¾ã™ã€‚ãƒ™ãƒ¼ã‚¹ã¯ã€Yahoo! UI LibraryãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã®ã§ãã¡ã‚‰ã®Grids CSSã‚’ä½¿ã£ã¦ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã—ã¦ã„ã¾ã™ã€‚ ã“ã®Yahoo! UI Libraryã€€Grids CSSã¯ã€ã‹ãªã‚Šä½¿ãˆã‚‹ã‚‚ã®ã ã¨æ€ã„ã¾ã™ã€‚å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’ç›¸æ‰‹ã«ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ¼ã‚’è€ƒãˆã¦è¨è¨ˆã•ã‚ŒãŸCSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã®ã§CSSï¼ˆã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼‰ã‚’è¦šãˆã‚ˆã†ã¨æ€ã£ã¦ã„ã‚‹æ–¹ã«ã‚‚å‚è€ƒã«ã™ã‚‹ã¨ã¨ã¦ã‚‚ã„ã„æƒ…å ±ã§ã™ã€‚ä»Šå›žã¯ã€è‡ªåˆ†ãªã‚Šã«ã“ã®Yahoo! UI Libraryã€€Grids CSSã‚’è§£ã‚‹ç¯„å›²ã§èª¬æ˜Žãƒ»ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ ã‹ãªã‚Šä½¿ãˆã‚‹CSSã‚½ãƒ¼ã‚¹ãªã®ã§ã€æ˜¯éžDLã—ã¦ãŠä½¿ã„ã«ãªã‚‹ã“ã¨ã‚’ã‚ªã‚¹ã‚¹ãƒ¡ã—ã¾ã™ã€‚ã‚½ãƒ¼ã‚¹ã®DL
tsukamott 2009/01/08
HTML

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã€ãƒ¬ãƒ“ãƒ¥ãƒ¼ã€‘ã‚ã‚‹æ„å‘³CMSã®ç†æƒ³åž‹ã‹ã‚‚ã€‚ã€ŽConcrete5ã€ã‚’è©¦ã™! (1) ç‰©è¶³ã‚Šãªã•ã‚’è§£æ¶ˆã—ãŸCMSã€ŒConcrete5ã€ | ãƒãƒƒãƒˆ | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
ã„ã¾è©•åˆ¤ã®"ç·¨é›†ã—ã‚„ã™ã„"CMSã€ŽConcrete5ã€ã¨ã¯? ã‚ãªãŸã¯ã€ŒConcrete5ã€ã‚’çŸ¥ã£ã¦ã„ã¾ã™ã‹? CMS(ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ ãƒžãƒã‚¸ãƒ¡ãƒ³ãƒˆ ã‚·ã‚¹ãƒ†ãƒ )ã¨ã„ã†ã¨ã€å¤§ããåˆ†ã‘ã¦3ã¤ãã‚‰ã„ã«åˆ†é¡žã•ã‚Œã‚‹ã€‚ã²ã¨ã¤ã¯æ˜”ã‹ã‚‰ã®CMSã§ã€PHPNuke/ Xoops/ Mambo/ Ploneãªã©ãŒå˜åœ¨ã™ã‚‹ã€‚ã‚‚ã†ã²ã¨ã¤ã¯ãƒ–ãƒã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã§ã€WordPress/ Movable Type/ Nucleusãªã©ã ã€‚ãã—ã¦æœ€å¾Œã«Wikiã‚¨ãƒ³ã‚¸ãƒ³ã ã€‚Yukiwiki/ Pukiwiki/ DokuWiki/ MediaWikiãªã©ãŒæŒ™ã’ã‚‰ã‚Œã‚‹ã€‚Wikiã‚’é™¤ãCMSã«å…±é€šã™ã‚‹ã®ã¯å…¬é–‹ç”»é¢ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç®¡ç†ç”»é¢ãŒåˆ†ã‹ã‚Œã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã ã€‚ãƒ¦ãƒ¼ã‚¶ã®æ¨©é™ã«ã‚ˆã£ã¦ç®¡ç†è€…ã¨ã‚µã‚¤ãƒˆåˆ©ç”¨è€…ã®ç”»é¢ãŒåˆ†ã‹ã‚Œã€ç®¡ç†è€…ã¯ç®¡ç†ç”»é¢ã«ãƒã‚°ã‚¤ãƒ³å¾Œã€ã‚µã‚¤ãƒˆã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç·¨é›†ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ãƒ»ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«è¿½åŠ ãªã©ã‚’è¡Œãªã†ã€‚Wikiã®å ´åˆã¯å…±åŒç·¨é›†ãŒåŸº
tsukamott 2008/12/02
PHP

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTMLã§é›‘èªŒã®ã‚ˆã†ãªç¾Žã—ã„æ®µçµ„ã¿ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è»½ãå®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³:phpspoté–‹ç™ºæ—¥èªŒ
HOKYPOKY. | MULTICOL. jQuery Plugin MULTICOL. ã¯HTMLã§é›‘èªŒã®ã‚ˆã†ãªç¾Žã—ã„æ®µçµ„ã¿ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã™ã‚‹ã ã‘ã®ã‚·ãƒ³ãƒ—ãƒ«ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ã‚‚ã¡ã‚ã‚“ã€æ—¥æœ¬è£½ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã®ã§æ—¥æœ¬èªžã‚‚ãã‚Œã„ã«æ®µçµ„ã¿ã«ã—ã¾ã™ã€‚HTMLã§é›‘èªŒã®ã‚ˆã†ãªç¾Žã—ã„æ®µçµ„ã¿ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è»½ãå®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ç´¹ä»‹ã€‚ æ¬¡ã®ã‚ˆã†ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã¨ã€è¤‡æ•°ã®ãƒ–ãƒãƒƒã‚¯ã‚’ç°¡å˜ã«4ã‚«ãƒ©ãƒ ã«ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ $("#sample1").multicol({colNum:4, colMargin: 10}); ãƒžãƒ¼ã‚¸ãƒ³ã‚’æŒ‡å®šã§ãã‚‹ã¨ã“ã‚ã‚‚è‰¯ã„ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è¤‡é›‘ãªãƒ–ãƒãƒƒã‚¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã‹ã¤ç°¡å˜ã«å®Ÿè£…å¯èƒ½ãªã€Œmaloã€ è¤‡é›‘ãªCSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚ã‚µã‚¯ãƒƒã¨å®Ÿè£…ã§ãã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Œemasticã€ CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒãƒ¼ãƒˆé›†ã€ŒCSS Layout Cheats
tsukamott 2008/11/29
jquery

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã‚’æ§‹ç¯‰ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆ | ãƒ©ãƒ³ã‚µãƒ¼ã‚ºç¤¾é•·æ—¥è¨˜
ã„ã„ãï¼ 11 ãƒ„ã‚¤ãƒ¼ãƒˆ B! ã¯ã¦ãƒ– 734 Pocket 58 ã“ã“2ãƒ»3æ—¥ã€ã²ãŸã™ã‚‰è‰²ã€…ãªã‚µã‚¤ãƒˆã®ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã‚„ã‚³ãƒžãƒ¼ã‚¹ã‚µã‚¤ãƒˆã®è³¼å…¥ãƒ•ãƒãƒ¼ã‚’è¦‹ã¦ã„ã¾ã—ãŸã€‚ ã¾ãŸã€ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦èªžã£ã¦ã„ã‚‹ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆã‚’ã¿ã¦ç ”ç©¶ã—ã¦ã„ã¾ã—ãŸã€‚ ã“ã†ã™ã‚Œã°ç™»éŒ²æ•°ãŒåŠ‡çš„ã«ä¸ŠãŒã‚‹ï¼ã¨ã‹ã€å£²ä¸ŠãŒä¸ŠãŒã‚‹ï¼ã¨ã„ã£ãŸæ–¹æ³•ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€å°‘ã—ã ã‘ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å®‰å¿ƒæ„Ÿã‚’ä¸ŽãˆãŸã‚Šã€ã‚¹ãƒˆãƒ¬ã‚¹ã‚’å–ã‚Šé™¤ã„ãŸã‚Šã™ã‚‹æ–¹æ³•ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã—ã€è¦‹ã¦ã„ãŸã‚µã‚¤ãƒˆã§ã‚‚ç™»éŒ²ã—ã‚„ã™ã„ã‚µã‚¤ãƒˆã«ã¯å…±é€šç‚¹ãŒå¤šãã‚ã‚Šã¾ã—ãŸã€‚ å°‘ã—é‡ãŒå¤šã„ã§ã™ãŒã€è‡ªåˆ†ã§æ„è˜çš„ã«è¡Œã£ã¦ããŸã“ã¨ã€ç™»éŒ²ã—ã‚„ã™ã„ã‚µã‚¤ãƒˆã®å…±é€šç‚¹ã€ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆã‚’ã¿ã¦å‚è€ƒã«ãªã‚‹ç‚¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 1ã¤1ã¤ã¯ã‚ˆãè¨€ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ã§ã€å¤§ã—ãŸã“ã¨ã‚ã‚Šã¾ã›ã‚“ãŒã€ã“ã†ã„ã£ãŸå°ã•ãªãƒ‡ã‚£ãƒ†ã‚£ãƒ¼ãƒ«ã«ã“ã ã‚ã£ã¦è¡ŒããŸã„ã¨æ€ã„ã¾ã™ã€‚ã‚±ãƒ¼ã‚¹ãƒã‚¤ã‚±ãƒ¼ã‚¹ã®å´é¢ã‚‚å¼·ã„ã®ã§ã™ãŒã€ä½•ã‹ã®å‚è€ƒã«ãªã‚Œã°ã¨æ€ã„
tsukamott 2008/08/27
webãƒ‡ã‚¶ã‚¤ãƒ³

webã‚µãƒ¼ãƒ“ã‚¹

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸