[B! webãƒ‡ã‚¶ã‚¤ãƒ³] znatzã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

znatz id:znatz

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

${{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}}

ä»Šã§ãã‚‹Material Design - Rejasupoem
ã•ã£ããè‡ªåˆ†ã®ã‚¢ãƒ—ãƒªã«Material Designã‚’é©ç”¨ã—ã‚ˆã†ã¨ã—ã¦Android Lã§ã—ã‹ãƒ†ãƒ¼ãƒžãŒä½¿ãˆãªã„ã¨ã‹ã€ã‚µãƒãƒ¼ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒã†ã¾ãå‹•ã‹ãªã„ã¨ã‹ã§æŒ«æŠ˜ã—ãŸã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚ è‡ªå‰ã§ã‚´ãƒªã‚´ãƒªãƒ†ãƒ¼ãƒžã‚’æ›¸ã„ãŸã‚Šã€ã‚µãƒãƒ¼ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³æŒ‡å®šã‚’ + ã«ã—ã¦ãŸã‚‰ã„ã¤ã®é–“ã«ã‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³ä¸ŠãŒã£ã¦ã¦ç ´æ»…ã—ãŸã€ãªã‚“ã¦ã“ã¨ã‚‚ã‚ã‚Šãã†ã§ã™ã—ã€åƒ•ã¯ã¾ã æ§˜åè¦‹ã¦ã¾ã™ã€‚ ãŸã ã—ã€Material Designè‡ªä½“ãŒAndroidå°‚ç”¨ã®ã‚‚ã®ã§ã¯ãªãæ±Žç”¨çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ãªã®ã§ã€æ–°ã—ã„SDKã‚„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã‚ãªãã¦ã‚‚ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«å¾“ã†ã“ã¨ã§ãã‚Œã£ã½ãè¦‹ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Introduction - Material Design - Google design guidelines ã«ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆä»¥å¤–ã«ã‚‚ã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®æ‰±ã„æ–¹ã€ä½™ç™½ã®å–ã‚Šæ–¹ã€Dividerã®ä½¿ã„æ–¹ãªã©ãŒã‚ã‚Šã¾
znatz 2014/07/13
design

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

UI

material design
ãƒªãƒ³ã‚¯
Coveloping
box-shadowã§ãµã‚ã‚Šã¨ã—ãŸå½±ã‚’ã¤ãã‚‹CSSã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã®ãƒã‚§ãƒƒã‚¯ã€ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã®è¨ˆç®—æ©Ÿã€CSS/JSã®è»½é‡åŒ–ãªã©ã€ãŸãã•ã‚“ã®ä¾¿åˆ©ãªæ™‚çŸãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ãŒã€ãã‚Œã‚‰ã®ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ«ã‚’ä¸€ã¤ã®å ´æ‰€ã«ã¾ã¨ã‚ãŸCovelopingã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Facebookã®OPGãƒã‚§ãƒƒã‚¯ã‚„Google Mapsã®åœ°å›³ç”Ÿæˆãƒ„ãƒ¼ãƒ«ã‚‚ã‚ã‚Šã€æ–°ã—ã„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’å§‹ã‚ã‚‹æ™‚ã«ã‚‚å½¹ç«‹ã¤ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã€‚ Coveloping ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«ã¯ç¾åœ¨23ç¨®é¡žã€ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã®è¨ˆç®—ã‚„ä¸€ã¤ã®ã‚«ãƒ©ãƒ¼ã«é»’ã¨ç™½ã‚’åŠ ãˆãŸãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã—ãŸã‚Šã€box-shadowã§ãµã‚ã‚Šã¨ã—ãŸå½±ã‚’ã¤ã‘ãŸã‚Šã€jQueryã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã©ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã‹ã‚‰ã‚‚ã©ã‚“ã©ã‚“å¢—ãˆã¦ã„ããã†ã§ã™ã€‚ ãã®ä¸ã‹ã‚‰ã€ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚
znatz 2013/12/13
ãƒ„ãƒ¼ãƒ«

ã¾ã¨ã‚

Web

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

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

1213
ãƒªãƒ³ã‚¯
http://handywebdesign.net/2013/12/slide-share-about-color/
znatz 2013/12/06
ãƒ‡ã‚¶ã‚¤ãƒ³

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

ãƒ†ãƒ¼ãƒž

æ›¸ç±
ãƒªãƒ³ã‚¯
çµå©šå¼äºŒæ¬¡ä¼šç”¨ã« Node.js x ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚¿ã‚¤ãƒ”ãƒ³ã‚°å¯¾æ±ºã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã¿ãŸ - å‡¹ã¿Tips
ã¯ã˜ã‚ã« å…ˆæœˆã€å‹äººã®çµå©šå¼ã®äºŒæ¬¡ä¼šã§ã‚¿ã‚¤ãƒ”ãƒ³ã‚°å¯¾æ±ºã‚’ã—ãŸã„ã¨ã®ä¼ç”»ã‚’ã€å¹¹äº‹ã®å‹äººã‹ã‚‰å—ã‘ã¾ã—ãŸã€‚é¢ç™½ã‹ã£ãŸè¦ä»¶ã¨ã—ã¦ã¯ã€ äºŒäººã®é¡”ã‚’ 2 å°ã®ã‚«ãƒ¡ãƒ©ã§æ˜ ã—ãŸã„ ã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã—ã¦ã‚‹æ§˜åã‚’ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§è¦‹ãŸã„ ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ã“ã‚Œã‚’ã‚µãƒ¼ãƒã¯ Node.js ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¯ãƒ–ãƒ©ã‚¦ã‚¶ã§ä½œæˆã—ã¾ã—ãŸã€‚ã‚¨ãƒ³ãƒˆãƒªæ›¸ã„ã¦ã‚‚ã„ã„ã‚ˆã€ã¨è¨±å¯ã‚’é ‚ã„ãŸã®ã§ã€ä»Šå¾Œä¼¼ãŸã‚ˆã†ãªä¾é ¼ã‚’å—ã‘ãŸæ–¹ã®ã”å‚è€ƒã«ãªã‚‹ã‚ˆã†ã«ã€ã‚¨ãƒƒã‚»ãƒ³ã‚¹éƒ¨åˆ†ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ï¼ˆè¿½è¨˜ï¼š2013/11/20ï¼‰ å¹¹äº‹ã•ã‚“ã‚‚è¨˜äº‹ã‚’å…¬é–‹ã•ã‚Œã¾ã—ãŸï¼š http://tjun.org/blog/2013/11/wedding-typing/ ã‚„ã£ãŸã“ã¨ ãƒ›ã‚¹ãƒˆ PC å´ã§æ–°éƒŽæ–°å©¦ãã‚Œãžã‚Œã® PC ã‹ã‚‰ã®ãƒã‚°ã‚¤ãƒ³ã‚’å¾…ã¡å—ã‘ã—ã¾ã™ã€‚ã‚¤ã‚¤æ„Ÿã˜ã«â—‹ã§åˆ‡ã‚ŠæŠœã„ã¦ãã‚Œã‚‹ã‚ˆã†ãª PNG ã‚’ã‚¤ãƒ©ãƒ¬ã§ä½œã£ã¦ãŠãã¾ã—ãŸã€‚ ãã‚Œãžã‚Œã® PC ã‹ã‚‰ãƒã‚°ã‚¤ãƒ³ã—ã¦ã‚‚ã‚‰ã„ã¾ã™ã€‚ ãƒã‚°ã‚¤ãƒ³ã—
znatz 2013/11/17
ãƒ–ãƒ©ã‚¦ã‚¶

node.js

ç”»åƒ

JAVASCRIPT

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

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

node

js

1117

realworld
ãƒªãƒ³ã‚¯
ã€çµ¶å¯¾ã«çŸ¥ã£ã¦ãŠã‹ãªãã‚ƒã„ã‘ãªã„ã€‘ç´™åª’ä½“ã¨WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ä½œæ³•ã®é•ã„ã«ã¤ã„ã¦ #ãƒ‡ã‚¶ã‚¤ãƒ³#web
ãƒã‚¤ãƒ©ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã¯ã‚¯ã‚½ã ã€ã¨ã‹å¦å®šã—ã¦ã‚‹ã‘ã©ã€ã‚ãªãŸã«ã¯çµ¶å¯¾ã«é‹å–¶ã§ããªã„ã¨æ€ã†ã‚ˆ ã“ã“æœ€è¿‘ã€ãƒã‚¤ãƒ©ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã«é–¢ã™ã‚‹è°è«–ã‚„ãƒ˜ã‚¤ãƒˆè¨˜äº‹ã‚’ã‚ˆãç›®ã«ã—ã¾ã™ã€‚ twitterã§ãŠä¸– è¨˜äº‹ã‚’èªã‚€ ãŠåå‰.comã®å…±æœ‰ã‚µãƒ¼ãƒãƒ¼SDå¥‘ç´„ã™ã‚‹ã¨1å††ã§ã‚‚ã‚‰ãˆã‚‹ãƒ‰ãƒ¡ã‚¤ãƒ³ã§googleappsã‚’è¨å®šã—ã¦ã¿ãŸä»¶ æ–°è¦äº‹æ¥ç«‹ã¡ä¸Šã’ã®ç‚ºã«ã€æ–°ã—ããƒ‰ãƒ¡ã‚¤ãƒ³ã‚’å–å¾—ã—ã¦ã€ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã‚‚å€Ÿã‚Šã¾ã—ãŸã€‚ ãƒ¡ãƒ¼ãƒ«ã¯googl è¨˜äº‹ã‚’èªã‚€ ç´ äººã§ã‚‚ã€æœ¬å½“ã«ã€‘ç°¡å˜ã«æ›´æ–°ã§ãã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹CMS concrete5ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã¿ãŸã€‚ concrete5ã¨ã¯ã€ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒãƒ¼ä¸Šã§ã€èª°ã§ã‚‚ç°¡å˜ã§ã€ã—ã‹ã‚‚ç›´æ„Ÿçš„ã«ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã®é‹å–¶ç®¡ç†ãŒå‡º è¨˜äº‹ã‚’èªã‚€ ConoHaVPSã‚’å€Ÿã‚Šã¦ã¿ãŸã‘ã©ã€SSHã§ã®ãƒã‚°ã‚¤ãƒ³ã«æ‰‹ã“ãšã£ãŸä»¶ conohaVPSã‚’å€Ÿã‚Šã¦ã¿ãŸã®ã§ã™ãŒã€é»’ã„ç”»é¢ã§æ“ä½œã—ãªã‘ã‚Œã°ãªã‚‰ãšã€ã‹ãªã‚Šæ‰‹ã“ãšã‚Šã¾ã—ãŸãƒ»ãƒ» è¨˜äº‹ã‚’èªã‚€ ãƒ
znatz 2013/11/14
***ã‚ã¨ã§èªã‚€

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

ã¾ã¨ã‚

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
WallpaperÂ Â /Â Â ProjectsÂ Â /Â Â Ben Plum
A jQuery plugin for smooth-scaling, element-filling backgrounds. A really simple way to add element-filling background images.
znatz 2013/11/09
webãƒ‡ã‚¶ã‚¤ãƒ³

tools

1109
ãƒªãƒ³ã‚¯
Website builder, in browser web design, CMS & hosting | Webydo
Launch faster with Webydo AI then make it truly yours.â€‹
znatz 2013/11/06
HTML

web

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

tool

1106
ãƒªãƒ³ã‚¯
Layers CSS
Lightweight. Unobtrusive. Style-agnostic. Build your look on the web, not Twitter's â€“ and build it fluid. Layers CSS is a CSS framework aimed for practical use cases. It comes with a small footprint and zero bullshit. Normalizations & sensible defaults Fluid grid + progressively enhanced columns Preserves native form styles by default No px definitions No colors, no borders, no rounded corners No
znatz 2013/10/31
Layers CSS

css

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

tool

1031
ãƒªãƒ³ã‚¯
[CSS]æ–‡å—ã«ã¡ã‚‡ã£ã¨ã‹ã‚ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Opening Type
ç”»åƒã¯ä¸€åˆ‡ä½¿ç”¨ã›ãšã€ãã®æ–‡å—ã‚’ãƒ›ãƒãƒ¼ã™ã‚‹ã¨ãƒ‘ã‚¿ã£ã¨é–‹ãã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å˜ã«é–‹ãã ã‘ã§ãªãã€ã‚·ãƒ£ãƒ‰ã‚¦ã‚‚é–‹ãã«å¿œã˜ã¦å¤‰åŒ–ã—ã¦ã‚‹ã®ãŒã‚¹ã‚´ã‚¤ï¼ æ—¥æœ¬èªžã€ã—ã‹ã‚‚æ¼¢å—ã§ã‚‚OK å®Ÿè£…ã¯ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ HTML æ–‡å—ã¯spanè¦ç´ ã§é…ç½®ã—ã€ä¸Šã«è¡¨ç¤ºã•ã‚Œã‚‹ãƒ›ãƒ¯ã‚¤ãƒˆã®æ–‡å—ã¯data-letterã«è¨˜è¿°ã—ã¾ã™ã€‚ <div class="foo"> <span class="letter" data-letter="A">A</span> <span class="letter" data-letter="B">B</span> <span class="letter" data-letter="C">C</span> ... ... </div> æ—¥æœ¬èªžã¯ã€ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ <div class="foo"> <span class="letter" data-lett
znatz 2013/10/29
HTML

font

css

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

CSS3

ãƒ†ã‚ã‚¹ãƒˆ

ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å‹‰å¼·ã™ã‚‹æ™‚ã«å‚è€ƒã«ã—ãŸã„ã¾ã¨ã‚ã‚µã‚¤ãƒˆãƒ»è¨˜äº‹25é¸
Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å‹‰å¼·ã™ã‚‹æ™‚ã«å‚è€ƒã«ã—ãŸã„ã¾ã¨ã‚ã‚µã‚¤ãƒˆãƒ»è¨˜äº‹25é¸ Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆã‚’å‹‰å¼·ã—ãŸã„äººå‘ã‘ã«ã€å‚è€ƒã«ãªã‚‹ã¾ã¨ã‚ã‚µã‚¤ãƒˆãƒ»è¨˜äº‹ãƒ»å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚ã€ŒWebãƒ‡ã‚¶ã‚¤ãƒ³ã®è¦‹æœ¬ã‚µã‚¤ãƒˆã€ã‚„ã€Œä»Šã™ãä½¿ãˆã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ãªã©ã€åˆå¿ƒè€…ãŒã™ãã«å‚è€ƒã«ãªã‚‹ã‚µã‚¤ãƒˆã°ã‹ã‚Šã§ã™ã€‚ ãƒ†ãƒƒã‚¯ã‚¢ã‚«ãƒ‡ãƒŸãƒ¼ãƒžã‚¬ã‚¸ãƒ³ã¯å—è¬›è€…æ•°No.1ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚¯ãƒ¼ãƒ«ã€Œãƒ†ãƒƒã‚¯ã‚¢ã‚«ãƒ‡ãƒŸãƒ¼ã€ãŒé‹å–¶ã€‚åˆå¿ƒè€…å‘ã‘ã«ãƒ—ãƒãŒè§£èª¬ã—ãŸè¨˜äº‹ã‚’å…¬é–‹ä¸ã€‚ç¾å½¹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã¯ã“ã¡ã‚‰ã‚’ã”è¦§ãã ã•ã„ã€‚ â€» ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆãƒ¢ãƒ‹ã‚¿ãƒ¼æä¾›å…ƒï¼šGMOãƒªã‚µãƒ¼ãƒæ ªå¼ä¼šç¤¾ã€€èª¿æŸ»æœŸé–“ï¼š2021å¹´8æœˆ12æ—¥ï½ž8æœˆ16æ—¥ã€€ èª¿æŸ»å¯¾è±¡ï¼š2020å¹´8æœˆä»¥é™ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚¯ãƒ¼ãƒ«ã‚’å—è¬›ã—ãŸ18ï½ž80æ³ã®ç”·å¥³1,000åã€€ èª¿æŸ»æ‰‹æ³•ï¼šã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆèª¿æŸ» Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã“ã‚Œã‹ã‚‰å‹‰å¼·ã—ã‚ˆã†ã¨æ€ã£ã¦ã‚‚ã€ã©ã“ã‹ã‚‰å§‹ã‚ã¦ã„ã„ã‹ã‚ã‹ã‚‰ãªã„ã¨ã„ã†ã“ã¨ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ
znatz 2013/10/10
webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¢ã‚¤ãƒ‡ã‚¢ã®å®åº«ï¼CSS3ã‚’ä½¿ã£ãŸUIè¡¨ç¾ãƒ»ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
CSS3ã‚’ä½¿ã£ãŸUIã‚¢ã‚¤ãƒ‡ã‚¢é›† / circular links menu / CSS SWITCHä»–...å…¨12ä»¶
znatz 2013/10/04
CSS3

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

web

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

webåˆ¶ä½œ

ui

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒªãƒ³ã‚¯
Bootstrapã®CSSã‚’ç°¡å˜ã«ã„ã„æ„Ÿã˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹åŽ³é¸ã‚µãƒ¼ãƒ“ã‚¹ï¼’ï¼‹ï¼‘ã¤ç´¹ä»‹ | DevelopersIO
Bootstrapã„ã„ã‚ˆã Bootstrapã§ã™ã€‚å¤§äººæ°—ã®è¦‹ãŸç›®ç³»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ãã€‚ã„ã‚ã‚“ãªã‚µã‚¤ãƒˆã§è¦‹ã‹ã‘ã¾ã™ã€‚ è‡ªåˆ†ã‚‚ãã†ãªã®ã§ã™ãŒã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã‚³ãƒ¼ãƒ‰ã¯æ›¸ãã‘ã©ãƒ‡ã‚¶ã‚¤ãƒ³ã®äº‹ã¯ã‚ˆãçŸ¥ã‚‰ãªã„ã€‚ã ã‘ã©ã€Œä½¿ã„ã‚„ã™ãã¦ã€ã„ã„æ„Ÿã˜ã«ã—ãŸã„ã€ã¨ã„ã†æ¬²æ±‚ã‚’æº€ãŸã—ã¦ãã‚Œã¦ã¾ã™ã€‚ãŸã ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã¯è¦‹ã‚„ã™ã„ã‚“ã ã‘ã©ã€ã¡ã‚‡ã£ã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã„ãªã¨ã‹ã€è‰²æŒ‡å®šãŒã‚ã£ãŸå ´åˆãªã©å›°ã‚Šã¾ã™ãã€‚ä¾‹ãˆã°ã‚ã‚Šãã†ãªã®ãŒã€Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç®¡ç†ç”»é¢ã‚’ä½œã‚ŠãŸã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ç‰¹ã«ã“ã ã‚ã‚‰ãªã„ã€ã‘ã©ä½¿ã„ã‚„ã™ã„ã®ãŒã„ã„ãªã€‚ã€ã¨ã‹ã•ã‚‰ã«ã€Œã‚¤ãƒ¡ãƒ¼ã‚¸ã‚«ãƒ©ãƒ¼ãŒé’ã ã‹ã‚‰ãã‚Œãƒ™ãƒ¼ã‚¹ã§ã€ã¨ã‹ã€‚ ãã‚“ãªã‚ãªãŸã«ã´ã£ãŸã‚ŠãªåŽ³é¸ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¡ã‚ƒã„ã¾ã£ãã™ã…ã€œï¼ Lavish ã€œ ç”»åƒã‹ã‚‰é…è‰²ã‚’ç”Ÿæˆã—ã¦ãã‚Œã¾ã™ ã€œ ã“ã®ã‚µãƒ¼ãƒ“ã‚¹ã¯ç”»åƒã‚’è§£æžã—ã¦Bootstrapã®é…è‰²ã‚’æ»ã‚Šå‡ºã—ã¾ã™ã€‚ ä½•å‡¦ã‹ã®ä¼æ¥å‘ã‘ã«ä½œã‚‹å ´åˆã«ä¼æ¥ã®ãƒã‚´ãªã©ã‹ã‚‰é…è‰²ã—ã¦ã¿ã‚‹ã¨ã„ã„æ„Ÿã˜ã«ãª
znatz 2012/12/05
css

ç”»åƒ

ã¾ã¨ã‚

*ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

+ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

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

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[CSS]ã‚³ãƒ”ãƒšã§ç°¡å˜ã«CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»ãƒ„ãƒ¼ãƒ«ã®ã¾ã¨ã‚
CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã€èƒŒæ™¯ã‚’å¤‰ãˆãŸã‚Šã€ãƒœã‚¿ãƒ³ã‚’ãƒã‚¦ãƒ³ãƒ‰ã•ã›ãŸã‚Šã€ç”»åƒã‚’ãƒ•ã‚§ãƒ¼ãƒ‰ã‚„ãƒ•ãƒªãƒƒãƒ—ã§è¡¨ç¤ºã—ãŸã‚Šãªã©ã‚’ã‚³ãƒ”ãƒšã§å®Ÿè£…ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ç·©æ€¥ã‚’ã¨ã‚‚ãªã£ãŸã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã‚„ãƒˆã‚¥ã‚¤ãƒ¼ãƒ³ã®å¾®èª¿æ•´ã‚’è¨å®šã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ã¦ç´¹ä»‹ã—ã¾ã™ã€‚
znatz 2012/11/23
CSS3

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œã™ã‚‹ã¨ãã«æŽ¢ã™ç´ æã‚µã‚¤ãƒˆï¼†å‚è€ƒã«ã™ã‚‹ã‚µã‚¤ãƒˆã¾ã¨ã‚ | ãƒŠãƒŠãƒ¡ã‚¦ã‚¨Blog
ã¯ã˜ã‚ã¾ã—ã¦ ãƒŠãƒŠãƒ¡ã‚¦ã‚¨ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã¯ã£ã¡ï¼ˆ@hacchingï¼‰ã§ã™ã€‚ ã•ã¦ã€ä»Šæ—¥ã¯ç§ãŒWebåˆ¶ä½œã‚’ã™ã‚‹ã¨ãã«ãƒã‚§ãƒƒã‚¯ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆä¸€è¦§ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ è‡ªåˆ†ã®å‚™å¿˜éŒ²ã§ã‚‚ã‚ã‚Šã¾ã™ã€œã€‚ æ˜¯éžå‚è€ƒã«ã—ã¦ãã ã•ã„ã(*â€™-'*) ãƒ•ãƒªãƒ¼å†™çœŸç´ æã‚µã‚¤ãƒˆã•ã‚“ Webãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã«å¿…ãšå¿…è¦ã«ãªã‚‹å†™çœŸç´ æã€‚ æœ‰æ–™ç´ æã¯ã‚¯ã‚ªãƒªãƒ†ã‚£ã¯é«˜ã„ã§ã™ãŒãŠå€¤æ®µã‚‚é«˜ã„ã€œã€‚ ãã‚“ãªã‚ãªãŸã«ã€ã‚ã‚ŠãŒã¨ã†ãƒ•ãƒªãƒ¼å†™çœŸç´ æï¼ å†™çœŸç´ æ â€“ ãƒ•ã‚©ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ ç„¡æ–™ä¼šå“¡ç™»éŒ²ã—ã¦ãŠã‘ã°ã€1æ—¥ã«æ•°æžšï¼ˆä½•æžšã ã£ã‘ï¼‰é™å®šã§ã™ãŒã€ç„¡æ–™ç´ æãŒDLã§ãã¾ã™ã€‚ å•†ç”¨åˆ©ç”¨ï¼¯ï¼«ï¼†ç„¡æ–™ã®å†™çœŸãƒ»ãƒ•ãƒªãƒ¼ç´ æã‚’é›†ã‚ã¾ã—ãŸï¼ç·åˆç´ æã‚µã‚¤ãƒˆï½œã‚½ã‚¶ã‚¤ãƒ³ã‚° å®Œå…¨ç„¡æ–™ã®å†™çœŸãƒ»Webç´ æï¼ˆãƒãƒŠãƒ¼ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãªã©ï¼‰ç´ æã‚µã‚¤ãƒˆã§ã™ã€‚ã‚³ãƒ³ãƒ†ã‚¹ãƒˆã®å®Ÿæ–½ãªã©ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å‚åŠ åž‹ä¼ç”»ã‚‚è±Šå¯Œï¼ã‚·ãƒ¼ã‚ºãƒ³ã«ã‚ã‚ã›ãŸç‰¹é›†ã‚‚é…åŠ›ã§ã™ã€‚ PAKUTASO/ã±ããŸã-WEB
znatz 2012/10/30
ç´ æ

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

webåˆ¶ä½œ

å†™çœŸç´ æ

å†™çœŸ

web

ç”»åƒ

ãƒ•ãƒªãƒ¼

ã‚¦ã‚§ãƒ–åˆ¶ä½œ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
1