[B! webdev] browneyesã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

browneyes id:browneyes

webdevã«é–¢ã™ã‚‹browneyesã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (60)

${{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ã®font-sizeãŒ%ã¨ã‹emã¨ã‹remã¨ã‹vwã§æŒ‡å®šã•ã‚Œã¦ã‚‹ã¨ã€ãƒ“ãƒ“ã£ã¡ã‚ƒã†å›ã¨åƒ•ã‚’æ•‘ã†2åˆ† - Qiita
ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ è¿½è¨˜ 2020å¹´10/15 ã“ã®æ³ã«ãªã‚‹ã¨ã“ã†ã„ã†è¨˜äº‹ã®ã‚¢ãƒ—ãƒˆãƒ—ãƒƒãƒˆæ€–ã„ã§ã™ãã€‚ã€‚ ã¨ã‚Šã‚ãˆãšå‘¨ã‚Šè¦‹ã¦ã‚‹ã¨ã€ã“ã†ã‚„ã£ã¦ã‚‹äººå¤šã„ã§ã™ html,body{ font-size:62.5%; } ã£ã¦æ›¸ã„ã¦ã‚ã’ã¦ã€€ãã†ã™ã‚‹ã¨ 1.0rem ãŒ 10pxã«ãªã‚‹ã¿ãŸã„ã€‚ ãã‚“ã§ä¾‹ãˆã°24pxã«ã—ãŸã„å ´åˆã¯2.4remã£ã¦æŒ‡å®šã—ã¦ã‚ã’ã‚‹ã¿ãŸã„ã€‚ ä»¥ä¸Šã€‚ ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ ã„ã¾ã ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–æ€–ã„ã€ã€ã€ã€ã€‚ ãªãœãªã‚‰%ã¨ã‹emã¨ã‹remã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºæŒ‡å®šãŒã‚ã‚‹ã‹ã‚‰ã€‚ã€‚ã€‚ ã“ã‚Œã‚‰ã‚’ãªã‚“ã¨ãªãã§ã—ã¦ã‚‹äººã€‚ é€”ä¸ã§å¼•ãç¶™ã„ã æ¡ˆä»¶ã¨ã‹ã§pxä»¥å¤–ãŒæŒ‡å®šã•ã‚Œã¦ã¦ãƒ“ãƒ“ã£ã¦ã—ã¾ã£ãŸ åƒ•ã¨ã‚ãªãŸã¸æ§ã’ã¾ã™ã€‚ ðŸ˜ å¤§å‰æ CSSã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºæŒ‡å®šæ–¹æ³•ã¯æ¬¡ã®2ã¤ã«åˆ†é¡ž çµ¶å¯¾å€¤ï¼ˆabsoluteï¼‰....16pxã£ã¦è¨€ã£ãŸã‚‰çµ¶å¯¾16px ç›¸å¯¾å€¤ï¼ˆrelativeï¼‰....è¦ªè¦ç´ ã®ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦å¯å¤‰
browneyes 2020/05/12
webdev
ãƒªãƒ³ã‚¯
CSSã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«æ›¸ãã“ã¨ãŒã§ãã‚‹LESSä½¿ã£ã¦ã¿ãŸ
CSSã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«æ›¸ãã“ã¨ãŒã§ãã‚‹LESSä½¿ã£ã¦ã¿ãŸ CSSã¯ã‚·ãƒ³ãƒ—ãƒ«ãªã®ã§ã¨ã¦ã‚‚ã‚ã‹ã‚Šã‚„ã™ã„è¨€èªžã§ã¯ã‚ã‚Šã¾ã™ãŒã€ãã®åˆ†ã‚µã‚¤ãƒˆãŒè‚¥å¤§åŒ–ã—ã¦ã„ãã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ãŒæ‚ªããªã‚Šã¾ã™ãã€‚ LESSã‚’ä½¿ãˆã°ãƒ—ãƒã‚°ãƒ©ãƒ çš„ãªæ›¸ãæ–¹ãŒã§ãã‚‹ã®ã§ã€ãƒ ãƒ€ãªãåŠ¹çŽ‡çš„ã«ç®¡ç†ã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚ æŠ•ç¨¿æ—¥2011å¹´12æœˆ13æ—¥ æ›´æ–°æ—¥2011å¹´12æœˆ13æ—¥ ãƒã‚¹ãƒˆï¼ˆéšŽå±¤ï¼‰åŒ–ã§ãã‚‹ ãŸã¨ãˆã°ã“ã‚“ãªCSSãŒã‚ã‚Šã¾ã™ã€‚ css div.section { width: 500px; margin: 0 auto; border: solid 1px #999; padding: 1px; } div.section h3 { background: #999; font-size: 131%; padding: 10px; } div.section h3 a { color: #fff; } div.section h3 a
browneyes 2011/12/14
webdev

css

tools

useful

resources
ãƒªãƒ³ã‚¯
deck.js Â» Modern HTML Presentations
<div class="deck-container on-slide-1"> <section class="slide deck-previous"> <h1>My Presentation</h1> </section> <section class="slide deck-current"> <h2>Slide Header</h2> <p>Here is a list of points:</p> <ul> <li>Point 1</li> <li>Point 2</li> <li>Point 3</li> </ul> </section> <section class="slide deck-next"> <h2>Another Slide</h2> <blockquote cite="http://example.com"> <p>Lorem ipsum dolor sit
browneyes 2011/12/13
å‰ã«ã‚‚ã‚‚ã£ï½”ã‚·ãƒ³ãƒ—ãƒ«ãªã®ã‚ã£ãŸã‘ã©ã€ã‚¹ãƒ†ã‚JSã¨CSSãƒ—ãƒªãƒ¡ã‚¤ãƒ‰ã®HTMLãƒ™ãƒ¼ã‚¹ãªãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã€‚ã“ã‚Œã¯ã‚ˆã„ã€‚

webdev

presentation

tools

jquery

JavaScript

useful
ãƒªãƒ³ã‚¯
Page not found
404 Sorry! that page can not be found... The URL was either incorrect, you took a wrong guess or there is a technical probl em.
browneyes 2011/12/13
webdev

jquery

JavaScript

plugins

zoom
ãƒªãƒ³ã‚¯
http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=1229920
browneyes 2011/12/02
webdev

meta
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã®ãŸã‚ã®PHPãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å…¥é–€ - libro
â€»ãƒšãƒ¼ã‚¸ãŒæ£å¸¸ã«è¡¨ç¤ºã•ã‚Œãªã„å ´åˆ AddBlockãªã©ã®åºƒå‘Šãƒ–ãƒãƒƒã‚¯ãƒ„ãƒ¼ãƒ«ãŒONã«ãªã£ã¦ã„ã‚‹ã¨ã€ãƒšãƒ¼ã‚¸ã®ä¸€éƒ¨ãŒè¡¨ç¤ºã•ã‚Œãªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã‚‰ã®ãƒ„ãƒ¼ãƒ«ã‚’OFFã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚
browneyes 2011/10/10
webdev

php

references

programming
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ãƒ¡ãƒ¼ãƒ«2 - PHPã‚¹ã‚¯ãƒªãƒ—ãƒˆ | ã‚µã‚¤ãƒˆä½œã‚Šã®å°å½¹ç«‹ã¡å·¥æˆ¿
sf ormmail.php ã€æœ¬ä½“ã€‘ sfm_config.php ã€è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã€‘ sf ormmail.css ã€å…±é€šCSSã€‘ sfm_form.html ã€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ç”¨ã€‘ sfm_confirm.html ã€ç¢ºèªç”»é¢ç”¨ã€‘ sfm_completion.html ã€é€ä¿¡å®Œäº†ç”»é¢ã€‘ sfm_mail_tmpl.php ã€ãƒ¡ãƒ¼ãƒ«é€ä¿¡ç”¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‘ sfm_reply_tmpl.php ã€è‡ªå‹•è¿”ä¿¡ç”¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‘ /utf-8 ã€UTF-8ç”¨ã‚µãƒ³ãƒ—ãƒ«ã€‘ /shift_jis ã€SHIFT_JISç”¨ã‚µãƒ³ãƒ—ãƒ«ã€‘ ã”åˆ©ç”¨ã®éš›ã¯ã€è¨å®šãƒ•ã‚¡ã‚¤ãƒ«åŠã³ä»˜å±žã®HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’å‚è€ƒã«ã—ã¦ä¸‹ã•ã„ã€‚ ç¾åœ¨ã€è‡ªå®…ç’°å¢ƒã¨ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒã€Œhetemlã€ã§å‹•ä½œç¢ºèªã—ã¦ã„ã¾ã™ã€‚ PHPã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚„ç’°å¢ƒã«ã‚ˆã£ã¦ã¯å‹•ä½œã—ãªã„å¯èƒ½æ€§ãŒã‚ã‚‹ã“ã¨ã‚’ã”äº†æ‰¿ä¸‹ã•ã„ã€‚ â€»ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.xxã¨ã¯å„ç¨®ãƒ•ã‚¡ã‚¤ãƒ«ã«äº’æ›æ€§ãŒã‚ã‚Šã¾ã›ã‚“ã®ã§ã”æ³¨
browneyes 2011/10/10
webdev

php

scripts

<form>

form

email

free
ãƒªãƒ³ã‚¯
ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹æš—å·åŒ–(ãƒ¡ãƒ¼ãƒ«æš—å·åŒ–ãƒ„ãƒ¼ãƒ«)
<a href="mailto:abc-xyz@yahoo.co.jp">abc-xyz@yahoo.co.jp</a> â†“ <script type="text/javascript"> <!-- function converter(M){ var str="", str_as=""; for(var i=0;i<M.length;i++){ str_as = M.charCodeAt(i); str += String.fromCharCode(str_as + 1); } return str; } function mail_to(k_1,k_2) {eval(String.fromCharCode(108,111,99,97,116,105,111,110,46,104,114,101,102, 32,61,32,39,109,97,105,108,116,111,58) +
browneyes 2011/10/07
webdev

email

encrypt

JavaScript
ãƒªãƒ³ã‚¯
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
browneyes 2011/10/07
webdev

facebook
ãƒªãƒ³ã‚¯
XAMPPã®è¨å®š(ãƒãƒ¼ãƒãƒ£ãƒ«ãƒ›ã‚¹ãƒˆãªã©)ã‚’åˆ¥ãƒ•ã‚©ãƒ«ãƒ€ã«åˆ†ã‘ã‚‹æ–¹æ³• - (DxD)âˆž
Apacheã®è¨å®š Apacheã®è¨å®šã¯ã€ŒXAMPPãƒ•ã‚©ãƒ«ãƒ€\apache\conf\httpd.confã€ã«è¨˜è¿°ã•ã‚Œã¦ã„ã¾ã™ã€‚è¨å®šã‚’è¿½åŠ ãƒ»ä¸Šæ›¸ãã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã«ã€ã€ŒXAMPPãƒ•ã‚©ãƒ«ãƒ€\apache\conf\httpd.confã€ã®æœ€å¾Œã«Includeãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã‚’è¿½åŠ ã—ã¾ã™ã€‚ Include "D:/My Documents/xampp/apache/conf/httpd.conf" è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã€ŒD:\My Documents\xampp\apache\conf\httpd.conf"ã€ãŒè¿½åŠ ã§èªã¿è¾¼ã¾ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãƒ«ãƒ¼ãƒˆã®è¨å®š ã€Œãƒ‡ãƒ¼ã‚¿ãƒ•ã‚©ãƒ«ãƒ€\apache\conf\httpd.confã€ã‚’æ–°è¦ä½œæˆã—ã€ã“ã“ã«ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãƒ«ãƒ¼ãƒˆã®è¨å®šã‚’è¿½åŠ ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®è¨å®šã‚’ä¸Šæ›¸ãã—ã¾ã™ã€‚ã¾ãŸã€å¤–éƒ¨ã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚‚ç¦æ¢ã—ã¦ãŠãã¾ã™ã€‚ DocumentRoot "D:/M
browneyes 2011/10/06
webdev

xampp

setting

resources
ãƒªãƒ³ã‚¯
CSS3ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ä»˜ã‘ã¦ãã‚Œã‚‹æ‰‹è»½ã§è»½é‡ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»cssFx.js - ã‹ã¡ã³ã¨.net
ä¹…ã—ã¶ã‚Šã«ã‹ãªã‚Šä¾¿åˆ©ãã†ãªæ°—ãŒã—ãŸ ã®ã§å‚™å¿˜éŒ²ã€‚CSS3ã§å„ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œ ã•ã›ã‚‹ãŸã‚ã«åŠ ãˆã‚‹ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ è‡ªå‹•ã§ä»˜ã‘ã¦ãã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ å°†æ¥çš„ã«CSS3ã®ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¯ä»˜ã‘ ã‚‹å¿…è¦ãŒç„¡ããªã‚‹ã®ã§ãã†ãªã£ãŸã‚‰ ã“ã‚Œã‚’å¤–ã›ã°ã„ã„ã ã‘ã§ã™ãã€‚ ä½¿ã„æ–¹ã‚‚ã™ã”ãç°¡å˜ã§3.7KBã¨è»½é‡ã§ã™ã€‚cssãŒç®¡ç†ã—ã«ããã¦å›°ã£ã¦ã‚‹æ–¹ã¯æ¤œè¨Žã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã€‚ã¾ãŸã€jQueryã‚„mootoolsã®ã‚ˆã†ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã—ãªã„ã®ã‚‚ç´ æ•µã§ã™ãã€‚ åœ°å‘³ã«ã„ã„ã‹ã‚‚ã€‚CSSPrefixerã¿ãŸã„ã«ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ä»˜ã‘ã¦ãã‚Œã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã¯ã„ãã¤ã‹å˜åœ¨ã—ã¾ã™ãŒã€ã“ã†ã„ã†ã®ãŒã‚ã‚‹ã®ã¯å¤šãã®äººãŒé¢å€’ã ã¨æ€ã£ã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã—ãã€‚ã“ã‚Œã‚’ã€jsã§ä»˜ã‘ã‚ˆã†ãœã€ã¨ã„ã†ã®ãŒcss Fx.jsã§ã™ã€‚ ä½•ã‚ˆã‚Šã€å°†æ¥çš„ã«ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¯ä¸è¦ã«ãªã‚‹ã®ã§ã€ãã®ã¨ãã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚‚ã“ã‚Œã«ã—ã¦ãŠã‘ã°ã€å¤–ã™ã ã‘ã§æ¸ˆã‚€ã®ã§æ¥½ã§ã™ã‚ˆãã€‚ C
browneyes 2011/10/05
webdev

CSS3

JavaScript
ãƒªãƒ³ã‚¯
CSS4ã‚»ãƒ¬ã‚¯ã‚¿ (Selectors Level 4) ã®æ–°æ©Ÿèƒ½
2018-08-01æ›´æ–°ï¼šã™ã£ã‹ã‚Šå¤ããªã£ã¦ã—ã¾ã£ãŸã“ã¨ã‚‚ã‚ã‚Šå‰Šé™¤ã—ã¾ã™ã€‚å…¬é–‹ã•ã‚Œã¦ã„ãŸæ–‡ç« ã‚’èªã¿ãŸã„å ´åˆã¯ã€GitHubã®å±¥æ´ã‚’ãŠèªã¿ãã ã•ã„ã€‚ã‚»ãƒ¬ã‚¯ã‚¿ Level 4ä»•æ§˜ ã®æ©Ÿèƒ½ã‚’çŸ¥ã‚ŠãŸã„å ´åˆã¯ã€ä»•æ§˜æ›¸ã‚‚ã—ãã¯æœ‰å¿—ã«ã‚ˆã‚‹æ—¥æœ¬èªžè¨³ã‚’ã”è¦§ãã ã•ã„ã€‚
browneyes 2011/09/30
webdev

css

css4
ãƒªãƒ³ã‚¯
ZURB - Spur
Spur is Retired! Itâ€™s all good though, weâ€™ve got bigger and better things in store for you! Check Out Helio Spur's FAQ A little app from ZURB that helps you critique your web designs, giving you that kick you need to make them better. Why? Classic design principles still prove true today, but there are no good tools out there to help you apply them on the web. Spur helps you apply those principles
browneyes 2011/09/12
"A fun and easy way to critique your visual design."

webdev

design

tools
ãƒªãƒ³ã‚¯
ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ç³»æŠ€è¡“æ›¸ã‚’ç„¡æ–™ã§èªã‚ã‚‹ã‚µã‚¤ãƒˆã¾ã¨ã‚ - æƒ…å ±ç§‘å¦å±‹ã•ã‚“ã‚’ç›®æŒ‡ã™äººã®ãƒ¡ãƒ¢ï¼ˆFC2ãƒ–ãƒã‚°ç‰ˆï¼‰
ä½•ã‹ã®ã‚„ã‚Šæ–¹ã‚„ã€å•é¡Œã®è§£æ±ºæ–¹æ³•ã‚’ã©ã‚“ã©ã‚“ãƒ¡ãƒ¢ã™ã‚‹ãƒ–ãƒã‚°ã€‚ãã‚“ãªå¤§å¦é™¢ç”Ÿã®æ´»å‹•ã€Œã‚ãƒ£ãƒƒã‚·ãƒ¥ã€ã«èª°ã‹ãŒãƒ’ãƒƒãƒˆã—ã¦ãã‚Œã‚‹ã“ã¨ã‚’ç¥ˆã£ã¦ã€‚ ç‰¹ã«æŽ¢ã™ã¤ã‚‚ã‚Šã¯ãªã‹ã£ãŸã‘ã©ã€æŠ€è¡“æ›¸ã‚’ç„¡æ–™ã§èªã‚ã‚‹ã‚µã‚¤ãƒˆã«è¤‡æ•°éé‡ã—ãŸã®ã§ã€å‡ºä¼šã£ãŸåˆ†ã ã‘ã§ã‚‚ã¨ã¾ã¨ã‚ã¦ã¿ãŸã€‚ç„¡æ–™ã§èªã‚ã‚‹ã‚µã‚¤ãƒˆã¨è¨€ã£ã¦ã‚‚ã€åŸºæœ¬çš„ã«ã¯ç„¡æ–™å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ã¸ã®ãƒªãƒ³ã‚¯é›†ã¨ã„ã†å½¢ã€‚ O'REILLY Open Books http://oreilly.com/openbook/ ãƒªãƒ³ã‚¯å…ˆã®å³ã«ã‚ã‚‹ãƒªãƒ³ã‚¯ã®æ›¸ç±ãŒç„¡æ–™ã€‚å·¦ã®ã‚¸ãƒ£ãƒ³ãƒ«åˆ†ã‘ã¯é€šå¸¸ã®æ›¸ç±ä¸€è¦§ãªã®ã§æ³¨æ„ã€‚ä»–ã®ã‚µã‚¤ãƒˆã«æ¯”ã¹ã‚‹ã¨ã ã„ã¶å°‘ãªã„ã€‚ O'REILLY Open Feedback Publishing System (OFPS) http://ofps.oreilly.com/ å‡ºç‰ˆå‰ã®æ›¸ç±ã‚’å…¬é–‹ã—ã¦ã€ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’å—ã‘ä»˜ã‘ã‚‹ã¨ã„ã†ã‚µã‚¤ãƒˆã€‚ä½œã‚Šã‹ã‘ã®æœ¬ã‚‚å˜åœ¨ã™ã‚‹ãŒã€æœ€æ–°ã®å†…å®¹ãŒèªã‚ã‚‹ã¨
browneyes 2011/09/07
webdev

books

eBooks

references
ãƒªãƒ³ã‚¯
è¦‹è½ã¨ã—ãŒã¡ãªHTML5ã§å¤‰æ›´ã•ã‚ŒãŸè¦ç´ ã„ã‚ã„ã‚
2013å¹´3æœˆ23æ—¥ HTML, Webã‚µã‚¤ãƒˆåˆ¶ä½œ HTML5ã‚’å‹‰å¼·ã—ã¦ã„ã¦ã€section, nav, header, footerãªã©ã®æ–°ã—ãè¿½åŠ ã•ã‚ŒãŸè¦ç´ ã«ã¤ã„ã¦èª¬æ˜Žã—ã¦ã„ã‚‹è¨˜äº‹ã¯ã‚ˆãè¦‹ã‹ã‘ã‚‹ã®ã§ã™ãŒã€HTML5ã§å¤‰æ›´ã•ã‚ŒãŸè¦ç´ ã«ã¤ã„ã¦è§¦ã‚Œã¦ã„ã‚‹è¨˜äº‹ãŒå°‘ãªã„ã‚ˆã†ã«æ„Ÿã˜ãŸã®ã§ã€ã‚ˆãä½¿ã†ã‚‚ã®ã‚’ä¸å¿ƒã«ã¡ã‚‡ã£ã¨ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚æ—¢å˜ã®Webã‚µã‚¤ãƒˆã‚’HTML5åŒ–ã™ã‚‹æ™‚ã¯ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„å†…ã«å¤‰æ›´ã•ã‚ŒãŸãƒ»ã¾ãŸã¯å»ƒæ¢ã•ã‚ŒãŸè¦ç´ ãŒãªã„ã‹ç¢ºèªã™ã‚‹ã“ã¨ã‚‚å¤§åˆ‡ã§ã™ãï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ HTML5ã®åŸºæœ¬ã¯ã“ã“ã‹ã‚‰ãŠå‹‰å¼·ï¼ ã€Œã¨ã“ã‚ã§HTML5ã£ã¦ãªã«ï¼Ÿã€ã¨ã„ã†æ–¹ã¯ã€ã¾ãšã¯ä»¥ä¸‹ã®è¨˜äº‹ã‚’èªã‚“ã§ã¿ã¦ãã ã•ã„ã€‚ã“ã®ã‚ˆã†ã«HTML5ã®åŸºæœ¬ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ã‚‹è¨˜äº‹ã¯ãŸãã•ã‚“ã‚ã‚‹ã®ã§ã€è©³ã—ã„èª¬æ˜Žã¯ä»Šå›žã¯ç«¯æŠ˜ã‚‰ã›ã¦é ‚ãã¾ã™ã€‚å¤‰æ›´ç‚¹ã®ã¿ã«ç„¦ç‚¹ã‚’å½“ã¦ã¾ã™ã‚ˆï¼ Webã®3ã¤ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ã€ŒHTML5ã€ã¨ã¯ä½•ãª
browneyes 2011/09/07
webdev

html5

documents
ãƒªãƒ³ã‚¯
Learn to Code - for Free | Codecademy
Build skills to meet changing business needs with Codecademy Teams â€‹
browneyes 2011/08/20
"Codecademy is the easiest way to learn how to code. It's interactive, fun, and you can do it with your friends."

webdev

javascript

references
ãƒªãƒ³ã‚¯
http://bookbinder.jp/
See related links to what you are looking for.
browneyes 2011/06/03
"ã€ŒBOOKBINDERã€ã¯iPhoneãƒ»iPadå‘ã‘ã®æ›¸ç±ã‚¢ãƒ—ãƒªä½œæˆã‚½ãƒ•ãƒˆã§ã™ã€‚ JPEGã‚„PNGãªã©ã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚„PDFã‹ã‚‰æ›¸ç±åž‹ã®ã‚¢ãƒ—ãƒªã‚’ä½œæˆã™ã‚‹ã‚‚ã®ã§ã€ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ãªã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã‚¢ã‚¤ã‚³ãƒ³ç”¨ã®ç”»åƒã‚’ç”¨æ„ã—ã¦é ‚ã‘ã°ã€ æ›¸ç±ã‚„é›‘èªŒã‚’ç°¡å˜ã«

webdev

eBooks

iphone

ipad
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ã®é‹å–¶ã§ã‚ˆãä½¿ã„ãã†ãª.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ç„¡ã—ã«å‘
browneyes 2011/06/01
webdev

htaccess

resources
ãƒªãƒ³ã‚¯
MdN Designï½œç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
text-shadowã¯ãã®åã®ã¨ãŠã‚Šã€ãƒ†ã‚ã‚¹ãƒˆã«å½±ã‚’ã¤ã‘ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã ã€‚ã†ã¾ãä½¿ãˆã°ç”»åƒã‚’ä½¿ã‚ãšã¨ã‚‚ã€ãƒ†ã‚ã‚¹ãƒˆã‚’éš›ç«‹ãŸã›ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚é‹ç”¨ã®åŠ¹çŽ‡åŒ–ã‚„ã€ãƒ†ã‚ã‚¹ãƒˆã‚³ãƒ”ãƒ¼ãŒã§ãã‚‹ãªã©ãƒ¡ãƒªãƒƒãƒˆã‚‚å¤šã„ã€‚ åŸºæœ¬çš„ãªæŒ‡å®šæ–¹æ³•ã¯ã€ãƒ†ã‚ã‚¹ãƒˆã‹ã‚‰å½±ã¾ã§ã®è·é›¢ï¼ˆç¸¦ã€æ¨ªï¼‰ã¨ã¼ã‹ã—ã‚µã‚¤ã‚ºã€å½±ã®è‰²ã‚’æŒ‡å®šã—ã¦èª¿æ•´ã™ã‚‹ã€1-1ã€‘ã€‚CSS3ã§ã‚ˆãä½¿ã‚ã‚Œã‚‹ã€-moz-ã‚„-webkit-ãªã©ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã®è¨˜è¿°ã¯ã€textshadowã§ã¯å¿…è¦ãªã„ã€‚ã‚«ãƒ³ãƒžã§åŒºåˆ‡ã‚Œã°ã€1ã¤ã®è¦ç´ ã«å¯¾ã—ã¦è¤‡æ•°ã®å½±ã‚’æŒ‡å®šã§ãã‚‹ã€1-2ã€‘ã€‚ã¾ãŸã€å½±ã®è‰²ã¯rgbaï¼ˆåŠé€æ˜Žï¼‰ã§æŒ‡å®šã™ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã€‚å½±ã‚’åŠé€æ˜Žã«ã—ã¦ãŠã‘ã°ã€ã©ã®ã‚ˆã†ãªèƒŒæ™¯è‰²ã§ã‚‚è‡ªç„¶ã«ãªã˜ã¾ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ä¾¿åˆ©ã ã€1-3ã€‘ã€‚ ã€1-1ã€‘ã€Œã¼ã‹ã—ã‚µã‚¤ã‚ºã€ã¨ã€Œå½±ã®è‰²ã€ã¯çœç•¥å¯èƒ½ ã€1-2ã€‘ã‚«ãƒ³ãƒž(,)åŒºåˆ‡ã‚Šã§è¤‡æ•°æŒ‡å®šã§ãã‚‹ã€‚å·¥å¤«æ¬¡ç¬¬ã§è¤‡é›‘ãªè¡¨ç¾ã‚‚å¯èƒ½ã ã€1-3ã€‘ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’r
browneyes 2011/05/18
webdev

html5

CSS3

resources
ãƒªãƒ³ã‚¯
CSSã®ç¶™æ‰¿ã€‚å‹æ‰‹ã«ç¶™æ‰¿ã—ãªã„ã§â€¦ - ã•ããƒšãƒ©
ãªã‚“ã¨ãªãä½¿ã£ã¦ã„ã‚‹ã¨ã¯ã¾ã‚‹CSSã®ç¶™æ‰¿ã«ã¤ã„ã¦ã€ä»Šæœˆå·ã®WebDesigningã§ã¾ã¨ã‚ã¦ã„ãŸã®ã§ã™ãŒã€ã©ã£ã‹ã®ã‚µã‚¤ãƒˆã«è¼‰ã£ã¦ãªã„ã‹ã¨æŽ¢ã—ã¦ã„ãŸã‚‰ã„ã‚ã„ã‚æƒ…å ±ãŒã‚ã‚Šã¾ã—ã¦ã€‚ ã¾ãšã€æœ¬å½“ã«ã‚ã‚Šãˆãªã„ã¨æ€ã†ã®ãŒã€è¦ªã‚¿ã‚°ã®ã‚¹ã‚¿ã‚¤ãƒ«æŒ‡å®šã®ä¸€éƒ¨åˆ†ã ã‘ãŒå‹æ‰‹ã«åã‚¿ã‚°ã«åæ˜ ã•ã‚Œã¦ã—ã¾ã†ã¨ã„ã†ç‚¹ã€‚ ã—ã‹ã‚‚ã€è¦ªã‚¿ã‚°ãŒidå±žæ€§ã§æŒ‡å®šã—ã¦ã„ãŸå ´åˆã€idã®å„ªå…ˆé †ä½ãŒé«˜ã„ãŸã‚ã€æŒ‡å®šã®ä»•æ–¹ã«ã‚ˆã£ã¦ã¯åã‚¿ã‚°ã§ä¸Šæ›¸ãã—ã‚ˆã†ã¨ã—ã¦ã„ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ãŒåæ˜ ã•ã‚Œãªã„ç‚¹ã€‚ ã“ã®ã‚ãŸã‚ŠãŒCSSã‚’é›£ã—ãã•ã›ã¦ã„ã‚‹ã¨ã—ã‹æ€ãˆãªã„ã®ã§ã™ã€‚ ã—ã‹ã‚‚ã€Javaã‚„ObjectiveCãªã©ã¨é•ã„ã€è¦ªã‚¿ã‚°ã¯ç„¡é™ã«è¨å®šå¯èƒ½ã§ã™ã€‚ã¨ã„ã†ã‹ã€HTMLã®æ§‹é€ ä¸Šãã†ãªã‚‰ã–ã‚‹ã‚’å¾—ã¾ã›ã‚“ã€‚ ãã†ãªã‚‹ã¨ã€ä½•ãŒãªã«ã‚„ã‚‰ã€ã¨ã„ã†çŠ¶æ³ã«å®¹æ˜“ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ã“ã®ã‚ãŸã‚Šã¯Firebugã®æ©Ÿèƒ½ã‚’ä½¿ã£ã¦ãƒ•ã‚©ãƒãƒ¼ã§ãã¾ã™ã‘ã©ã€‚ ä»Šå¾Œã€CSS3ã§ä»Šã¾ã§ç”»åƒã§æ¸ˆã‚“ã§ã„ãŸè¦ç´ ãŒã€ã‚¹
browneyes 2011/05/18
å‹æ‰‹ã«ç¶™æ‰¿ã—ã¦ã—ã¾ã†ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¾ã¨ã‚ï¼ˆCSS2/3ï¼‰

webdev

css

CSS2

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