[B! tutorial] akira_maruã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

akira_maru id:akira_maru

tutorialã«é–¢ã™ã‚‹akira_maruã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (35)

${{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ã®ã¿ã§ãŠæ´’è½ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä»˜ãã®ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’ä½œã£ã¦ã¿ãŸ
å‰ã€…ã‹ã‚‰ã€ŒCSSã ã‘ã§ãŠæ´’è½ãªãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ä½œã‚Œãªã„ã‹ãªï½žã€ã¨æ€ã£ã¦è‰²ã€…ã¨è©¦ã—ã¦ã„ãŸã‚“ã§ã™ãŒã€ã‚ˆã†ã‚„ãç´å¾—ã®ã„ãå‡ºæ¥ã®ç‰©ãŒå®Œæˆã—ãŸã®ã§è¼‰ã›ã¦ãŠãã¾ã™ã€‚ PureCSS ModalWindow ä»•çµ„ã¿ã¯å¾Œã§è§£èª¬ã™ã‚‹ã¨ã—ã¦ã€ã¨ã‚Šã‚ãˆãšä½œã£ãŸã‚µãƒ³ãƒ—ãƒ«ã‚’5ã¤ç´¹ä»‹ã—ã¾ã™ã€‚ ä¸€å¿œã€ç”»é¢å¤–ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’é–‰ã˜ã‚‹æ©Ÿèƒ½ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã—ã€ãƒ”ãƒ¥ã‚¢CSSã®ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã«ã—ã¦ã¯çã—ã„é–‰ã˜ã‚‹éš›ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚å®Ÿç¾ã§ãã¾ã—ãŸã€‚ é€šå¸¸ãƒ‘ã‚¿ãƒ¼ãƒ³ See the Pen PureCSS ModalWindow (Normal) by Kuzlog (@Kuzlog) on CodePen. ä¸Šã‹ã‚‰ See the Pen PureCSS ModalWindow (Top) by Kuzlog (@Kuzlog) on CodePen. æ‹¡å¤§ See the Pen PureCSS ModalWind
akira_maru 2018/01/22
CSS

modalwindow

tutorial
ãƒªãƒ³ã‚¯
ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ã˜ã‚ã‚‹Vue.js
8. ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’å†™çµŒã—ã¦ ãƒ–ãƒ©ã‚¦ã‚¶ã§é–‹ã“ã† <!DOCTYPE html> <div id="app"> {{ message }} </div> <script src="https://unpkg.com/vue"></script> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) </script> 9. ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’å†™çµŒã—ã¦ ãƒ–ãƒ©ã‚¦ã‚¶ã§é–‹ã“ã† <!DOCTYPE html> <div id="app"> {{ message }} </div> <script src="https://unpkg.com/vue"></script> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!'
akira_maru 2017/12/07
vue.js

tutorial
ãƒªãƒ³ã‚¯
ã“ã‚Œã©ã†ã‚„ã£ã¦ä½œã‚‹ï¼Ÿå‚è€ƒã«ã—ãŸã„Illustratorã®ã™ã”ã„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¾ã¨ã‚
æ¯Žæœˆã€æ–°ã—ãå…¬é–‹ã•ã‚ŒãŸIllustratorã®ä½¿ã„æ–¹ã‚’ä½“æ„Ÿçš„ã«å¦ã¶ã“ã¨ãŒã§ãã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ä»Šå›žã¯ã€ã€Œã“ã‚Œã€ã©ã†ã™ã‚‹ã®ï¼Ÿã€ã¨ã„ã£ãŸIllustratorã®åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‹ã‚‰ã€è¦šãˆã¦ãŠãã¨ç›®ã‹ã‚‰ã‚¦ãƒã‚³ãªå®Ÿè·µå‘ã‘ãƒ‡ã‚¶ã‚¤ãƒ³å°æŠ€ã€ãã—ã¦ã‚ˆã‚Šé«˜åº¦ãªã‚¤ãƒ©ã‚¹ãƒˆãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã§å¹…åºƒã„ã‚»ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ãŒæƒã„ã¾ã™ã€‚ è¦šãˆã¦ãŠããŸã„åŸºæœ¬ãƒ„ãƒ¼ãƒ«ã®ä½¿ã„æ–¹ã‚’ã€å®Ÿéš›ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¡Œã„ãªãŒã‚‰è¦šãˆã‚‹ã“ã¨ã§ã€å³æˆ¦åŠ›ã¨ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å¦ã¶ã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãŸã€æœ€æ–°ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’æ„è˜ã—ãŸã€æ–°ã—ã„ãƒ„ãƒ¼ãƒ«ã®ä½¿ã„æ–¹ã‚„æ´»ç”¨æ–¹æ³•ã‚’çŸ¥ã‚‹ã®ã«ã‚‚ã´ã£ãŸã‚Šã§ã™ã€‚ åŸºæœ¬ã‚’æŠ¼ã•ãˆã¦å¦ã¶ï¼ã—ã£ã‹ã‚Šèº«ã«ã¤ã Illustrator ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«34å€‹ã¾ã¨ã‚ 2017å¹´9æœˆåº¦ ã“ã‚Œã©ã†ã‚„ã£ã¦ä½œã‚‹ï¼Ÿå‚è€ƒã«ã—ãŸã„Illustratorã®ã™ã”ã„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¾ã¨ã‚ ã‚·ãƒã‚¯ãƒžã‚’ã‚·ãƒ«ã‚¨ãƒƒãƒˆã«ã—ãŸãƒ™ã‚¯ã‚¿ãƒ¼ã‚¤ãƒ©ã‚¹ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ–¹æ³•
akira_maru 2017/11/17
illustrator

tutorial
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤Žã‚’å¦ã¶ ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³åˆå¿ƒè€…å‘ã‘ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ¬ãƒƒã‚¹ãƒ³ã¾ã¨ã‚ã€Œ22+ Absolutely Free Online Lessons For Beginner Graphic Designersã€
ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤Žã‚’å¦ã¶ ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³åˆå¿ƒè€…å‘ã‘ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ¬ãƒƒã‚¹ãƒ³ã¾ã¨ã‚ã€Œ22+ Absolutely Free Online Lessons For Beginner Graphic Designersã€ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã“ã‚Œã‹ã‚‰å§‹ã‚ã‚ˆã†ã¨ã™ã‚‹æ™‚ã«ã€æŠ‘ãˆã¦ãŠããŸã„ã®ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤ŽçŸ¥è˜ã€‚ã—ã£ã‹ã‚Šã¨ã—ãŸåŸºç¤ŽçŸ¥è˜ã¯ã€ä»Šå¾Œã®ä¼¸ã³ã‚„æˆé•·ã‚’ã‚‚ã—ã£ã‹ã‚Šã¨æ”¯ãˆã¦ãã‚Œã‚‹ã¯ãšã€‚ä»Šå›žã”ç´¹ä»‹ã™ã‚‹ã®ã¯ãã‚“ãªã“ã‚Œã‹ã‚‰åŸºç¤Žã‚’å¦ã¶åˆå¿ƒè€…ã®æ–¹ã«ãŠã™ã™ã‚ãªã€ãƒ‡ã‚¶ã‚¤ãƒ³åˆå¿ƒè€…å‘ã‘ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ¬ãƒƒã‚¹ãƒ³ã‚’ã¾ã¨ã‚ãŸã€Œ22+ Absolutely Free Online Lessons For Beginner Graphic Designersã€ã§ã™ã€‚ Shape Type, the letter shaping game ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¿…è¦ãªåŸºç¤ŽçŸ¥è˜ã‚’ã‚ã‹ã‚Šã‚„ã™ãã¾ã¨ã‚ãŸã€ç„¡æ–™ã®è¬›åº§ãŒ22ç¨®é¡žã‚‚ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ä»Šå›žã¯ãã®ä¸ã‹ã‚‰ãŠã™ã™ã‚
akira_maru 2017/11/13
graphic

design

tutorial
ãƒªãƒ³ã‚¯
ã“ã‚Œã•ãˆè¦‹ã‚Œã°è„±ãƒ»JavaScriptåˆå¿ƒè€…ï¼æµ·å¤–ã®YouTubeå‹•ç”»ã‚’ä¸€æŒ™å¤§å…¬é–‹ - paiza times
ã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“ï¼ˆ@0310lanï¼‰ã§ã™ï¼ ä»Šå›žã¯ã€åŸºæœ¬çš„ãªJavaScriptãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ãŸäººå‘ã‘ã«ã€ã•ã‚‰ãªã‚‹ã‚¹ãƒ†ãƒƒãƒ—ã‚¢ãƒƒãƒ—ã‚’ç›®æŒ‡ã›ã‚‹ã€ŒYouTubeãƒãƒ£ãƒ³ãƒãƒ«ã€ã‚’åŽ³é¸ã—ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ æµ·å¤–ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç³»YouTubeå‹•ç”»ã¯ã€æœ‰æ–™ã§ã‚‚ãŠã‹ã—ããªã„ã€Œè³ªã€ã®é«˜ã•ã¨è±Šå¯Œãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„é‡ã«é…åŠ›ãŒã‚ã‚Šã€ç¢ºå®Ÿã«ãƒ¬ãƒ™ãƒ«ã‚¢ãƒƒãƒ—ãŒæœŸå¾…ã§ãã‚‹ã®ã§ãœã²å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ â– JavaScriptã®å‹˜æ‰€ã‚’å‹‰å¼·ã§ãã‚‹YouTubeãƒãƒ£ãƒ³ãƒãƒ«ï¼ ã€ Fun Fun Function ã€‘ ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å‹•ç”»ã¨ã¯æ€ãˆãªã„è¶…ãƒã‚¤ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ãªãƒŽãƒªã§ã€JavaScriptã‚’å¦ã¶ã†ãˆã§æ¬ ã‹ã›ãªã„å‹˜æ‰€ã‚’åˆ†ã‹ã‚Šã‚„ã™ãæ•™ãˆã¦ãã‚Œã‚‹ã®ãŒã‚³ãƒãƒ©ã®ãƒãƒ£ãƒ³ãƒãƒ«ï¼ ã€ŒSpotifyã€ã®é–‹ç™ºã«ã‚‚æºã‚ã£ã¦ã„ãŸã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®å½¼ã¯ã€å¾—æ„ã®JavaScriptè¨€èªžã‚’åˆ†ã‹ã‚Šã‚„ã™ãä¼ãˆã‚‹ã“ã¨ã«æƒ…ç†±ã‚’æ³¨ã„ã§ãŠã‚Šã€ãã‚Œã¯
akira_maru 2017/10/13
programming

javascript

tutorial
ãƒªãƒ³ã‚¯
Sassmagic - SassDoc
@function convert($unit, $value, $base-font-size: null) { ... }View source
akira_maru 2017/06/22
sass

tutorial
ãƒªãƒ³ã‚¯
Facebook å…¬å¼ãƒ„ãƒ¼ãƒ« Create React App ã‚’ä½¿ã£ã¦ React é–‹ç™ºã®åˆæ©ã‚’å¦ã¶ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« - Qiita
ã¯ã˜ã‚ã« ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨æ¯”ã¹ã¦ React ã®å¦ç¿’ã‚³ã‚¹ãƒˆã¯ç›¸å½“é«˜ã„ã¨æ€ã„ã¾ã™ã€‚ åˆå¿ƒè€…ãŒç‹¬å¦ã§ãƒãƒƒãƒˆã‚’é ¼ã‚Šã« React ã‚’å¦ã¼ã†ã¨ã™ã‚‹ã¨å¤šãã®ãƒãƒžãƒªã©ã“ã‚ã«ã¶ã¡å½“ãŸã‚‹ã¯ãšã§ã™ã€‚åƒ•è‡ªèº«ã®çµŒé¨“ã‹ã‚‰è¨€ã†ã¨ã€ç‰¹ã« ES2015 ã¨ ES5 ã®é•ã„ã§ã¤ã¾ã¥ãã‚„ã™ã„ã‚“ã˜ã‚ƒãªã„ã‹ãªã€ã¨ã„ã†æ°—ãŒã—ã¾ã™ã€‚ ãã‚Œã«ã€ç’°å¢ƒã‚’æ§‹ç¯‰ã™ã‚‹ã®ã«ãŸãã•ã‚“ã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’å°Žå…¥ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã§ã€ãã‚Œã ã‘ã§çµæ§‹æ™‚é–“ãŒã‹ã‹ã‚‹ã®ã‚‚ä¸ä¾¿ã§ã™ã€‚ ãŸã ã€ãã®é–‹ç™ºç’°å¢ƒã®æ§‹ç¯‰ã«ã¤ã„ã¦ã¯ã€å…ˆæ—¥å…¬é–‹ã•ã‚ŒãŸ Facebook è¬¹è£½ã®é››å½¢ç”Ÿæˆãƒ„ãƒ¼ãƒ« Create React App ã®ç™»å ´ã«ã‚ˆã£ã¦ã ã„ã¶æ¥½ã«ãªã‚Šã¾ã—ãŸã€‚ (â€» Create React App ã«ã¤ã„ã¦ã¯ã€â†“ ã®è¨˜äº‹ã«è©³ã—ãç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ã“ã¡ã‚‰ã‚‚ã”å‚ç…§ã•ã‚Œã‚‹ã¨ã‚ˆã„ã§ã—ã‚‡ã†) http://qiita.com/chibicode/it ems/8533dd72f1eb
akira_maru 2016/10/31
react

tutorial
ãƒªãƒ³ã‚¯
Bootstrap 3 å¦ç¿’ãƒŽãƒ¼ãƒˆ - Qiita
å…ƒã®GitHubãƒªãƒã‚¸ãƒˆãƒªã¯æ¬¡ã®é€šã‚Šã€‚ãã®ã¾ã¾è»¢è¼‰ã—ã¾ã™ã€‚ https://github.com/higuma/bootstrap-3-note Bootstrap 3 å¦ç¿’ãƒŽãƒ¼ãƒˆ (2014-06-09 ... 18) Bootstrap 3ã®å¦ç¿’è¨˜éŒ²ãƒŽãƒ¼ãƒˆã§ã™ã€‚ ã§ãã‚‹ã ã‘æ‰‹ã‚’æŠœã‹ãšéš…ã€…ã¾ã§ãã¡ã‚“ã¨èª¿æŸ»ã—ã€ã‚³ãƒ¼ãƒ‰ã¯ã»ã¼å…¨ã¦å®Ÿéš›ã«è©¦ã—ã¦ç¢ºèªã—ã¾ã—ãŸã€‚ å…ƒã€…å…¬é–‹ã‚’æ„å›³ã—ãŸã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ã“ã“ã¾ã§è©³ç´°ã«èª¿ã¹ãŸè³‡æ–™ã¯ãã†ã¯ãªã„ã¨æ€ã„ã¾ã™ã®ã§æœ€ä½Žé™ã®ä½“è£ã‚’æ•´ãˆã¦å…¬é–‹ã—ã¾ã™ã€‚ã¿ãªã•ã‚“ã®ãŠå½¹ã«ç«‹ã¦ã°å¹¸ã„ã§ã™ã€‚ ãªãŠHTMLéƒ¨åˆ†ã¯ã»ã¼å…¨ã¦jadeã§è¨˜è¿°ã—ã¦ã„ã¾ã™ã€‚jadeã‚’çŸ¥ã‚‰ãªã„ã¨ç†è§£ã§ããªã„ãƒŽãƒ¼ãƒˆã«ãªã£ã¦ã—ã¾ã£ã¦ã„ã¾ã™ãŒã€ç”Ÿã®HTMLã§ã¯ã¨ã¦ã‚‚ã“ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã§ã¯å¦ç¿’ã§ãã¾ã›ã‚“ã€‚ã©ã†ã‹ã”äº†æ‰¿ä¸‹ã•ã„ã€‚ ãªãŠã€Œã“ã“ã¯é•ã†ã®ã§ã¯ã€ã€Œã“ã†ã—ãŸæ–¹ãŒã‚ˆã„ã®ã§ã¯ã€ãªã©ã¨ã„ã†ç‚¹ãŒã‚ã‚Šã¾ã—ãŸã‚‰GitHubã®iss
akira_maru 2014/07/04
bootstrap

tutorial
ãƒªãƒ³ã‚¯
Web Fundamentals â€” Google Developers
Guidance to build modern web experiences that work on any browser. We want to hear from you! We are looking for web developers to participate in user research, product testing, discussion groups and more. Apply now to join our WebDev Insights Community.
akira_maru 2014/06/21
webdesign

google

responsive

reference

tutorial
ãƒªãƒ³ã‚¯
Learn Git Branching
A interactive Git visualization tool to educate and challenge!
akira_maru 2014/06/05
github

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

sketch

tutorial

tips

beginner
ãƒªãƒ³ã‚¯
Bootstrap Tour
The easiest way to show people how to use your website. Not using Bootstrap? It works anyway! Start the demo Tweet Add the dependencies If you are using Bootstrap, include bootstrap-tour.min.css and bootstrap-tour.min.js: <link href="bootstrap.min.css" rel="stylesheet"> <link href="bootstrap-tour.min.css" rel="stylesheet"> ... <script src="jquery.min.js"></script> <script src="bootstrap.min.js"></
akira_maru 2014/02/28
bootstrap

plugin

javascript

tutorial
ãƒªãƒ³ã‚¯
Bootstrap 3 Sass w/ Gulp
DEMO VIDEOS Get to know everything Vimeo can do for your business. Watch now
akira_maru 2014/02/07
bootstrap

sass

tutorial
ãƒªãƒ³ã‚¯
Understanding Bootstrap: How it Works, and What's New â€” SitePoint
Version 4 of Bootstrap is a major change from all its past versions. Itâ€™s a mobile-first framework and can claim to be one of the best CSS frameworks for building responsive website designs. Since Bootstrap is a mobile-first framework, by default whatever you design or create will be mobile compatible or responsive. Isnâ€™t that cool? Getting Started Bootstrap has a new website design which is itsel
akira_maru 2013/10/04
bootstrap

tutorial
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®åŸºæœ¬
jQueryã‚’ãƒ¡ã‚¤ãƒ³ã«HTML5ã‚„CSS3ã‚’ä½¿ã£ãŸãƒªãƒƒãƒãªè¡¨ç¾ã®ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã€‚ã¾ãšã¯ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®åŸºæœ¬ã‹ã‚‰ã€‚ Webã‚µã‚¤ãƒˆã®55ï¼…ã§åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹jQuery ã¯ã˜ã‚ã¾ã—ã¦ã€‚ã‚¯ãƒ©ã‚¹ãƒ¡ã‚½ãƒƒãƒ‰ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€å±±ç”°ã§ã™ã€‚ã€ŒjQueryÃ—HTML5Ã—CSS3ã‚’çœŸé¢ç›®ã«å‹‰å¼·ã€ã¨ã„ã†é€£è¼‰ã‚’ã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã™ã€‚ 2005å¹´2æœˆã«Google mapsãŒç™»å ´ã—ã¦ä»¥æ¥ã€Webé–‹ç™ºè€…ã®é–“ã§JavaScriptã®æ ªã¯ä¸Šæ˜‡ã®ä¸€é€”ã‚’ãŸã©ã£ã¦ã„ã¾ã™ã€‚ãã®å‹¢ã„ã¯ã¨ã©ã¾ã‚‹ã“ã¨ã‚’çŸ¥ã‚‰ãšã€ãƒªãƒƒãƒãªWebã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œã‚‹ã«ã¯ã€Flashã‚’ã¯ã˜ã‚ã¨ã—ãŸãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«é ¼ã‚‹ã¨ã„ã†ã€ãã‚Œã¾ã§ã®å¸¸è˜ã‚’ã™ã£ã‹ã‚Šè¦†ã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ã•ã‚‰ã«ã€HTML5ã‚„CSS3ã‚‚ç™»å ´ã—ã€å„ãƒ™ãƒ³ãƒ€ã®ãƒ–ãƒ©ã‚¦ã‚¶ãŒWebæ¨™æº–ã®ä»•æ§˜ã«åˆã‚ã›ã¦å®Ÿè£…ã®è¶³ä¸¦ã¿ã‚’æƒãˆå§‹ã‚ã‚‹ãªã©ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«é ¼ã‚‰ãšã¨ã‚‚ãƒªãƒƒãƒãªUIã®Webã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å°‘ãªã„æ‰‹é–“ã§ä½œã‚Œ
akira_maru 2013/03/26
tutorial

jquery

parallax
ãƒªãƒ³ã‚¯
Jazz up a Static Webpage with Subtle Parallax | Envato Tuts+
It's been one of the biggest web design buzz words for a while now, so today we're going to try our hand at a bit of Parallax. We're going to put together a simple responsive layout, then with the help of skrollr.js, we're going to apply a subtle parallax effect to the header. 1. Our Project This tutorial will cover a few noteworthy aspects, so pay attention: Firstly, we're going to use a mobile-f
akira_maru 2013/01/19
tutorial

parallax
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #11 Pathé¢¨ã‚µãƒ¼ã‚¯ãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã£ã¦ã¿ãŸ | DevelopersIO
ãã‚“ãªè¨³ã§ã€å†™çœŸå…±æœ‰SNSã®ä¸€ã¤ã§ã‚ã‚‹Pathã«ã‚ã‚‹ã€ã‚ã®ã‚µãƒ¼ã‚¯ãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å†ç¾ã—ã¦ã¿ãŸã®ã§ã€ã“ã“ã«ãã®æ‰‹é †ã‚’ã¾ã¨ã‚ã¦ãŠãã¨ã—ã¾ã™ã€‚ Pathã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªãªã®ã§ã€Javaãªã„ã—Objective-Cã«ã¦å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã“ã¡ã¨ã‚‰ã¯ãã‚“ãªãƒã‚¤ã‚½ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ä½¿ã‚ãšã«ã€JavaScriptã¨CSS3ã ã‘ã§è¡Œã‘ã‚‹ã¨ã“ã‚ã¾ã§è¡Œã£ã¦ã¿ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã¨ã‚Šã‚ãˆãšã‚µãƒ¼ã‚¯ãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®è¦ä»¶ã‚’å¤§ã¾ã‹ã«æ›¸ãã ã—ã¦ã¿ã¾ã—ãŸã€‚ ãƒˆã‚°ãƒ«ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚¢ã‚¤ãƒ†ãƒ ã®è¡¨ç¤º/éžè¡¨ç¤ºã‚’åˆ‡ã‚Šæ›¿ãˆãŸã„ å„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯å††å‘¨ä¸Šã«å‡ç‰ã«é…ç½®ã•ã‚ŒãŸçŠ¶æ…‹ã§è¡¨ç¤ºã•ã›ãŸã„ è¡¨ç¤º/éžè¡¨ç¤ºã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§åˆ‡ã‚Šæ›¿ã‚ã‚‹ã‚ˆã†ã«ã—ãŸã„ ãƒ¡ãƒ‹ãƒ¥ãƒ¼æ•°ã®å¢—æ¸›ã«ã¯æŸ”è»Ÿã«å¯¾å¿œã§ãã‚‹ã‚ˆã†ã«ã—ãŸã„ ãã®ä»–ã€å„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®é–“éš”ã‚„è§’åº¦ã€è¡¨ç¤ºæ™‚ã®è·é›¢ãªã©ã¯ã‚ªãƒ—ã‚·ãƒ§ã§æŒ‡å®šã§ãã‚‹ã‚ˆã†ã«ã—ãŸã„ ã²ã¨ã¾ãšã“ã‚“ãªã‚‚ã‚“ã§è‰¯ã„ã§ã—ã‚‡ã†ã€‚æ¬¡ã«ã“ã‚Œã‚‰ã®è¦ä»¶ã‚’ã©ã®ã‚ˆã†ã«å®Ÿè£…ã™
akira_maru 2013/01/09
inspiration

path

tutorial

jquery
ãƒªãƒ³ã‚¯
SEO for startups in under 10 minutes
Maile Ohye from Google advises your startup as if she had only 10 minutes as your SEO consultant.
akira_maru 2012/12/19
tutorial

seo
ãƒªãƒ³ã‚¯
Startups, This Is How Design Works â€“ by Wells Riley
A guide for non-designers by Wells Riley. Format inspired by Jessica Hische. Originally published in 2012. Companies like Apple are making design impossible for startups to ignore. Startups like GitHub, Airbnb, Square, and Fitbit have design at the core of their business, and they're doing phenomenal work. But what is â€˜designâ€™ actually? Is it a logo? A Wordpress theme? An innovative UI? Itâ€™s so mu
akira_maru 2012/12/13
tutorial

webdesign

design
ãƒªãƒ³ã‚¯
Adobe - ADOBE CREATIVE SUITE 4 DESIGN EDITION
con-block-row-text (order-1-tablet, order-0-desktop) AIã‚’æ´»ç”¨ã—ãŸæ–°ã—ã„ãƒ„ãƒ¼ãƒ«ã‚„ãƒ•ã‚¡ã‚¤ãƒ«å…±æœ‰æ©Ÿèƒ½ã§ä½œæ¥è² è·ãŒè»½æ¸›ã•ã‚Œã‚‹ãŸã‚ã€é‡è¦ãªãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’ã—ã£ã‹ã‚Šä¼ãˆã‚‹ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä½œæˆã«å°‚å¿µã§ãã¾ã™ã€‚ {{plans-starting-at}} ä¾¡æ ¼ - ABM - InDesign {{small-tax-incl-label}}
akira_maru 2012/11/29
tutorial

adobe

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