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

maisenakajima id:maisenakajima

WEBåˆ¶ä½œã«é–¢ã™ã‚‹maisenakajimaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (53)

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

ã‚³ãƒ¼ãƒ€ãƒ¼ãŒãŠã•ãˆã¦ãŠããŸã„ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ãƒ„ãƒ¼ãƒ«8é¸ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€‚LIGãƒ•ã‚£ãƒªãƒ”ãƒ³æ”¯ç¤¾ä»£è¡¨ã®ã›ã„ã¨(@seito_horiguchi)ã§ã™ã€‚ æ˜¨ä»Šã§ã¯Webã®ãƒ•ãƒãƒ³ãƒˆå‘¨ã‚Šã‚’å–ã‚Šå·»ãç’°å¢ƒãŒæ¿€å¤‰ã—ã¦ã„ã¾ã™ã€‚ Webã‚µã‚¤ãƒˆãƒ»ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒé€²åŒ–ã™ã‚‹ã«é€£ã‚Œã¦æ§‹ç¯‰ã‚‚é›£ã—ããªã£ã¦ãã¾ã—ãŸã—ã€æŠ€è¡“ã‚„ãƒ„ãƒ¼ãƒ«ã‚‚ã„ã‚ã‚“ãªã‚‚ã®ãŒç™»å ´ã—ã¾ã—ãŸã€‚ ãã“ã§ä»Šå›žã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ã‚‚ã¡ã‚ã‚“ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«æºã‚ã‚‹äººãªã‚‰èª°ã§ã‚‚ãŠã•ãˆã¦ãŠããŸã„ã€ä»Šæ—¬ãªæŠ€è¡“ã‚„ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ†ã‚™ã‚£ãƒ³ã‚¯ã‚™ã«é–¢ã‚ã‚‹äººãªã‚‰ãŠã•ãˆã¦ãŠããŸã„å¿…é ˆã®ãƒ•ãƒãƒ³ãƒˆæŠ€è¡“ï¼†ãƒ„ãƒ¼ãƒ«8é¸ 1. ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ ãƒ•ãƒãƒ³ãƒˆã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«é–¢ã‚ã‚‹ã‚ã‚‰ã‚†ã‚‹ã‚¿ã‚¹ã‚¯ã‚’è‡ªå‹•åŒ–ã—ã¦ãã‚Œã‚‹é ¼ã‚‚ã—ã„ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚Grunt,Gulpã¨ã„ã£ãŸãƒ„ãƒ¼ãƒ«ãŒã‚³ãƒ¬ã«ã‚ãŸã‚Šã¾ã™ã€‚ Jadeã‚„Sass,CoffeeScriptã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã€ç”»åƒåœ§ç¸®ã€ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒã‚§ãƒƒã‚¯ã€webfontã®ã‚¢ã‚¤ã‚³ãƒ³åŒ–ã€ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”»åƒç”Ÿæˆã€ã‚¹ã‚¿ã‚¤ãƒ«
maisenakajima 2015/05/10
webåˆ¶ä½œ

ãƒ„ãƒ¼ãƒ«

web

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

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

programming

tool
ãƒªãƒ³ã‚¯
AniCollection - The easiest way to find, use and share CSS3 animations.
The easiest way to find, use and share CSS3 animations.
maisenakajima 2015/04/05
CSS3

CSS

github

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

programming

webåˆ¶ä½œ

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
èª°ã§ã‚‚è‰¯ã„æ–‡ç« ãŒæ›¸ã‘ã‚‹ï¼Webãƒ©ã‚¤ãƒ†ã‚£ãƒ³ã‚°11ã®ãƒ«ãƒ¼ãƒ«ï¼ˆã‚¹ãƒ©ã‚¤ãƒ‰ï¼‰ | ãƒ™ã‚¤ã‚¸ã®ç¤¾é•·ãƒ–ãƒã‚°
Webåˆ¶ä½œè€…ã‚’æ‚©ã¾ã›ã‚‹å•é¡Œã«ã€ã€ŒWebã‚’ç†ŸçŸ¥ã—ãŸã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ã‚¿ãƒ¼ãŒã„ãªã„å•é¡Œã€ãŒã‚ã‚Šã¾ã™ã€‚ç‰¹ã«ãƒ¡ãƒ‡ã‚£ã‚¢åž‹ã®Webã‚µã‚¤ãƒˆã®å ´åˆã€æ–‡ç« ã®è³ªãŒã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãƒ‘ãƒ¯ãƒ¼ã€ã²ã„ã¦ã¯Webã‚µã‚¤ãƒˆã®é›†å®¢åŠ›ãƒ»è¨´æ±‚åŠ›ãã®ã‚‚ã®ã«ãªã£ã¦ãã¾ã™ã€‚ã—ã‹ã—ç¾çŠ¶ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ¡ãƒ³ãƒãƒ¼ã«ã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ã‚¿ãƒ¼ãŒå‚åŠ ã—ãªã„ã®ã¯å½“ãŸã‚Šå‰ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã‚‚ã—ã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ã‚¿ãƒ¼ã‚’ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å‚åŠ ã•ã›ãŸã„ã¨æ€ã£ã¦ã‚‚ã€Webç‰¹æœ‰ã®ãƒ¦ãƒ¼ã‚¶è¡Œå‹•ã‚„è¨è¨ˆæ€æƒ³ã€SEOãªã©ã«ç²¾é€šã—ã€Webã«ç›¸å¿œã—ã„æ–‡ç« ã‚’ä½œã£ã¦ãã‚Œã‚‹ã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ã‚¿ãƒ¼ã¯ã€ã“ã®å¸‚å ´ã«ã”ãã‚ãšã‹ã—ã‹å˜åœ¨ã—ãªã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã“ã®Webã®ã‚³ãƒ”ãƒ¼å•é¡Œã¯ã€è€ƒãˆã‚‹ä»¥ä¸Šã«æ·±åˆ»ã§ã™ã€‚ãªãœãªã‚‰ã€æ–‡ç« ã®è‰¯ã—æ‚ªã—ã§ã€ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ã‚‚ãƒ¦ãƒ¼ã‚¶ã®æº€è¶³åº¦ã‚‚ãƒ–ãƒ©ãƒ³ãƒ‰ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚‚ã€ç°¡å˜ã«å¤‰ã‚ã£ã¦ã—ã¾ã†ãŸã‚ã§ã™ã€‚ãã—ã¦ã€ãã®å•é¡Œã«å¯¾ã™ã‚‹ç§ãŸã¡ã®çµè«–ã¯ã€Œå…¨å“¡ã§ã‚³ãƒ”ãƒ¼ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦æ ¡æ£ã—ã‚ˆã†ã€ã¨ã„ã†ã“ã¨ã§ã™ã€‚ ç§è‡ªèº«ã¯ä»Šã¾ã§
maisenakajima 2014/11/20
Web

æ–‡ç«

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

Webåˆ¶ä½œ

writing

æ–‡ç« è¡“

åŸºæœ¬
ãƒªãƒ³ã‚¯
SVGã‚¯ãƒªãƒƒãƒ”ãƒ³ã‚°ãƒžã‚¹ã‚¯ã«ãƒãƒ£ãƒ¬ãƒ³ã‚¸ï¼é™æ¢ç”»åƒã‚‚å‹•ç”»ã‚‚ã€SVGã§åˆ‡ã‚ŠæŠœã“ã†ï¼
2014å¹´10æœˆ8æ—¥ SVG Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã§ã¡ã‚‡ã“ã¡ã‚‡ã“å–ã‚Šä¸Šã’ã¦ããŸSVGã€‚ä»Šå›žã¯ç¬¬å››å¼¾ï¼SVGã‚’ä½¿ã£ãŸã‚¯ãƒªãƒƒãƒ”ãƒ³ã‚°ãƒžã‚¹ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ä»Šã¾ã§ã¯ç”»åƒã«é€éŽPNGã‚’é‡ãã¦ãƒžã‚¹ã‚¯ã‚’è¡¨ç¾ã§ãã¾ã—ãŸãŒã€é«˜è§£åƒåº¦ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«å¯¾å¿œã•ã›ãŸã‚Šã€ãƒžã‚¹ã‚¯è‡ªä½“ã«åŠ¹æžœã‚’ã¤ã‘ã‚‹ãªã‚‰SVGãŒä¾¿åˆ©ã‹ãªãƒ¼ã¨æ€ã„ã¾ã™ã€‚ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã«ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ã¤ã‘ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã¨ã—ã¦ä½¿ãˆã‚‹ã®ã§ã€ãœã²ãƒžã‚¹ã‚¿ãƒ¼ã—ã¦ãã ã•ã„ãï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ SVGã®ã‚¯ãƒªãƒƒãƒ”ãƒ³ã‚°ãƒžã‚¹ã‚¯åŸºç¤Ž 1. ç”»åƒã‚’ç”¨æ„ ãã‚Œã§ã¯ã•ã£ããè©¦ã—ã¦ã¿ã¾ã—ã‚‡ã†ï¼ã¾ãšã¯åˆ‡ã‚ŠæŠœã‹ã‚Œã‚‹ç”»åƒã‚’ç”¨æ„ã—ã€img ã‚¿ã‚°ã§è¡¨ç¤ºã—ã¾ã™ã€‚ã“ã®æ™‚ç”»åƒã« mask ã¨ã„ã†ã‚¯ãƒ©ã‚¹ã‚’ä¸Žãˆã¦ãŠãã¾ã™ã€‚ <img class="mask" src="images/rose.jpg" alt="Rose"> 2. ãƒžã‚¹ã‚¯ã®åž‹ã‚’ç”¨æ„ Illustratorã§
maisenakajima 2014/10/09
SVG

webåˆ¶ä½œ

html

css

HTML5

CSS3
ãƒªãƒ³ã‚¯
ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£è¨ºæ–ãƒ»æ¤œæŸ»ã®GMOã‚µã‚¤ãƒãƒ¼ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ byã‚¤ã‚¨ãƒ©ã‚¨
â€»1 å½“ç¤¾èª¿ã¹ â€»2 HTB Business CTF 2024:å›½å†…1ä½ â€»3 2023å¹´ DEF CON 31 Cloud Village CTF:ä¸–ç•Œ1ä½ã€2024å¹´ DEF CON 32 Cloud Village CTF :ä¸–ç•Œ1ä½
maisenakajima 2014/10/01
ui

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

Webåˆ¶ä½œ

programming

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’è€ƒãˆãŸãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ | Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’è€ƒãˆãŸãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹å¤šãã®Webã‚µã‚¤ãƒˆã«è¨ç½®ã•ã‚Œã¦ã„ã‚‹ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€‚ã†ã¾ãã‚«ãƒ†ã‚´ãƒªãƒ¼åˆ†ã‘ã•ã‚Œã¦ã„ã‚Œã°éžå¸¸ã«ã‚ã‹ã‚Šã‚„ã™ãã€ã‚¹ãƒšãƒ¼ã‚¹ã‚‚å–ã‚‰ãªã„ã®ã§åˆ¶ä½œå´ã‹ã‚‰ã‚‚æ„›ã•ã‚Œã¦ã„ã¾ã™ãã€‚ã—ã‹ã—ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®è¦³ç‚¹ã‹ã‚‰è€ƒãˆã‚‹ã¨ã€ã¡ã‚‡ã£ã¨ã‚„ã£ã‹ã„ãªå˜åœ¨ã§ã¯ã‚ã‚Šã¾ã™ã€‚ãƒžã‚¦ã‚¹ãŒã†ã¾ãåˆ©ç”¨ã§ããªã„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚’ä½¿ã£ã¦ãƒšãƒ¼ã‚¸ã‚„ãƒªãƒ³ã‚¯ã‚’ç§»å‹•ã—ã¾ã™ãŒã€ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ `tab` ã‚ãƒ¼ã‚’ä½¿ã£ã¦ã‚‚ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œãªã„ã®ã§ã™ã€‚ä»Šå›žã¯ã“ã®å•é¡Œã‚’è§£æ±ºã—ã‚ˆã†ã¨æ€ã„ã¾ã™ï¼ ã“ã¡ã‚‰ã® Gif ç”»åƒã®ã‚ˆã†ã«ã€ã‚«ãƒ¼ã‚½ãƒ«ã§ã¯ãªãã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã® tab ã‚ãƒ¼ã‚’ä½¿ã£ã¦ãƒªãƒ³ã‚¯ã‚’æŽ¨ç§»ã§ãã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚é€šå¸¸ã® HTML ã¨ CSS ã‚’ä½¿ã£ãŸè¨ç½®æ–¹æ³•ã ã¨éš ã•ã‚Œã¦ã„ã‚‹åãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œãªã„ã®ã§ã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰æ“ä½œã§ã‚‚ã†ã¾ãè¡¨ç¤ºã™ã‚‹ã®ãŒä»Šå›žã®ç›®æ¨™ã§ã™ã€‚ã¡ãªã¿ã«ã“ã®ãƒ–ãƒã‚°ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡
maisenakajima 2014/09/20
javascript

CSS

design

webåˆ¶ä½œ

jQuery
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ã®ä»•æ§˜ã¯ä»Šã©ã“ã«ã‚ã‚‹ã®ã‹ï¼Ÿ
Webã®ä»•æ§˜ ã‚¦ã‚§ãƒ–ã®ä»•æ§˜ã¨ã„ãˆã°ã€W3Cã‚„WHATWGã€IETFã¨ã‹ãŒæ€ã„æµ®ã‹ã¶ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã“ã‚Œã‚‰ã®ä»•æ§˜ãŒæœ€è¿‘ã§ã¯ãƒ¡ãƒ¼ãƒªãƒ³ã‚°ãƒªã‚¹ãƒˆã‚„IRCã¨ã„ã£ãŸæ—§æ¥ã®ã¨ã“ã‚ã ã‘ã§ã¯ãªãã€GitHubä¸Šã§è°è«–ã•ã‚Œã¦ç–å®šãŒé€²ã‚ã‚‰ã‚Œã¦ã„ã‚‹äº‹ãŒå¢—ãˆã¦ã„ã¾ã™ã€‚(ä¸¡æ–¹ä½¿ã£ã¦ã‚‹ã¨ã„ã†è©±) ã“ã®è¨˜äº‹ã¯ãã®ã‚ˆã†ãªæ–¹æ³•ã§é€²ã‚ã‚‰ã‚Œã¦ã‚‹ä»•æ§˜ç‰ã«ã¤ã„ã¦ã®ç´¹ä»‹ã§ã™ã€‚ ï¼Š è‡ªåˆ†è‡ªèº«ã¯ãã“ã¾ã§ä»•æ§˜ã«å¯¾ã—ã¦å¼·ã„èˆˆå‘³ãŒã‚ã‚‹ã‚ã‘ã§ã¯ãªã„ã®ã§ã€ã‚‚ã£ã¨è©³ã—ã„æ–¹ãŒæ£ã—ãã¾ã¨ã‚ã¦é ‚ããŸã„ã§ã™ã€‚ã€‚ æœ€åˆã«Move The Web Forward | Guide to getting involved with standards and browser developmentã‚’è¦‹ã¦ãŠãã¨ã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ JavaScriptã®ä»•æ§˜ ã“ã®å‹•ããŒå¤šãè¦‹ã‚‰ã‚Œã‚‹ã®ãŒJavaScript(ECMAScriptã‚„DOM APIã‚’å«ã‚€)å‘¨ã‚Šã®ä»•æ§˜ã«ã¤ã„
maisenakajima 2014/09/04
JavaScript

Webåˆ¶ä½œ

css

ã¾ã¨ã‚

API

W3C
ãƒªãƒ³ã‚¯
javascriptã§æ—¥ä»˜ã‚’ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆ / ãƒ‘ãƒ¼ã‚¹ã™ã‚‹ - Qiita
javascirptã§æ—¥ä»˜ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã€ãƒ‘ãƒ¼ã‚¹ã‚’ã™ã‚‹ã®ã«ã¯ã€ã„ã¤ã‚‚è‹¦åŠ´ã—ã¾ã™ã€‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒãªã„ã‚ã‘ã§ã¯ãªã„ã®ã§ã™ãŒã€æ¨™æº–ãŒä¸åœ¨ãªã®ã§åˆ¤æ–ã«å›°ã‚‹ã®ã§ã™ã€‚ãã“ã§ã€ä¸€èˆ¬çš„ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã®å®Ÿè£…çŠ¶æ³ã‚’èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ AngularJS æ–‡å—åˆ—ã¸ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ã§ãã‚‹ãŒã€æ–‡å—åˆ—ã‹ã‚‰ã®ãƒ‘ãƒ¼ã‚¹ã¯ã§ããªã„
maisenakajima 2014/06/07
programming

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

webåˆ¶ä½œ

JavaScript
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ä»•æ§˜æ›¸(ã‚¬ã‚¤ãƒ‰) ã®æ›¸ãæ–¹(åˆæ©ç”¨)
8. ã€€ãƒ‡ã‚¶ã‚¤ãƒ³å®Œäº†ï¼ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ä½œæˆï¼ é–‹ç™ºå®Œäº†ï¼äº‹å‰ã«æ‰“ã¡åˆã‚ã›ï¼ ï¼ˆè¨è¨ˆæ®µéšŽï¼‰ é–‹ç™ºè€…ã¨ã€ A ã‹ã‚‰ Z ã¾ã§äº‹å‰ã«ã¨ã“ã¨ã‚“è©±ã—åˆã†ã“ã¨ å¯èƒ½ãªé™ã‚Šã€æ¯Žå›žç¢ºèªï¼ˆé–‹ç™ºç¤¾ ( è€… ) ã”ã¨ã«ã€ã‚¹ã‚¿ã‚¤ãƒ«ã¯é•ã†ï¼ï¼‰ å…¨ã¦ã®ãƒ‡ãƒ¼ã‚¿ã‚’è¡¨è¨˜ã™ã‚‹è€ƒãˆã¯ã€æ¨ã¦ã‚‹ã“ã¨ï¼ˆäº’ã„ã«ç–²ã‚Œã‚‹ã ã‘ï¼‰ ä½•ã ã€ã„ã„ãƒ¤ãƒ„ ã˜ã‚ƒãªã„ã‹ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ ? ãŠã™ã™ã‚ã®ãƒ—ãƒã‚»ã‚¹ã¨ã¯â€¦
maisenakajima 2014/06/07
Webãƒ‡ã‚¶ã‚¤ãƒ³

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

æ•™è‚²

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ç¾Žã—ã„ç„¡æ–™UIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆç´ æ35å€‹ã¾ã¨ã‚PhotoshopVIP |
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
maisenakajima 2014/06/04
webåˆ¶ä½œ

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

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

design

WebDesign
ãƒªãƒ³ã‚¯
JavaScriptã§å¤‰ãªå½¢ã®ã‚¯ãƒªãƒƒã‚¯é ˜åŸŸã‚’ä½œã‚‹ã¨ãã€svgãŒä¾¿åˆ© - MANA-DOT
æ˜¨æ—¥ã®Vieraã®ãƒªãƒ¢ã‚³ãƒ³ã€ãƒªãƒ¢ã‚³ãƒ³ã‚’ä½œã‚ŠãŸã‹ã£ãŸã®ã‚‚ã‚ã‚‹ã‘ã©ã€svgã¨JavaScriptã‚’çµ„ã¿åˆã‚ã›ãŸç°¡å˜ãªãƒ—ãƒã‚°ãƒ©ãƒ ã‚’è©¦ã—ã«æ›¸ã„ã¦ã¿ãŸã‹ã£ãŸã¨ã„ã†ã®ãŒã‚ã‚Šã¾ã™ã€‚ html5ã§ã¯svgã‚’htmlä¸ã«åŸ‹ã‚è¾¼ã‚“ã§ã€æ›´ã«ãã®svgã«cssã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å½“ã¦ãŸã‚Šã€JavaScriptã§ã„ã‚ã„ã‚ã‚„ã£ãŸã‚Šå‡ºæ¥ã¾ã™ã€‚ ã“ã®æ™‚ã€è¦ç´ ã®ã‚¯ãƒªãƒƒã‚¯é ˜åŸŸã¯è¦ç´ ã®å½¢ãã®ã¾ã¾ãªã®ã§ã€æ˜¨æ—¥ã®ãƒªãƒ¢ã‚³ãƒ³ã®ã‚ˆã†ãªå¤‰ãªå½¢ã®ã‚¯ãƒªãƒƒã‚¯é ˜åŸŸã‚’ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ä»¥ä¸‹ã®ç”»åƒã®è‰²ã®ã¤ã„ãŸç®‡æ‰€ã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ãŸã‚Šã‚¯ãƒªãƒƒã‚¯ã‚’ã—ãŸã‚Šã—ã¦ã¿ã¦ãã ã•ã„ã€‚ 100km ç”»åƒã¯Wikipediaã‚ˆã‚Šã€‚ ä¸Šè¨˜ã®ç”»åƒã¯ã€ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ç®‡æ‰€ã« .svg-area ã¨ã„ã†ã‚¯ãƒ©ã‚¹åã¨ã€data-nameå±žæ€§ã«å¸‚ç”ºæ‘ã®æ–‡å—åˆ—ãŒå…¥ã£ã¦ãŠã‚Šã€ä»¥ä¸‹ã®æ§˜ãªcss/jsã«ã‚ˆã£ã¦å‹•ä½œã‚’å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚ path.svg-area { cursor: pointer;
maisenakajima 2014/05/11
SVG

javascript

webåˆ¶ä½œ

ç”»åƒ

ãƒžãƒƒãƒ—

html
ãƒªãƒ³ã‚¯
jagrid - Excelæ–¹çœ¼ç´™ã‚’Webä¸Šã«å†ç¾ï¼ MOONGIFT
ã“ã‚Œã¯å‡„ã„ã‹ã‚‚çŸ¥ã‚Œãªã„â€¦ã€‚ æœ€è¿‘ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯å¹…ã‚’12åˆ†å‰²ã—ãŸä¸Šã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«é©å¿œã•ã›ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã«ãªã£ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã“ã‚Œã§ã¯ç·»å¯†ãªç”»é¢è¨è¨ˆã‚’æ±‚ã‚ã‚‰ã‚Œã‚‹æ—¥æœ¬ã®æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã«ã¯ãƒžãƒƒãƒã—ã¾ã›ã‚“ã€‚ æ—¥æœ¬ã®æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã¨è¨€ãˆã°Excelæ–¹çœ¼ç´™ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã™ï¼ˆæ–å®šï¼‰ã€‚ãã®UIã«æ…£ã‚Œè¦ªã—ã‚“ã äººã®ãŸã‚ã®ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒjagridã§ã™ã€‚ jagridã®ä½¿ã„æ–¹ ã“ã‚“ã«ã¡ã¯ã€Excelæ–¹çœ¼ç´™ï¼ ã†ã‚“ã€ã¾ã•ã«Excelæ–¹çœ¼ç´™ã§ã™ã€‚ è¡¨ã¯ã¾ã•ã«ãŠæ‰‹ã®ç‰©ã€‚ ã‚»ãƒ«3ã¤åˆ†ã€ã¨ã„ã£ãŸæŒ‡å®šã‚‚ç°¡å˜ã«ã§ãã¾ã™ï¼ˆdata-widthã§æŒ‡å®šï¼‰ã€‚ å¾“æ¥ã®Webã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨åˆã‚ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ã¡ã‚ƒã‚“ã¨æ–‡å—ã®é ãŒåˆã£ã¦ã„ã‚‹ã®ã«æ³¨ç›®ã€‚ ã“ã‚“ãªç·»å¯†ãªç”»é¢ã‚‚ç°¡å˜ã«è¨è¨ˆã§ãã¾ã™ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦ã“ã‚Œã»ã©ç·»å¯†ãªç”»é¢ã‚’è¨è¨ˆã—ã‚ˆã†ã¨æ€ã†ã¨ã€ã‹ãªã‚Šè‹¦åŠ´ã™ã‚‹ã¯ãšã§ã™ã€‚ã—ã‹ã—ja
maisenakajima 2014/05/11
webåˆ¶ä½œ

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

html

css

excel
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° Tips ã‚ã‚Œã“ã‚Œ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ã‚¦ã‚£ãƒ¼ã‚¯ã¯ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ã«éŽã”ã›ãã†ã«ãªã„ Latin ã§ã™ã€‚ ä»Šå›žã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å‘¨ã‚Šã§ã®ã‚ã‚Œã“ã‚Œã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ å…ˆæ—¥ã® macky ã®è¨˜äº‹ã€ã€Œã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®çŸ¢å°ä»˜ããƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’CSSã®ã¿ã§å®Ÿè£…ã™ã‚‹ã€‚ã€ã‚‚ã‚ã‚ã›ã¦ã”è¦§ãã ã•ã„ã€‚ viewport ç³»ã®è¨å®š æç”»ã‚µã‚¤ã‚ºã‚’ãƒ‡ãƒã‚¤ã‚¹ã®æ¨ªå¹…ã«åˆã‚ã›ã‚‹ã€æ‹¡å¤§ç¸®å°ã‚’ä¸å¯ã« ã“ã‚ŒãŒä¸€ç•ªã‚ˆãè¦‹ã‚‹å½¢å¼ã§ã—ã‚‡ã†ã‹ï¼Ÿ <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scala ble=no"> æ–‡å—ã‚µã‚¤ã‚ºã®è‡ªå‹•èª¿æ•´ã‚’ã‚ªãƒ•ã«ã™ã‚‹ å„ã‚¹ãƒžãƒ›ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ã€æ¨ªå‘ãã«ã™ã‚‹ã¨ text-size-adjust ã®å‡¦ç†ãŒèµ°ã‚Šã€è‡ªå‹•ã§æ–‡å—ã‚µã‚¤ã‚ºã‚’æœ€é©åŒ–ï¼ˆæ‹¡å¤§ï¼‰ã™ã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ èª
maisenakajima 2014/04/27
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

æœ€é©åŒ–

CSS

Webåˆ¶ä½œ

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

html
ãƒªãƒ³ã‚¯
awesome-css-tutorials-2014-spring.html
CSSã®é€²åŒ–ãŒæ¢ã¾ã‚Šã¾ã›ã‚“ã€‚ ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã®æ‰“ã¡å‡ºã—ç”»åƒã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§ã†ã¾ãé…ç½®ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«ã¡ã‚‡ã£ã¨ã—ãŸã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚’åŠ ãˆãŸã„ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”¨ã®font-sizeæŒ‡å®šã®ã†ã¾ã„æ–¹æ³•ãªã©ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®æ¥µä¸Šãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Zig Zag Border Created CSS æœ€è¿‘è¦‹ã‹ã‘ã‚‹ã‚ˆã†ãªã£ãŸã‚¸ã‚°ã‚¶ã‚°ã®ãƒœãƒ¼ãƒ€ãƒ¼ã€‚ç”»åƒã®ä½¿ç”¨ã¯ãªã—ã€divã®ä¸‰è§’å½¢ã‚’ãŸãã•ã‚“ä¸¦ã¹ã‚‹ã§ã‚‚ãªãã€æ™®é€šã«divä¸€ã¤ã ã‘ã§å®Ÿè£…ã§ãã¾ã™ã€‚åŒºåˆ‡ã‚Šç·šã¨ã—ã¦ã‚‚ãƒ‘ãƒãƒ«ã®é£¾ã‚Šã¨ã—ã¦ã‚‚åˆ©ç”¨ã§ãã¾ã™ã€‚ SVGã‚’ä½¿ã£ãŸç‰ˆã¯ã“ã¡ã‚‰ã€Pinked Border
maisenakajima 2014/04/27
CSS

webåˆ¶ä½œ

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

CSS3

web
ãƒªãƒ³ã‚¯
CSS ã«ã¯ vw, vh, vmin, vmax ã¨ã„ã†å˜ä½ãŒã‚ã‚‹ | DevelopersIO
ä¾‹ã¨ã—ã¦ä»¥ä¸‹ã®æ§˜ãª HTML æ§‹é€ ãŒã‚ã£ãŸã¨ã—ã¾ã™ã€‚ <body>  <img src="images/thumbnail.jpg" /> </body> img { display: inline-block; margin: auto; width: 10vw; } img ã®å¹…ã‚’ 10vw ã¨æŒ‡å®šã—ã¦ã„ã¾ã™ã€‚åŸºæº–ã¨ãªã‚‹ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã®å¹…ã‚’ vw ã§è¡¨ã™ã¨ 100vw ã¨ãªã‚Šã¾ã™ã€‚iPhone 5S ã®ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆå¹…ã‚’ãƒ”ã‚¯ã‚»ãƒ«ã§è¡¨ã™ã¨ 320px ãªè¨³ã§ã™ãŒã€10vw ã¯ãã® 1/10 ã¨ã„ã†ã“ã¨ã§32px ãŒ img ã®å¹…ã¨ãªã‚Šã¾ã™ã€‚ã¤ã¾ã‚Š 1vw ã¯ 1% ã¨åŒã˜é•·ã•ã«ãªã‚Šã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã‚‚å¯¾å¿œã—ãŸå‹•ãã‚’æŒã£ã¦ã„ã¾ã™ã€‚ Demo - viewport lengthã‚’é–‹ãï¼ˆã“ã®ã‚µãƒ³ãƒ—ãƒ«ã¯Chromeãƒ–ãƒ©ã‚¦ã‚¶ã§ã®
maisenakajima 2014/04/27
vw(viewport width) viewportã®å¹…ã«å¯¾ã™ã‚‹å‰²åˆã€vh(viewport heigh) viewportã®é«˜ã•ã«å¯¾ã™ã‚‹å‰²åˆã€vmin(viewport minimum)viewportã®å¹…ã¨é«˜ã•ã®ã†ã¡ã€å€¤ãŒå°ã•ã„æ–¹ã«å¯¾ã™ã‚‹å‰²åˆã€vmax(viewport max)viewportã®å¹…ã¨é«˜ã•ã®ã†ã¡ã€å€¤ãŒå¤§ãã„æ–¹ã«å¯¾ã™ã‚‹å‰²åˆ

css

HTML

css3

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

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

Webåˆ¶ä½œ

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
CSSè¬ç½ªæ–‡ - jsdo.it - Share JavaScript, HTML5 and CSS
CSSã«ã‚ˆã‚‹ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã•ã‚Œãªã„è¬ç½ªæ–‡ CSSã«æœ¬æ–‡ãŒæ›¸ã„ã¦ã‚ã‚‹ã®ã§ã€ç”»é¢ä¸Šã¯è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ãŒGoogleã§ã®ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰æ¤œç´¢ã«ã¯å¼•ã£ã‹ã‹ã‚‰ãªã„ ã€Œæµå‡ºã€ãªã©ã®å«Œãªå˜èªžã¯:beforeã¨:afterã«ã€Œæµã€ã€Œå‡ºã€ã‚’åˆ†ã‘ã¦æ›¸ãã“ã¨ã§ã€è‡ªç„¶è¨€èªžè§£æžã‚’å›žé¿ #s { p:first-child { font-weight: bold; font-size: 120%; } p:not(:first-child) { text-indent: 1em; } p:nth-child(1):before{ content: "ãŠã€€è©«"; } p:nth-child(1):after{ content: "ã€€ã³"; } p:nth-child(2):before{ content: "å¹³ç´ ã¯å¼Šç¤¾ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”åˆ©ç”¨ã„ãŸã ãã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚"; } p:nth-child(3):before{ c
maisenakajima 2014/04/19
CSSã«ã‚ˆã‚‹ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã•ã‚Œãªã„è¬ç½ªæ–‡ã€‚

CSS

html

webåˆ¶ä½œ

programming

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
å¹´é–“300å„„ã€‚Webãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ï¼“ã¤ã®é–“é•ã„ãƒ»è½ã¨ã—ç©´
ã€Œãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’æ„è˜ã™ã‚‹ã“ã¨ãŒå¤§åˆ‡ï¼ã€ã£ã¦è¨€ã‚ã‚Œã¦ã‚‚ã€ä½•ã¨ãªãæ„å‘³ã¯åˆ†ã‹ã‚‹ã‘ã©å…·ä½“çš„ã«ã©ã†ã™ã‚Œã°è‰¯ã„ã®â€¦â€¦ã¨æ‚©ã‚“ã§ã„ã‚‹æ–¹ã‚‚å¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¨ã¯ã€ã€Œå˜ãªã‚‹ä½¿ã„ã‚„ã™ã•ã€ã®ã“ã¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ç‰¹ã«Webã«ãŠã„ã¦ã¯å£²ä¸Šã‚„æˆæžœãªã©ãƒ“ã‚¸ãƒã‚¹ã‚’å·¦å³ã™ã‚‹é‡è¦ãªæ¦‚å¿µã§ã™ã€‚ã—ã‹ã—ã€å¤šãã®äººãŒãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦é–“é•ã£ãŸèªè˜ã‚’æŒã£ã¦ã„ã‚‹ãŸã‚ã«ã€ã¿ã™ã¿ã™å£²ä¸Šã‚„æˆæžœã‚’é€ƒã—ã¦ã„ã‚‹ã‚±ãƒ¼ã‚¹ã‚’ã‚ˆãç›®ã«ã—ã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’æ£ã—ãç†è§£ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆã¯ã€ç‰¹å®šã®ãƒ¦ãƒ¼ã‚¶ã®è¡Œå‹•ã€å¿ƒç†ã€ç›®çš„ã«ç„¦ç‚¹ã‚’å½“ã¦ã‚‹ã“ã¨ã§ã™ã€‚ æœ¬æ—¥ã¯ã€ã‚ˆãã‚ã‚‹ã€Œé–“é•ã„ãƒ»è½ã¨ã—ç©´ã€ã‚’ä¾‹ã«å‡ºã—ãªãŒã‚‰ã€å£²ä¸Šæ”¹å–„ã«ç›´çµã™ã‚‹ã€Œæ£ã—ã„ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®è€ƒãˆæ–¹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ãœã²çš†ã•ã‚“ã‚‚ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®ç†è§£ã‚’æ·±ã‚ã€Webã‚µã‚¤ãƒˆã®æ”¹è‰¯ã«å½¹ç«‹ã¦ã¦ãã ã•ã„ï¼ ã€äº‹ä¾‹ã€‘ï¼‘ã¤ã®ãƒœã‚¿ãƒ³ã‚’å¤‰ãˆãŸã ã‘ã§ã€å¹´é–“300å„„ã®å£²ä¸Šå¢—ï¼å£²ä¸Šã«ç›´çµã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¨ã¯ã€
maisenakajima 2014/04/17
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

UI

UX

ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
HTMLãƒ»CSSã‚’åˆã‚ã¦å¦ã¶æ™‚ã«åˆã‚ã›ã¦çŸ¥ã£ã¦ãŠããŸã„ã€ç‰¹æ®Šè¨˜å·ã®èªã¿æ–¹é›†ã€é€£è¼‰ï¼šã‚³ãƒ”ãƒšã§ä½¿ãˆã‚‹ITè‹±èªžtipsã€‘ - ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢type
HTMLãƒ»CSSã‚’åˆã‚ã¦å¦ã¶æ™‚ã«åˆã‚ã›ã¦çŸ¥ã£ã¦ãŠããŸã„ã€ç‰¹æ®Šè¨˜å·ã®èªã¿æ–¹é›†ã€é€£è¼‰ï¼šã‚³ãƒ”ãƒšã§ä½¿ãˆã‚‹IT è‹±èªžtipsã€‘ 2014/01/30å…¬é–‹ ãƒãƒƒãƒˆã‚µãƒ¼ãƒ“ã‚¹ã‚„ã‚¢ãƒ—ãƒªã®æ™®åŠã«ä¼´ã£ã¦ã€Webåˆ¶ä½œã®ã‚¹ã‚ãƒ«ã‚’èº«ã«ä»˜ã‘ã‚ˆã†ã¨ã—ã¦ã„ã‚‹äººãŒå¢—ãˆã¦ã„ã‚‹ã€‚ãã†ã„ã†äººãŒã€å‚è€ƒæ›¸ã‚„ãƒãƒƒãƒˆã®ãƒŽã‚¦ãƒã‚¦è¨˜äº‹ã‚’è¦‹å§‹ã‚ã¦æœ€åˆã«é¢é£Ÿã‚‰ã†ã®ã¯ã€ç‰¹æ®Šè¨˜å·ã‚„ç•¥èªžã®æ•°ã€…ã ã‚ã†ã€‚ ç•¥èªžã«é–¢ã—ã¦è¨€ãˆã°ã€ç†è€…ã¯ã€Œhrefã€ã‚’ãšã£ã¨ã€Œãƒãƒ¼ãƒ•ã€ã¨èªã‚“ã§ã„ã¦ã€é–“é•ã„ã«æ°—ä»˜ã„ãŸæ™‚ã«æ¥ãšã‹ã—ã„æ€ã„ã‚’ã—ãŸçµŒé¨“ãŒã‚ã‚‹ã€‚èªè€…ã®ä¸ã«ã‚‚ã€åŒã˜ã‚ˆã†ãªçµŒé¨“ã‚’æŒã¤äººãŒã„ã‚‹ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ ãã“ã§ä»Šå›žã¯ã€ã“ã‚Œã‹ã‚‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚„HTMLã€CSSã‚’å‹‰å¼·ã—ã‚ˆã†ã¨ã—ã¦ã„ã‚‹äººå‘ã‘ã«ã€ã‚ˆããƒ—ãƒãƒ‘ãƒ†ã‚£ã§ä½¿ã‚ã‚Œã‚‹ä¸»ãªç‰¹æ®Šè¨˜å·ã‚„ç•¥èªžã®èªã¿æ–¹ã«ã¤ã„ã¦ç´¹ä»‹ã™ã‚‹ã€‚ä¸€éƒ¨ã«ã¯ä¾‹æ–‡ã‚‚ä»˜ä¸Žã—ã¦ã„ã‚‹ã®ã§ãœã²å‚è€ƒã«ã—ã¦ã»ã—ã„ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ã‚ˆãä½¿ã†ä¸»ãªç‰¹æ®Šè¨˜å· <> less than s
maisenakajima 2014/04/04
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

webåˆ¶ä½œ

CSS

html

programming
ãƒªãƒ³ã‚¯
ã€Žï¼“åˆ†ã§åˆ†ã‹ã‚‹ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€
1 pixelï½œã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–ã‚Šçµ„ã¿ã‚’ç´¹ä»‹ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚æœ€æ–°æŠ€è¡“ã¸ã®æŒ‘æˆ¦ã‚„ã‚µãƒ¼ãƒ“ã‚¹èª•ç”Ÿã®è£è©±ã€å‹‰å¼·ä¼šã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ã€‚ 2013å¹´åº¦æ–°å’å…¥ç¤¾ã€DETOXã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’ã—ã¦ã„ã‚‹Sonokoã¨ç”³ã—ã¾ã™ã€‚ ä»Šå›žã¯DETOXã§ç”¨ã„ãŸãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ãŠè©±ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ DETOXã¨ã¯ DETOXã¨ã¯è¨€ã„ãŸã„ã“ã¨ã‚‚è¨€ãˆãªã„ã“ã‚“ãªä¸–ã®ä¸ã§ã€ãƒã‚¬ãƒ†ã‚£ãƒ–ãªç™ºè¨€ã‚„å¤±æ•—ã‚„æ„šç—´ã‚’æ°—å¿ƒã®çŸ¥ã‚ŒãŸå‹äººåŒå£«ã§å…±æœ‰ã§ãã‚‹ãƒ‹ãƒ¥ãƒ¼ã‚¿ã‚¤ãƒ—SNSã§ã™ã€‚ ã€ŒSNSç–²ã‚Œã€ãªã©ã§æºœã¾ã£ãŸç¾ä»£ã®ã‚³ã‚³ãƒã®é—‡ã‚’ã€Œãƒã‚¤ã‚ºãƒ³ã€ã¨ã—ã¦åãå‡ºã›ã¾ã™:) DETOXã§ã¯ã€iOS 7ã®æ™®åŠã«ä¼´ã„ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æè¼‰ã—ã¾ã—ãŸã€‚ ãƒˆãƒ¬ãƒ³ãƒ‰ã®ã€Œãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€ã£ã¦ãªã«ï¼Ÿã¾ãšã¯ã©ã‚“ãªã‚‚ã®ã‹ã€ç™¾èžã¯ä¸€è¦‹ã«ã—ã‹ãš
maisenakajima 2014/04/04
design

webåˆ¶ä½œ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
å€‹äººã§ã‚‚ã‚µã‚¤ãƒˆç«‹ã¡ä¸Šã’æ™‚ã¯å®Ÿæ–½ã™ã¹ã7ã‚¹ãƒ†ãƒƒãƒ— - éˆ´æœ¨ã§ã™ã€‚åˆ¥é¤¨
æœ¬è¨˜äº‹ã¯ç§»è»¢ã—ã¾ã—ãŸã€‚ ç´„1ç§’å¾Œã«ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã—ã¾ã™ã€‚ ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã—ãªã„å ´åˆã¯ã“ã“ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãã ã•ã„ã€‚
maisenakajima 2014/04/04
webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸