[B! webåˆ¶ä½œ] puzzeljpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

puzzeljp id:puzzeljp

webåˆ¶ä½œã«é–¢ã™ã‚‹puzzeljpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’JSã‹ã‚‰éžåŒæœŸèªè¾¼ã™ã‚‹æ–¹æ³•
CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã ã‘ã§å‹•çš„ãªURLã¤ã‘ã¦éžåŒæœŸèªã¿è¾¼ã¿ã—ãŸã„å ´åˆã€å˜ç´”ã«ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã¨åŒæœŸèªã¿è¾¼ã¿ã«ãªã£ã¦èªã¿è¾¼ã¿å®Œäº†ã¾ã§ä»–ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ãŒãƒ–ãƒãƒƒã‚¯ã•ã‚Œã‚‹ã€‚ (function () { var href = 'style sheet url'; var link = document.createElement('link'); link.rel = 'stylesheet'; link.href = href; var head = document.getElementsByTagName('head')[0]; head.appendChild(link); })(); ã“ã‚Œã«é–¢ã—ã¦ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«åˆ¥ã®iframeã‚’ä½œæˆã—ã¦èªã¿ã“ã‚ã°éžåŒæœŸã§èªã¿è¾¼ã‚ã‚‹ã®ã§ã€ä»–ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ã‚’ãƒ–ãƒãƒƒã‚¯ã—ãªã„ã€‚ ï¼ˆiOS, Androidã§å‹•ä½œã‚’ç¢ºèªï¼‰ (fun
puzzeljp 2012/11/29
Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
é€±6ãƒ•ãƒªãƒ¼ã‚¿ãƒ¼ã‚‚WEBã‚µãƒ¼ãƒ“ã‚¹ä½œã£ã¦ã¿ã¾ã—ãŸã€‚
ã“ã‚“ã«ã¡ã¯ã€‚é€±6ãƒ•ãƒªãƒ¼ã‚¿ãƒ¼ã§ã™ã€‚WEBæ¥ç•Œã§åƒãç‚ºã«å‹‰å¼·ä¸ã§ã™ã€‚ ã¡ã‚ƒã‚“ã¨åƒã„ã¦ã‚«ãƒ¼ãƒãƒ£ãƒ³æ¸©æ³‰ã«ã¤ã‚Œã¦ãã‚“ã ã€‚ã€‚ã€‚ ä¸‹è¨˜ã®è¨˜äº‹ã«è§¦ç™ºã•ã‚Œã¦è‡ªåˆ†ã‚‚WEBã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ãƒ»ã€Žè‡ªåˆ†ã§WEBã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚ŠãŸã„ã¨æ€ã£ã¦ã„ã‚‹äººã¸ã€ http://anond.hatelabo.jp/20101203150748 ãƒ»ã€ŽRails3 ã¨ jQuery ã§ã€çœŸé¢ç›®ã«ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¨ãƒã‚µã‚¤ãƒˆã‚’ã¤ãã£ã¦ã¿ã¾ã—ãŸã€ http://d.hatena.ne.jp/inouetakuya/20120331/1333192327 ã‚ã€ã§ã‚‚ä»Šå›žä½œã£ãŸã‚‚ã®ã¯ã‚¨ãƒé–¢ä¿‚ã‚ã‚Šã¾ã›ã‚“ï¼ˆç¬‘ï¼‰ ä¸‹è¨˜ãŒä»Šå›žã®è£½ä½œç‰©ã«ãªã‚Šã¾ã™ã€‚ ä»Šå›žã®è£½ä½œç‰©ã€€ã€Žã¯ã¦ãƒ–1000usersè¶…ãˆè¨˜äº‹ã‚¢ãƒ³ãƒ†ãƒŠ(Â´ãƒ»Ï‰ãƒ»)ã€ http://hatebu-1000users-over.com/ ãƒ»ã“ã®ã‚µã‚¤ãƒˆã«ã¤ã„ã¦ ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã«ã¦1000usersä»¥ä¸Šå–
puzzeljp 2012/09/15
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
BaserCMS
Webã‚µã‚¤ãƒˆã‚’è‡ªç”±ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹CMSï¼ˆã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãƒ»ãƒžãƒã‚¸ãƒ¡ãƒ³ãƒˆãƒ»ã‚·ã‚¹ãƒ†ãƒ ï¼‰ã§ã™ã€‚ ç„¡æ–™ã§ä½¿ãˆã‚‹å›½ç”£ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¨ã—ã¦ã€ç›´æ„Ÿçš„ãªæ“ä½œæ€§ã¨é«˜ã„ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã€å®‰å…¨æ€§ã‚’å®Ÿç¾ã€‚ ã•ã¾ã–ã¾ãªã‚µãƒ¼ãƒãƒ¼ã§å‹•ä½œå¯èƒ½ã§ã€ç°¡å˜ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã¾ã™ã€‚ å›ºå®šãƒšãƒ¼ã‚¸ã‚„ãƒ–ãƒã‚°ã€ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã¾ã¨ã‚ã¦ç®¡ç† ãƒ¡ãƒ¼ãƒ«ãƒ•ã‚©ãƒ¼ãƒ ã‚„æ–°ç€ãƒ–ãƒã‚°ãªã©ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æ¨™æº–è£…å‚™ å›½ç”£ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãªã®ã§å®‰å¿ƒãƒ»å®‰å…¨ã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£
puzzeljp 2012/09/15
BaserCMS

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
php.js - PHP VM with JavaScript
This library reads PHP code and transf orms it into JavaScript code which can be run in the PHP VM in this library, resulting in same results as with PHP. It starts by tokenizing the PHP code into tokens, which it then uses to build an AST tree. Once the tree has been constructed, the script compiles it into JavaScript that can be interpreted by the VM and then executes it. Any additional unconvert
puzzeljp 2012/07/26
PHP

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ³ã‚¯å¹ãå‡ºã—ç´ æ110 â€“ ãµãã ã—ç´ æå°‚é–€ã‚µã‚¤ãƒˆã€Œãƒ•ã‚ãƒ€ã‚·ãƒ‡ã‚¶ã‚¤ãƒ³ã€
DOWNLOAD JPG PNG SVG PNG JPG SVG â€»IEã€EDGEã§ã¯JPG,PNGã®ã‚«ãƒ©ãƒ¼å¤‰æ›´ã¯ã§ãã¾ã›ã‚“ã€‚chormeã‚„Firefoxã‚’ãŠä½¿ã„ãã ã•ã„
puzzeljp 2012/06/22
webåˆ¶ä½œ

ç´ æ
ãƒªãƒ³ã‚¯
æ¥µç«¯ã«ä½Žã„å˜ä¾¡ã‚„ç„¡æ–™ã§ä»•äº‹ã‚’ã—ã¦ã¯ã„ã‘ãªã„ã€ã„ãã¤ã‹ã®ç†ç”±
é•·æ–‡ã‚’æ›¸ã‘ã‚‹å ´æ‰€ãŒã“ã“ã«ã—ã‹ãªã‹ã£ãŸã®ã§ã€‚ ã€ŒçµŒé¨“ãŒä¹ã—ã„ã‹ã‚‰ã€ã€Œå®Ÿç¸¾ã‚’å¾—ã‚‹ãŸã‚ã«ã€ã€Œè‡ªåˆ†ã‚’é›ãˆãŸã„ã‹ã‚‰ã€ãã†è¨€ã£ã¦ã€æ¥µç«¯ã«ä½Žã„å˜ä¾¡ã‚„ç„¡æ–™ã§ä»•äº‹ã‚’å—ã‘ã¦ã„ã‚‹ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®äººé”ã‚’ã¡ã‚‰ã»ã‚‰ã¨è¦‹ã‹ã‘ã‚‹ã‚ˆã†ã«ãªã‚Šã€ãšã£ã¨é•å’Œæ„Ÿã‚’è¦šãˆã¦ã„ãŸã®ã§ãŸã¾ã«ã¯ã“ã‚“ãªè©±ã—ã‚‚æ›¸ã„ã¦ã¿ã‚ˆã†ã‹ãªã¨ã€‚ ãªãœæ¥µç«¯ã«ä½Žã„å˜ä¾¡ã‚„ç„¡æ–™ã§ä»•äº‹ã‚’ã—ã¦ã¯ã„ã‘ãªã„ã‹ ã‚¼ãƒå††ã§å—ã‘ãŸä»•äº‹ã®ä¾¡å€¤ã¯ã€æ‰€è©®ã‚¼ãƒå††ã®ä¾¡å€¤ã—ã‹ãªã„ã‹ã‚‰ ã€Œã¨ã«ã‹ãå®Ÿç¸¾ã‚’å¢—ã‚„ã—ãŸã„ã‹ã‚‰ã€ã¨å®‰æ˜“ã«ç„¡æ–™ã§ä½•ã§ã‚‚å¼•ãå—ã‘ã¦ã‚‚ã€ãã‚Œã¯æœ¬å½“ã®æ„å‘³ã§ã®å®Ÿç¸¾ã«ã¯ã¤ãªãŒã‚Šã¾ã›ã‚“ã€‚ç„¡æ–™ã§ä»•äº‹ã‚’ç™ºæ³¨ã—ã¦ãã‚‹äººã¯ã€ã‚ãªãŸãŒã€Œç„¡æ–™ã§å¼•ãå—ã‘ã¦ãã‚Œã‚‹ã€äº‹ã‚’æœ€å¤§ã®ä¾¡å€¤ã¨ã—ã¦æ‰ãˆã¦ã„ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€æ¥µç«¯ã«ä½Žå˜ä¾¡ã‚„ç„¡æ–™ã®ä»•äº‹ã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆè‡ªèº«ã®ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ä½Žã„äº‹ãŒå¤šãã€ã€Œæä¾›ã•ã‚Œã‚‹è³‡æ–™ã‚„ç”»åƒã®å“è³ªãŒä½Žã„ã€å…¬é–‹å¾Œã®é‹å–¶ã®å“è³ªãŒä½Žã„ã€ãªã‚“ã¦äº‹ã‚‚ã€‚å“è³ªã®ä½Žã„å®Ÿç¸¾ã‚’é‡ç”£ã—ã¦ã‚‚è©•ä¾¡ã—ã¦ãã‚Œ
puzzeljp 2012/05/23
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
FireWorks.20
ç®¡ç†è€…ã®Twitterã§ã™ã€‚æ›´æ–°æƒ…å ±ã‚‚ãŠä¼ãˆã—ã¦ã¾ã™ facebookãƒšãƒ¼ã‚¸ã§ã™ã€‚æ˜¯éžã„ã„ãï¼ã‚’ RSSã®ç™»éŒ²ã¯ã“ã“ã‹ã‚‰ã©ã†ãž ã”é€£çµ¡ã®éš›ã¯ã“ã¡ã‚‰ã‹"Contact"ã¸ã©ã†ãž
puzzeljp 2012/05/12
Fireworks

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Photoshopã§ã®Webåˆ¶ä½œåŠ¹çŽ‡ã‚’å‘ä¸Šã•ã›ã‚‹ã€ŒJSXã€ã¨ã¯
ã”å˜ã˜ã®æ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã¨æ€ã„ã¾ã™ãŒã€Adobe Photoshop ã¯ JavaScript ã§åˆ¶å¾¡ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Photoshop ç”¨ã® JavaScript ãƒ•ã‚¡ã‚¤ãƒ«ã®ã“ã¨ã‚’ã€ŒJSXã€ã¨å‘¼ã³ã¾ã™ã€‚æ‹¡å¼µåã¯ .jsx ã§ã™ã€‚ Photoshop ã‚’ä½¿ã£ã¦Webåˆ¶ä½œã•ã‚Œã¦ã„ã‚‹æ–¹ã¯å¤šã„ã‹ã¨æ€ã„ã¾ã™ãŒã€Photoshop ã¯æœ¬æ¥å†™çœŸåŠ å·¥ç”¨ã®ã‚½ãƒ•ãƒˆã§ã‚ã‚ŠWebãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®ã‚½ãƒ•ãƒˆã§ã¯ãªã„ãŸã‚ã€ç‰¹ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ©Ÿèƒ½ãŒ Fireworksã€Illustratorã€InDesign ãªã©ã«æ¯”ã¹è²§å¼±ã§ã™ã€‚ ã—ã‹ã—ã€JSX ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Š Photoshop ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ©Ÿèƒ½ã‚„Webåˆ¶ä½œå‘ã‘ã®æ©Ÿèƒ½ã‚’ã‚ã‚‹ç¨‹åº¦å‘ä¸Šã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ JSX ã¯æ˜”ã‹ã‚‰ Photoshop ã«æè¼‰ã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€æ›¸ãæ–¹ã®å‚è€ƒã«ãªã‚‹ã‚ˆã†ãªæ›¸ç±ã‚„ã‚µã‚¤ãƒˆãŒå°‘ãªã„ãŸã‚ã‹ãã‚Œç¨‹æ³¨ç›®ã•ã‚Œã¦ã„ãªã‹ã£ãŸæ°—ãŒã—ã¾ã™ã€‚ ã—ã‹ã—ã€æœ€
puzzeljp 2012/04/04
webåˆ¶ä½œ

photoshop
ãƒªãƒ³ã‚¯
javascriptã§ä½œã£ãŸã€ãƒ•ãƒ«ãƒ•ãƒ©ãƒƒã‚·ãƒ¥ã®ã‚ˆã†ãªã‚µã‚¤ãƒˆæ•™ãˆã¦ãã ã•ã„ã€‚
Asiance _Your Digital Ag... / Tatchies / jittoä»–...å…¨21ä»¶
puzzeljp 2012/03/13
webãƒ‡ã‚¶ã‚¤ãƒ³

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
A personal exploration of design, technology, &Â rebellion.
A personal exploration of design, techno logy, &Â rebellion. Design by undesign. Simplicity is polarizing. Simple is hard. Resisting the urge to add more. How to stand out online. The cost of overwhelming uniform ity in web design. Back to basics. Going â€œbuildâ€“step freeâ€ for a handcrafted experience. Portfolio Most recent work. Thanks for visiting, â€“ joshua
puzzeljp 2012/03/02
jQuery

css3

webåˆ¶ä½œ

html5
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
puzzeljp 2012/02/16
Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã€ã‚¹ãƒžãƒ›ç”¨ãƒšãƒ¼ã‚¸ã€‘ä½Žè§£åƒåº¦ã€é«˜è§£åƒåº¦ç«¯æœ«ã®ã©ã¡ã‚‰ã§ã‚‚ãã£ãã‚Šç¶ºéº—ã«è¡¨ç¤ºã—ã¤ã¤ã€å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚
ã“ã‚“ã«ã¡ã¯ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã®æž—ã§ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹éš›ã€æ¨ªå¹…ã´ã£ãŸã‚Šã«ã—ãŸã„ã¨æ€ã„ã¾ã›ã‚“ã‹ã€‚ meta viewport ã¨ã„ã†ã‚¿ã‚°ã‚’ä½¿ãˆã°è¡¨ç¤ºã‚µã‚¤ã‚ºã‚’èª¿æ•´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ãã‚Œã‚’ä½¿ã£ãŸã¨ã—ã¦ã‚‚ã€Android / iPhone ã¯ç«¯æœ«ã«ã‚ˆã‚Šæ¨ªå¹…ãŒé•ã†ãŸã‚å€‹åˆ¥ã«æœ€é©åŒ–ã™ã‚‹ã®ã¯é¢å€’ã§ã™ã€‚ ã‚¹ãƒžãƒ›ç«¯æœ«ã”ã¨ã«ã‚³ãƒ¼ãƒ‰ã‚’åˆ†ã‘ã‚‹ã“ã¨ãªãå¸¸ã«å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚Šã¾ã—ãŸã€‚ ã“ã¡ã‚‰ã‚’å‚è€ƒã«çµ„ã‚“ã§ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰ï¼ˆãƒ’ãƒ³ãƒˆä»˜ãï¼‰ ã“ã¡ã‚‰ã® HTML ã‚³ãƒ¼ãƒ‰ã‚’ä¸¸ã£ã¨ã‚³ãƒ”ãƒšã—ã¦ä¿®æ£ã—ã¦ã„ãã¨æ¥½ã ã¨æ€ã„ã¾ã™ã€‚ è¿½è¨˜ï¼š ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãƒ•ãƒªãƒ¼ã§ã™ã€‚è‡ªç”±ã«ä½¿ã£ã¦ãã ã•ã„ã€‚ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
puzzeljp 2012/02/06
webåˆ¶ä½œ

viewport
ãƒªãƒ³ã‚¯
Nutspress
Since I have continued doing what I like, it is now work. æƒ…å ±ã‚’é›†ã‚ã‚‹ãŸã‚ã«å§‹ã‚ãŸãƒ–ãƒã‚°ï¼ˆNutspressï¼‰ã‚‚è¶£å‘³ã®å†…å®¹ãŒå¤šãã‚’å ã‚ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã‚¦ã‚§ãƒ–é–¢é€£ä¼æ¥ã«å‹¤ã‚ã‚‹å‚ã‚‰ã§å§‹ã‚ãŸã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚¹ã‚¯ãƒ©ãƒƒãƒ—ãƒ‡ã‚¶ã‚¤ãƒ³ãŒä»Šã‚„æœ¬æ¥ã¨ãªã‚Šã€Yoshiko designsï¼ˆ445designs.comï¼‰ã¨ã—ã¦æ´»å‹•ã•ã›ã¦ã„ãŸã ã„ã¦ã„ã¾ã™ã€‚ 2015å¹´ã‚ˆã‚Šç”°èˆŽæš®ã‚‰ã—ã¨ç§°ã—ã¦å…µåº«çœŒã«ç§»ã‚Šä½ã¿ã€ä¸ä¾¿ã ã‘ã©è±Šã‹ãªè‡ªç„¶ã«å›²ã¾ã‚Œã¦ãƒ‡ã‚¸ã‚¿ãƒ«ã ã‘ã§ã¯ãªã„æ‰‹ä»•äº‹ã‚’å°‘ã—å§‹ã‚ã¦ã„ã¾ã™ã€‚ãã®æ§˜åã¯ä¸¹å±±æ³¢ â€“ ç”°èˆŽæš®ã‚‰ã—ã®ä¸ã‹ã‚‰ç”Ÿã¾ã‚Œã‚‹æ–°ã—ã„ãƒ¢ãƒŽã‚„ã‚³ãƒˆã§ç¶´ã£ã¦ã„ã¾ã™ã€‚ å…¨ã¦ã®ã“ã¨ã¯ã€Œå¥½ãã€ã‹ã‚‰å§‹ã¾ã‚Šã¾ã™ã€‚ã€‚ã€‚
puzzeljp 2012/02/02
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Loading...
puzzeljp 2012/01/19
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
IE7 ãŒæ»ã‚“ã ã‚‰ã§ãã‚‹ã„ãã¤ã‹ã®ã“ã¨ï¼ˆ caniuse.com ã‹ã‚‰è¦‹ç¹•ã£ãŸã ã‘ï¼‰ - oogatta ã®ãƒ–ãƒã‚°
IE6 ã¸ã®å¯¾å¿œãŒä¸€æ®µè½ã—ãŸæ˜¨ä»Šã€ IE7 ã‚‚ã„ã‚ˆã„ã‚ˆäº‹å®Ÿä¸Šå¸‚å ´ã‹ã‚‰å§¿ã‚’æ¶ˆã™æ—¥ãŒè¿‘ã¥ã„ã¦ããŸã‚ˆã†ã§ã™ã€‚flickr ãŒä»Šå¹´ä»¥é™ãƒªãƒªãƒ¼ã‚¹ã™ã‚‹æ–°æ©Ÿèƒ½ã«ã¦ IE7 ã‚’ã‚µãƒãƒ¼ãƒˆã—ãªã„ã“ã¨ã‚’è¡¨æ˜Žã—ã¾ã—ãŸã€‚ç§ã®å‹¤å‹™å…ˆã§ã‚‚ã€ä»Šã‚‚ã®ã™ã”ã„å‹¢ã„ã§ IE7 ã®ã‚·ã‚§ã‚¢ãŒä½Žä¸‹ã—ã¦ãŠã‚Šã€ä»Šå¹´ã®å¤ã‹ã‚‰å†¬ã«ã‹ã‘ã¦ã€ä»Šã® IE6 ã¨åŒã˜ãã‚‰ã„ã®ã‚·ã‚§ã‚¢ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„å‹¢ã„ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ IE ã®æœ€ä½Žå‹•ä½œä¿è¨¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒ 7 ã‹ã‚‰ 8 ã«ãªã£ãŸã‚‰ä½•ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã®ã‹ã€åƒ•ã‚‰ã® caniuse.com ã‚’è¦‹ã¦ã–ã£ã¨æ´—ã„å‡ºã—ã¦ã¿ã¾ã—ãŸã®ã§ã”å‚ç…§ãã ã•ã„ã€‚ CSS inline-block display:inline-block ãŒä½¿ãˆã¾ã™ã€‚IE 6/7 ã§ã¯ "display:inline; zoom:1;" ã§ä»£ç”¨ã—ã¦ã„ãŸã¨æ€ã„ã¾ã™ã€‚ Table Display display:table ã€ display:t
puzzeljp 2012/01/16
IE7

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¿ã‚¤ãƒ ãƒ†ãƒ¼ãƒ–ãƒ«
â€œã‚¿ã‚¤ãƒ ãƒ†ãƒ¼ãƒ–ãƒ«â€ ã¸ã®42ä»¶ã®ã‚³ãƒ¡ãƒ³ãƒˆ ãƒ”ãƒ³ãƒãƒƒã‚¯: ç ´æ»…æ´¾å…«å·è²©å£²é–‹å§‹ã¨WordCamp Tokyoå‚åŠ | é«˜æ©‹æ–‡æ¨¹.com ãƒ”ãƒ³ãƒãƒƒã‚¯: Â» WordCamp Tokyo 2011 ã§å¾—ã‚‰ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã“ã¨ ja.naoko.cc ãƒ”ãƒ³ãƒãƒƒã‚¯: ã‚»ãƒƒã‚·ãƒ§ãƒ³ï¼†ã‚¹ãƒ”ãƒ¼ã‚«ãƒ¼ç™ºè¡¨ã€€ç¬¬ä¸‰å¼¾ | WordCamp Tokyo 2011 ãƒ”ãƒ³ãƒãƒƒã‚¯: WordCamp Tokyo 2011 ãŒé–‹å‚¬ã•ã‚Œã¾ã™ : candycane development blog ãƒ”ãƒ³ãƒãƒƒã‚¯: WordCampæ±äº¬2011ã«ã‚¹ãƒãƒ³ã‚µãƒ¼ã¨ã—ã¦å‚åŠ ã•ã›ã¦ã„ãŸã ãã¾ã™ | é•·å²¡ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œã¨Webã‚µã‚¤ãƒˆä½œæˆã®ã“ã¨ãªã‚‰æ–°æ½ŸçœŒé•·å²¡å¸‚ã®æ ªå¼ä¼šç¤¾FUCOã«ãŠã¾ã‹ã›ãã ã•ã„ ãƒ”ãƒ³ãƒãƒƒã‚¯: WordCamp Tokyo 2011ã®ãƒ©ã‚¤ãƒˆãƒ‹ãƒ³ã‚°ãƒˆãƒ¼ã‚¯ã«å‚åŠ ã—ã¾ã™ã€‚ | ã®ã£ã¡ã®ã®ã¡ãƒã‚¿ ãƒ”ãƒ³ãƒãƒƒã‚¯: WordCamp Tok
puzzeljp 2012/01/09
WordPress

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ã®é‹å–¶ã§ã‚ˆãä½¿ã„ãã†ãª.htaccessã®è¨å®šã®ã¾ã¨ã‚
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ã®é‹å–¶ã§ã‚ˆãä½¿ã„ãã†ãªä¾¿åˆ©ãª.htaccessã®è¨å®šã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã†ã„ã†ã¾ã¨ã‚ã¯å®šæœŸçš„ã«ã‚ãŒã£ã¦ãã¾ã™ãŒã€ã‚„ã£ã±ã‚Šå¿…è¦ãªã®ã§ã‚·ã‚§ã‚¢ã—ã¾ã™ã€‚ 10 useful .htaccess snippets to have in your toolbox [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ URLã‹ã‚‰wwwã‚’å‰Šé™¤ hotlinkingã®é˜²æ¢ feedã‚’feedbunnerã«ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆ ã‚«ã‚¹ã‚¿ãƒ ã‚¨ãƒ©ãƒ¼ãƒšãƒ¼ã‚¸ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã®å‡¦ç† PHPã®ã‚¨ãƒ©ãƒ¼ã®ãƒã‚° URLã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã®æ‹¡å¼µåã‚’å‰Šé™¤ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã®ãƒ•ã‚¡ã‚¤ãƒ«ãƒªã‚¹ãƒˆã‚’è¦‹ã›ãªã„ ãƒ•ã‚¡ã‚¤ãƒ«ã‚’åœ§ç¸®ã—ã¦è»½é‡åŒ– æ–‡å—ã‚³ãƒ¼ãƒ‰ã®æŒ‡å®š URLã‹ã‚‰wwwã‚’å‰Šé™¤ SEOãªã©ã®ç†ç”±ã§ã€URLã‹ã‚‰wwwã‚’å‰Šé™¤ã—ã¦ä½¿ã†ã“ã¨ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã“ã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¯ã€ã‚ãªãŸã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«wwwä»˜ãã§ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ãã¦ã‚‚wwwç„¡ã—ã«å‘
puzzeljp 2011/12/27
webåˆ¶ä½œ

ã¾ã¨ã‚

.htaccess
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆåˆ¶ä½œã®çµ‚ã‚ã‚Šã¨å§‹ã¾ã‚Š
12æœˆ10æ—¥ã«å¹´æœ«å¥½ä¾‹ã®ã‚¤ãƒ™ãƒ³ãƒˆ CSS Nite Shift ãŒé–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚Webã‚µã‚¤ãƒˆåˆ¶ä½œã«é–¢ã‚ã‚‹æ§˜ã€…ãªã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã«è§¦ã‚ŒãªãŒã‚‰1å¹´ã‚’æŒ¯ã‚Šè¿”ã‚‹ã“ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚‚æ—¢ã«5å›žç›®ã€‚ä»Šå¹´ã¯ã€Œæˆ‘ã€…ãŒçŸ¥ã‚‹ä¸–ç•Œã®çµ‚ã‚ã‚Šï¼ˆã‘ã©å¤§ä¸ˆå¤«ï¼‰ã€ã¨é¡Œã—ã€Web ã«é–¢ã‚ã‚‹ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«é”ãŒã€ä»Šå¾Œã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚„åˆ©ç”¨è€…ã«å‘ã‘ã¦ã©ã®ã‚ˆã†ãªä¾¡å€¤ã‚’æä¾›ã§ãã‚‹ã®ã‹ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§è©±ã‚’ã—ã¾ã—ãŸã€‚ Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã“ã¨ãŒç›®çš„ã«ãªã£ã¦ã„ãªã„ã‹ ã„ã¤ã®é–“ã«ã‹ã€å…¬å¼ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦å…¬é–‹ã™ã‚‹ã“ã¨ãŒå½“ãŸã‚Šå‰ã«ãªã£ã¦ã„ã‚‹ä»Šæ—¥ã€‚CMS ãŒåºƒãå°Žå…¥ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ããŸé ƒã‹ã‚‰ã€ã€Œã¨ã‚Šã‚ãˆãšä½œã‚‹ã€ã¨ã„ã†å‚¾å‘ãŒå¼·ããªã£ãŸå°è±¡ãŒã‚ã‚Šã¾ã™ã€‚ã‚·ã‚¹ãƒ†ãƒ ã‚’ä¸Šæ‰‹ãæ´»ç”¨ã™ã‚Œã°ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ã‚ã¨ã§å¾Œã§æµã—è¾¼ã‚ã‚‹ã®ã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒæƒã†å‰ã«ä½œã‚Œã‚‹ï¼ˆè£…é£¾ã‚’ã™ã‚‹ï¼‰ã¨ã„ã†è€ƒãˆãŒå®šç€ã—ãŸã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ä½œã‚‹ã“ã¨ãŒç›®çš„ã«ãªã£ã¦ã„ã‚‹ã‹ã‚‰ã“ãã€Web ã‚µã‚¤ãƒˆåˆ¶ä½œã«ãŠã‘ã‚‹ä¾¡å€¤ã‚‚ä½œã‚‹ãŸ
puzzeljp 2011/12/12
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
2011å¹´Webåˆ¶ä½œè€…ã®äººæ°—ã‚’é›†ã‚ãŸWebãƒ‡ã‚¶ã‚¤ãƒ³Top50ï¼ˆå›½å†…ç·¨ï¼‰
Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ³ã‚¯é›†ãƒ»ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ ... / UNIQLO / HOTEL ANTEROOM KYOTOä»–...å…¨51ä»¶ Webãƒ‡ã‚¶ã‚¤ãƒ³å°‚ç”¨ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚µãƒ¼ãƒ“ã‚¹ã€Œstraightline bookmarkã€ã‹ã‚‰ã€2011å¹´ã«Webåˆ¶ä½œè€…ã®äººæ°—ã‚’é›†ã‚ãŸWebã‚µã‚¤ãƒˆTop50ã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚
puzzeljp 2011/12/08
webåˆ¶ä½œ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSæ‹¡å¼µãƒ¡ã‚¿è¨€èªžã€ŒSCSS(Sass)ã€ã¨ã€ŒLESSã€ã®æ¯”è¼ƒ - (DxD)âˆž
CSSã‚’æ‹¡å¼µã™ã‚‹ãŸã‚ã®ãƒ¡ã‚¿è¨€èªžã¨ã—ã¦ã€ä»£è¡¨çš„ãªã‚‚ã®ã«ã€ŒSCSS(Sass)ã€ã¨ã€ŒLESSã€ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã€å°Žå…¥ã‚’æ¤œè¨Žã™ã‚‹ã«ã‚ãŸã‚Šã€ä¸¡è€…ã‚’æ¯”è¼ƒã—ã¾ã—ãŸã€‚ çµæžœçš„ã«ã¯ã€ã€ŒSCSS(Sass)ã€ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸãŒã€ç‰¹ã«ã€ŒSCSS(Sass)ã€ã‚’é¸æŠžã™ã‚‹æ±ºã‚æ‰‹ã¨ãªã£ãŸç‚¹ã«é‡ç‚¹ã‚’ç½®ãã¤ã¤ã€ä¸¡è€…ã®é•ã„ã‚’ã¾ã¨ã‚ã¾ã¦ã¿ã¾ã—ãŸã€‚ ã¯ã˜ã‚ã« Webã‚µã‚¤ãƒˆã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¤§è¦æ¨¡ã«ãªã‚‹ã«ã¤ã‚Œã¦ã€CSSã®è¨è¨ˆãƒ»ç®¡ç†ã«ã‚‚ãƒªã‚½ãƒ¼ã‚¹ã‚’å‰²ã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚CSSã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã«ã‚ˆã‚‹å†åˆ©ç”¨æ€§ã‚’è€ƒãˆãŸã¨ãã€ç¾çŠ¶ã®CSSã‚’å–ã‚Šå·»ãçŠ¶æ³ã¯ååˆ†ã¨ã¯è¨€ãˆã¾ã›ã‚“ã€‚ ä¸€ã¤ã®é¸æŠžè‚¢ã¨ã—ã¦ã‚ãŒã‚‹ã®ãŒã€ŒBlueprintã€ã‚„ã€Œ960 Glid Systemã€ç‰ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®åˆ©ç”¨ã§ã™ãŒã€ãã®å†åˆ©ç”¨æ€§ã¨æ§‹é€ ãƒ»è¡¨ç¾ã®åˆ†é›¢åº¦ã¯ãƒˆãƒ¬ãƒ¼ãƒ‰ã‚ªãƒ•ã§ã™ã€‚ ãã“ã§ã€CSSã®åˆ©ç‚¹ã‚’æ´»ã‹ã—ã¤ã¤ã€å†åˆ©ç”¨æ€§ã‚’é«˜ã‚ã‚‹ãŸã‚ã«
puzzeljp 2011/12/03
webåˆ¶ä½œ

less

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