[B! css] fumix-hatã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

fumix-hat id:fumix-hat

cssã«é–¢ã™ã‚‹fumix-hatã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (55)

${{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ã®å°æŠ€ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
fumix-hat 2014/12/01
css3

css

webdesign
ãƒªãƒ³ã‚¯
ãŸã¾ã«ä½¿ã†ã¨ä¾¿åˆ©ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®åŽŸå§‹çš„ãƒ‡ãƒãƒƒã‚°æ–¹æ³•
ç°¡å˜ã ã—ã¡ã‚‡ã£ã¨ä¾¿åˆ©ãªã®ã§ãŸã¾ãƒ¼ã«ä½¿ã†ã‚“ã§ã™ãŒã€å…ˆæ—¥åŒåƒšãŒã€Œãªã‚‹ã»ã©ãƒ¼ä¾¿åˆ©ã£ã™ãã€ã¨çŸ¥ã‚‰ãªã‹ã£ãŸã‚ˆã†ãªã®ã§ã¡ã‚‡ã£ã¨ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ ï¼ˆãƒ¡ã‚¸ãƒ£ãƒ¼ãªã‚„ã‚Šæ–¹ãªã®ã‹ã©ã†ãªã®ã‹ã‚ˆãã‚ã‹ã‚‰ãªã„ã‘ã©ã‚‚ï¼‰
fumix-hat 2014/09/21
ã“ã‚Œã„ã„ãªãƒ»ãƒ»ãƒ»ãƒ¡ãƒ¢ãƒ¡ãƒ¢

webdesign

css
ãƒªãƒ³ã‚¯
Webé–‹ç™ºã§IntelliJ IDEAã‚’ä½¿ã†ã¹ãNã¤ã®ç†ç”± - Qiita
NãŒä½•å€‹ã‹ã¯ã¾ã è€ƒãˆã¦ã„ã¾ã›ã‚“ãŒã€Webé–‹ç™ºã§IntelliJ IDEAã‚’ä½¿ã†ã¹ãç†ç”±ã«ã¤ã„ã¦ã€ã„ãã¤ã‹æ›¸ã„ã¦ã„ãã¾ã™ã€‚ HTMLéƒ¨é–€ Live Edit IntelliJ IDEAã«ã¯ã€Live Editã¨ã„ã†æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ IntelliJ IDEAä¸Šã§ä¿®æ£ã—ãŸHTMLãŠã‚ˆã³CSSã‚’ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§ãƒ–ãƒ©ã‚¦ã‚¶å´ã«åæ˜ ã•ã›ã‚‹æ©Ÿèƒ½ã§ã™ã€‚ ä½¿ç”¨ã§ãã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã‚„åæ˜ ã§ãã‚‹ç®‡æ‰€ãªã©ã«åˆ¶é™ã¯ã‚ã‚Šã¾ã™ãŒã€ç”»é¢ã‚’è¦‹ãªãŒã‚‰HTMLã‚„CSSã‚’èª¿æ•´ã™ã‚‹å ´åˆã«ã¯é‡å®ã—ã¾ã™ã€‚ (æœ¬å½“ã¯ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’å…¥ã‚Œã‚‹ã¤ã‚‚ã‚Šã§ã—ãŸãŒã€IntelliJ IDEA 13ã«ã—ã¦ã‹ã‚‰å‹•ã‹ãšâ€¦) Emmetã‚µãƒãƒ¼ãƒˆ Emmetã¯Zen Codingã®å¾Œç¶™ã§ã€å°‘ãªã„ã‚ãƒ¼å…¥åŠ›ã§HTMLã«å±•é–‹ã—ã¦ãã‚Œã¾ã™ã€‚ ã“ã®Emmetã‚’IntelliJ IDEAã¯æ¨™æº–ã§ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚ æ©Ÿèƒ½çš„ã«ã¯Live Templatesã®ä¸€ç’°ã§æä¾›ã•ã‚Œã¦
fumix-hat 2014/08/12
IntelliJ IDEAã¦HTMLã¾ã‚ã‚Šã‚‚ã„ã‘ã‚‹ã‚“ã‹ã‚ï¼ˆä»Šæ›´

webåˆ¶ä½œ

IDE

programming

javascript

html

css
ãƒªãƒ³ã‚¯
ScaleOut | Supership
2024å¹´4æœˆ1æ—¥ã‚ˆã‚Šã€Supershipæ ªå¼ä¼šç¤¾ã¯è¦ªä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ã«å¸åŽåˆä½µã•ã‚Œã¾ã—ãŸã€‚ åˆä½µã«ä¼´ã„ã€å˜ç¶šä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã¯ç¤¾åã‚’Supershipã«å¤‰æ›´ã—ã€æ–°ãŸãªçµŒå–¶ä½“åˆ¶ã‚’ç™ºè¶³ã—ã¾ã—ãŸã€‚æœ¬ä»¶ã«é–¢ã™ã‚‹è©³ç´°ã¯ã€ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ã‚’ã”ç¢ºèªãã ã•ã„ã€‚ 2024å¹´4æœˆ1æ—¥ã‚ˆã‚Šã€Supershipæ ªå¼ä¼šç¤¾ã¯è¦ªä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ã«å¸åŽåˆä½µã•ã‚Œã¾ã—ãŸã€‚ åˆä½µã«ä¼´ã„ã€å˜ç¶šä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã¯ç¤¾åã‚’Supershipã«å¤‰æ›´ã—ã€æ–°ãŸãªçµŒå–¶ä½“åˆ¶ã‚’ç™ºè¶³ã—ã¾ã—ãŸã€‚ æœ¬ä»¶ã«é–¢ã™ã‚‹è©³ç´°ã¯ã€ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ã‚’ã”ç¢ºèªãã ã•ã„ã€‚
fumix-hat 2014/06/26
css

html
ãƒªãƒ³ã‚¯
WordPressã§CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µå…¥é–€
32. .site-header { background-color: #000; //max-width: 1260px; position: relative; width: 100%; z-index: 4; } .header-main { min-height: 48px; //padding: 0 10px; } ä¸€è¡Œã‚³ãƒ¡ãƒ³ãƒˆ åœ°å‘³ã«ä¾¿åˆ© 34. /* Theme Name: Hoge Theme Theme URI: http://hoge.com/ Author: hogeyama */ ! @import url('common.css'); @import url('module.css'); @import url('style.css'); @import url('print.css'); ãƒ€ãƒ¡ã‚ˆã€œ ãƒ€ãƒ¡ãƒ€ãƒ¡ ã¨ã‚ã‚‹ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«
fumix-hat 2014/04/01
wordpress

css

css3

scss
ãƒªãƒ³ã‚¯
AGENTOTO88 | Bandar togel 4D Terpercaya & Agen toto #1 Indonesia
Tempatkan Angka Keberuntunganmu di AGENTOTO88, Bandar togel 4d Terpercaya . Nikmati Hadiah Besar dari Pasaran Togel Online dengan Agen Toto Terbaik #1. Dapatkan Jackpot Terbesar di Situs Togel Terhebat. Hanya dengan Klik Daftar, CUAN bisa langsung didapat!
fumix-hat 2013/12/12
webã‚µã‚¤ãƒˆ/ã‚¢ãƒ—ãƒªãƒ»åˆ¶ä½œ/é–‹ç™ºã«ã¡ã‚‡ã„ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ«è©°ã‚åˆã‚ã›

css

html

javascript

jquery

webdesign
ãƒªãƒ³ã‚¯
ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSã®ã€Œæ§‹é€ ã¨ã‚¹ã‚ãƒ³ã‚’åˆ†é›¢ã™ã‚‹ã€ã£ã¦ä½•ï¼Ÿï¼Ÿ ï½œ Tips Note by TAM
ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼ˆä»¥ä¸‹OOCSSï¼‰ã§ã¯ã€Œæ§‹é€ ã¨ã‚¹ã‚ãƒ³ã‚’åˆ†é›¢ã™ã‚‹ã€ã¨ã„ã†è¨€è‘‰ã‚’è‰¯ãè¦‹ã‹ã‘ã¾ã™ã€‚ æœ€åˆã¯å…·ä½“çš„ã«ã‚¤ãƒ¡ãƒ¼ã‚¸ã§ããªã‹ã£ãŸã®ã§ã™ãŒã€ãŠãã‚‰ãã“ã†ã„ã†äº‹ã§ã¯ãªã„ã‹ã¨æ€ã£ãŸã®ã§ã€èª¿ã¹ãŸäº‹ã‚’ã¾ã¨ã‚ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚µã‚¤ãƒˆåˆ¶ä½œã§ã¯ã€CSSã®è¨˜è¿°ã«ã‚ˆã£ã¦æ›´æ–°æ€§ãªã©ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«é•ã„ãŒå‡ºã¦ã—ã¾ã„ã¾ã™ã€‚ æŸ”è»Ÿã«å¯¾å¿œã—ã‚ˆã†ã¨ã—ã¦ç´°åˆ†åŒ–ã—ã™ãŽã‚‹ã¨ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³æŒ‡å®šã¨ä¼¼ãŸã‚‚ã®ã«ãªã‚ŠCSSã®å½¹å‰²ã‚’æ´»ã‹ãšã€ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã«ã—ã‚ˆã†ã¨ã™ã‚‹ã¨CSSãŒé‡è¤‡ã—ãŒã¡ã§ã™ã€‚ ã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³æŒ‡å®šã®ã‚ˆã†ã«ãªã£ã¦ã—ã¾ã£ãŸä¾‹ã€‘ ãƒ»CSS .red { color: #FF0000; } ãƒ»html <div class="mainArea"> <h2 class="red">ã‚¿ã‚¤ãƒˆãƒ«</h2> </div> ã€ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ãªä¾‹ã€‘ ãƒ»CSS .mai nTtl01 { width: 700px; margin: 20px 0;
fumix-hat 2013/11/22
åå«ã‚»ãƒ¬ã‚¯ã‚¿ã¯ä½¿ã‚ãªã„

html

css
ãƒªãƒ³ã‚¯
Bear CSS - Helping you build a solid stylesheet foundation based on your markup
Helping you build a solid stylesheet foundation based on your markup Instructions Upload your HTML document CSS template is generated based on the HTML elements used Download CSS File
fumix-hat 2013/09/25
htmlã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸã‚‰classã¨ã‹idã®ã²ãªåž‹ã‚’ä½œã£ã¦ãã‚Œã‚‹

html

css

webdesign

webservice
ãƒªãƒ³ã‚¯
IDã‚’ä½¿ã‚ãªã„CSSã®è¨è¨ˆ - kojika17
CSSã®ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã§ã¯IDã‚’ä½¿ç”¨ã—ãªã„ã€ã¨ã„ã†è©±ã‚’ã‚ˆãèžãã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ç§ã‚‚æœ€è¿‘ã¯ã€IDã‚’ä½¿ã‚ãšã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ã‚‹ã®ã§æ‰€æ„Ÿã‚’æ›¸ãã¾ã™ã€‚ CSSã§IDã‚’ä½¿ã‚ãªã„ ã€ŒIDã‚’ä½¿ã‚ãªã„ã€ã¨ã„ã†ã“ã¨ã‚’HTMLã®å¤‰åŒ–ã§ç¤ºã™ã¨ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <div id="header" class="clearfix"> <h1 id="logo"><a href="">logo</a></h1> <ul id="heaeder-info"> <li class="about"><a href="">about</a></li> <li class="sit emap"><a href="">sit emap</a></li> </ul> </div> â†“â†“â†“â†“ <div class="header clearfix"> <h1 class="logo"><a href="">logo</a></
fumix-hat 2013/09/19
IDä½¿ã‚ãªã„ï¼Ÿã¨é•å’Œæ„Ÿã‚ã£ãŸã‘ã©ã€èªã¿é€²ã‚ã¦ç´å¾—ã€‚è‡ªåˆ†ã¯IDä½¿ã†ã‘ã©å¤§æž ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ±ºã‚ã ã‘ã«ä½¿ã£ã¦è£…é£¾ã¯classã§ã‚„ã£ã¦ã‚‹ã‚ã€‚

html

css
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œã§é¢å€’ãªä½œæ¥ã‚’è‡ªå‹•åŒ–ã™ã‚‹ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã€Grunt v0.4 å…¥é–€
Webåˆ¶ä½œã§é¢å€’ãªä½œæ¥ã‚’è‡ªå‹•åŒ–ã™ã‚‹ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã€Grunt v0.4 å…¥é–€ 2013-03-14 / 2014-03-12 Webã‚µã‚¤ãƒˆã®è¡¨ç¤ºé€Ÿåº¦ã‚’æ°—ã«ã™ã‚‹ã¨ã€CSSã‚„JavaScriptã®minifyã€gzipã€CSS Spriteã€ç”»åƒã®æœ€é©åŒ–ãªã©ã®é¢å€’ãªä½œæ¥ãŒç™ºç”Ÿã—ã¾ã™ã€‚ Grunt.jsã¨ã¯ï¼Ÿ Grunt.jsã¯ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JavaScriptã®Node.jsã‚’ä½¿ç”¨ã—ãŸCUIã®ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ã‚¿ã‚¹ã‚¯ã‚’è¨å®šã—ã¦ãŠãã€ãã‚Œã‚‰ã‚’è‡ªå‹•åŒ–ã—ã¾ã™ã€‚ ã‚³ãƒžãƒ³ãƒ‰ãƒ—ãƒãƒ³ãƒ—ãƒˆã‚„ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ãªã©ã€ã„ã‚ã‚†ã‚‹ã€Œé»’ã„ç”»é¢ã€ã‚’ä½¿ã„ã¾ã™ã€‚ Grunt.jsã®ç¾åœ¨ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯0.4.1ã§ã™ã€‚ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒ0.3ã‹ã‚‰0.4ã«ãªã£ãŸã“ã¨ã§ã€å¤§ããä»•æ§˜ãŒå¤‰ã‚ã‚Šã¾ã—ãŸã€‚ Grunt.js v0.4ã§ã¯grunt-cliã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã”ã¨ã«Gruntã‚„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ä½¿ç”¨ã—ã¾ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤
fumix-hat 2013/08/27
grunt

webé–‹ç™º

javascript

css
ãƒªãƒ³ã‚¯
gcss.info - Domain Name For Sale | Dan.com
Buyer Protection Program When you buy a domain name at Dan.com, youâ€™re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
fumix-hat 2013/07/26
ããƒ»ãƒ»ãƒ»ã‹ã‚ã„ã„ã˜ã‚ƒãªã„ã‹

css

HTML5

webdesign
ãƒªãƒ³ã‚¯
Pure.css
CSS with a minimal footprint.Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. * We can add correctly :) the numbers above are individu
fumix-hat 2013/06/14
è»½é‡cssãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

css

HTML5

webdesign
ãƒªãƒ³ã‚¯
http://mtw.cocotte.jp/blog/diary/html/2009/05/07-2234.php
Warning: set_time_limit() [function.set-time-limit]: Cannot set time limit in safe mode in /home/users/1/cocotte.jp-mtw/web/cms/wp-content/plugins/rvg-optimize-database/rvg-optimize-database.php on line 23 404 Not Found ??????????????????? ?????? URL ? https://mtw.cocotte.jp/blog/diary/html/2009/05/07-2234.php ?????????????????????????????
fumix-hat 2012/11/08
ie6ã€7å°‚ç”¨ã®ï¼ˆè¦‹ãŸç›®å¤‰ãˆãšã«ï¼‰å°åˆ·ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ

css

ie6
ãƒªãƒ³ã‚¯
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯// Speaker Deck
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version ç¬¬ä¸€å›žâ€¦
fumix-hat 2012/10/30
ã‚ã£ã¯ã£ã¯ãƒ¼ã€å…¨éƒ¨ã‚„ã£ã¦ã‚‹ã‚ãƒ¼ã€‚ãŸã—ã‹ã«ã‚ºãƒ«ã„ã¨ã„ãˆã°ã‚ºãƒ«ã„ã®ã‹ï½—

css3

css

webdesign
ãƒªãƒ³ã‚¯
CSSï¼š marginã®æ£ã—ã„ç†è§£ - kojika17
toggle()ã‚„å¤‰æ•°ã€calcã€:matchãªã©ã€ä»Šã¾ã§ã«ãªã„CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ã€ã‚»ãƒ¬ã‚¯ã‚¿ãŒææ¡ˆãƒ»å®Ÿè£…ã•ã‚Œã¦ã€CSS3, CSS4ã‚‚æ¥½ã—ããªã£ã¦ãã¦ã„ã¾ã™ã€‚ border-radiusã‚„ã€box-shadowãªã©ã‚‚ã€å¤ã„Androidãƒ–ãƒ©ã‚¦ã‚¶ä»¥å¤–ãªã‚‰ã€prefixãªã—ã§ä½¿ãˆã‚‹çŠ¶æ³ã‚‚å¢—ãˆã¦ãã¾ã—ãŸã€‚ æœ€æ–°æŠ€è¡“ã¯ã€ã“ã‚Œã‹ã‚‰å¿…è¦ã«ãªã£ã¦ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€åŸºæœ¬ã‚‚å¤§åˆ‡ã§ã™ã€‚ float ã‚„ position ãªã©ã€CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’æ‚©ã¾ã›ã‚‹ã‚¿ãƒã¯ã„ãã¤ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ãã®ä¸ã§ã‚‚ç§ãŒCSSã§ä¸€ç•ªé›£ã—ã„ã¨æ€ã† margin ã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ ã€Œmarginã¯ãƒã‚°ãŒå¤šã„ã€ã¨ã„ã†å£°ã‚’ãŸã¾ã«èžãã¾ã™ã€‚ ã—ã‹ã—è©±ã‚’èžã„ã¦ã¿ã‚‹ã¨ã€æ£å¸¸ãªå‹•ä½œã‚’ãƒã‚°ã¨é–“é•ã£ã¦èªè˜ã—ã¦ã„ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚ã‚ã‚Šã¾ã™ã€‚ marginã‚’æ£ã—ãç†è§£ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€åŠ¹çŽ‡çš„ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æ§‹ç¯‰ã§ãã¾ã™ã®ã§ã€åŸºæœ¬çš„ãªå†…å®¹ã§ã™ãŒã€èªã‚“ã§é ‚ã‘ã‚Œã°å¹¸
fumix-hat 2012/08/28
å‹˜ã¨çµŒé¨“ã®marginã€‚ã˜ã‚ƒãƒ€ãƒ¡ãªã®ã§æ”¹ã‚ã¦å†å‹‰å¼·ã€‚

html

css

webdesign
ãƒªãƒ³ã‚¯
http://lab.spec5zigen.com/archives/jsdoit_specvol4/
fumix-hat 2012/08/23
å¯èªæ€§ã¨ä¿å®ˆæ€§

javascript

css

HTML5
ãƒªãƒ³ã‚¯
Sublime Text2ã£ã¦ã‚¨ãƒ‡ã‚£ã‚¿ãŒã™ã”ãã‚¤ã‚¤ã€‚
Macã‚’ä½¿ã„å§‹ã‚ã¦ã€ã„ã‚ã„ã‚æ–°ã—ã„ã‚½ãƒ•ãƒˆã‚„ã‚¢ãƒ—ãƒªã‚’æŽ¢ã—ã¦ã„ãŸã¨ã“ã‚ã€åŒåƒšã®æ–¹ã‹ã‚‰ã„ã¾äººæ°—ã®Sublime Text 2ã¨ã„ã†ã‚¨ãƒ‡ã‚£ã‚¿ã‚’æ•™ãˆã¦é ‚ãã¾ã—ãŸã€‚ã©ã†ã‚„ã‚‰ç„¡æ–™ã‚‰ã—ã(ä»Šå¾Œã‚·ã‚§ã‚¢ã‚¦ã‚§ã‚¢ã«ãªã‚‹ã‹ã‚‚ï¼Ÿ)ã€åˆæœŸè¨å®šã‚„è‡ªåˆ†ã«åˆã£ãŸç’°å¢ƒã«æ•´ãˆã‚‹ã®ã«å°‘ã—æ‰‹é–“å–ã‚Šã¾ã—ãŸãŒã€ãªã‚“ã¨ã‹å®Ÿå‹™ã§ä½¿ãˆã‚‹ãƒ¬ãƒ™ãƒ«ã«ãªã£ã¦ããŸã®ã§ã‚·ã‚§ã‚¢ã—ã¾ã™ã€‚ HTML5,CSS3,jsã‚’æ›¸ãäº‹ãŒå¤šãã¦ã€Zen-Codingã‚‚Sass+Compassã‚‚ä½¿ã†ã—ã€ãã‚Œã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—æ¥å‹™ãŒå¤šã„ï¼ãªã‚“ã¦ã„ã†åƒ•ã¨åŒã˜ã‚ˆã†ãªäººãŒã„ã‚‹ãªã‚‰ã€ã“ã®ã‚¨ãƒ‡ã‚£ã‚¿ã¯ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™w ä»¥ä¸‹ã®è¨å®šé€šã‚Šã«ã‚„ã‚Œã°ã€ãƒ•ãƒãƒ³ãƒˆå¯„ã‚Šã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ãªã‚‰æœ€ä½Žé™ã¯ä½¿ãˆã‚‹ã‚‚ã®ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ Sublime Text 2 â€“ Dev Builds åˆæœŸè¨å®š ã‚¢ãƒ—ãƒªã‚’ç«‹ã¡ä¸Šã’ã¦ã€Sublime text2 > Preference > Setting
fumix-hat 2012/08/14
ã‚¢ãƒ—ãƒª

Mac OS X

html

javascript

css

programming
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰Twitter Bootstrapã‚’ã¯ã˜ã‚ã‚‹äººã®ãŸã‚ã®ã‚¨ãƒ³ãƒˆãƒªã¾ã¨ã‚ - å°ã•ã„é ƒã¯ã‚¨ãƒ©å‘¼å¸
ã¯ã˜ã‚ã« ä»Šã€Twitter BootstrapãŒä¸€éƒ¨ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§äººæ°—ã§ã™ã€‚ Twitter Bootstrapã¯Webãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¾—æ„ã§ã¯ãªã„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘ã«Twitterç¤¾ãŒé–‹ç™ºï¼æä¾›ã™ã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã“ã®Twitter Bootstrapã‚’åˆ©ç”¨ã™ã‚‹ã¨ã€ç°¡å˜ã«Twitterã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®Webã‚µã‚¤ãƒˆã‚’ä½œæˆã§ãã¾ã™ã€‚ ãã“ã§ã€ã“ã‚Œã‹ã‚‰Twitter Bootstrapã‚’ã¯ã˜ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã†ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®äººãŸã¡å‘ã‘ã«ã€å½¹ç«‹ã¤è¨˜äº‹ã®æ•°ã€…ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªã‚’æ›¸ã“ã†ã¨æ€ã£ãŸãã£ã‹ã‘ã¯ã€ä»¥ä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã—ãŸã€‚ã¨ã¦ã‚‚åˆ†ã‹ã‚Šã‚„ã™ãã€ã¯ã˜ã‚ã¦çŸ¥ã‚‹ã‚ˆã†ãªã‚µãƒ¼ãƒ“ã‚¹ãªã©ã‚‚ç¶²ç¾…ã•ã‚Œã¦ãŠã‚Šã€ã¨ã¦ã‚‚å‚è€ƒã«ãªã‚Šã¾ã—ãŸã€‚ Twitter bootstrapå…¥é–€ #twtr_hack jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³å¾¹åº•æ´»ç”¨ ãƒ—ãƒã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ã‚¤ãƒ‡ã‚¢ã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯posted with amazlet at
fumix-hat 2012/02/27
CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚‹Bootstrapã®ä½¿ã„æ–¹ã¾ã¨ã‚

css

HTML5

webdesign
ãƒªãƒ³ã‚¯
label ã®ã‚¹ã‚¹ãƒ¡ | d-spica
label ã®ã‚¹ã‚¹ãƒ¡ 2008-07-29 0 0 XHTML/CSS CSS, label, XHTML labelè¦ç´ ã¨ãã®æŒ™å‹• | Webæ¨™æº–Blog | ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹ ã“ã‚Œã‚’èªã‚“ã§ã„ã¦ï¼Œã¼ããŒã‚„ã£ã¦ã„ã‚‹ã“ã¨ã‚’ã¡ã‚‡ã£ã¨ç´¹ä»‹ã—ã‚ˆã†ã¨æ€ã„ã¾ã—ãŸã€‚ label ã®åƒã ãŠåå‰ <input type="text" name="name" id="name" size="20" /> ã“ã®ã‚ˆã†ãªå ´åˆï¼Œã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«æœ¬ä½“ã§ã‚ã‚‹ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹<input type="text" ... />ã¨ãã®èª¬æ˜Žã§ã‚ã‚‹ã€ŒãŠåå‰ã€ã¨ã„ã†ãƒ†ã‚ã‚¹ãƒˆã¯ï¼Œéš£åŒå£«ã«ä¸¦ã‚“ã§ã¯ã„ã‚‹ã‘ã‚Œã©ï¼Œå¯¾å¿œã—ã¦ã„ã‚‹ã“ã¨ãŒã¯ã£ãã‚Šãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ labelè¦ç´ ã‚’ä½¿ã£ã¦ï¼Œæ¬¡ã®ã‚ˆã†ã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã“ã¨ã§ï¼Œã€ŒãŠåå‰ã€ã¨ã„ã†ãƒ†ã‚ã‚¹ãƒˆã¨ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ã‚’ã¯ã£ãã‚Šé–¢é€£ã¥ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚labelè¦ç´ å†…ã®ãƒ†ã‚ã‚¹ãƒˆãŒ
fumix-hat 2011/04/15
ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ç‰ã‚’ã¡ã‚ƒã‚“ã¨ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—

css
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒã‚’ä½¿ç”¨ã—ãªã„ã§Appleé¢¨ã®ãƒ‘ãƒ³ããšã‚’ä½œæˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
éšŽå±¤ã‚’åŒºåˆ‡ã‚‹ä¸‰è§’ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç‰¹å¾´çš„ãªAppleé¢¨ã®ãƒ‘ãƒ³ããšã‚’åŒä¸€ã®è‰²ç›¸ã§ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°ã—ãŸã‚‚ã®ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä¸‰è§’ã®ç®‡æ‰€ã¯ç”»åƒã‚’ä½¿ç”¨ã—ãªã„ã§ã€CSSã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ Breadcrumb Navigation with CSS Triangles ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] HTML -ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— ãƒ‘ãƒ³ããšã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã§ã‚¯ãƒªãƒ¼ãƒ³ã«å®Ÿè£…ã™ã‚‹ãŸã‚ã«ã€å„ã‚¢ã‚¤ãƒ†ãƒ ã«ã¯classã‚’ä½¿ç”¨ã—ã¾ã›ã‚“ã€‚ HTML <ul class="breadcrumb"> <li><a href="#">ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸</a></li> <li><a href="#">ç¬¬äºŒéšŽå±¤</a></li> <li><a href="#">ç¬¬ä¸‰éšŽå±¤</a></li> <li><a href="#">ç¬¬å››éšŽå±¤</a></li> <li><a href="#">ç¾åœ¨ä½ç½®</a></
fumix-hat 2010/11/05
ã“ã‚Œã¯è‰¯ã„ãªãƒ¼ã€‚ä»Šåº¦ã©ã“ã‹ã§ä½¿ãŠã†ã€‚

css

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