[B! webdesign] morrichã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

morrich id:morrich

webdesignã«é–¢ã™ã‚‹morrichã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

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

Solved by Flexbox â€” ã‚¯ãƒªãƒ¼ãƒ³ã§ãƒãƒƒã‚¯ã®ãªã„ CSS
ã‚¤ãƒ³ãƒˆãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³CSSã«ã¯é•·ã‚‰ãé©åˆ‡ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ¡ã‚«ãƒ‹ã‚ºãƒ ãŒä¸è¶³ã—ã¦ã„ã¾ã—ãŸã€‚ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ•ã‚£ãƒ«ã‚¿ã€ã“ã‚Œã‚‰ã¯ã™ã¹ã¦ç´ æ™´ã‚‰ã—ãã¦æœ‰ç”¨ãªè¨€èªžã¸ã®è¿½åŠ æ©Ÿèƒ½ã§ã™ãŒã€ã—ã‹ã—Webé–‹ç™ºè€…ãŒä¸æº€ã ã£ãŸã€æ°¸é ã«ç¶šãã‚ˆã†ã«ã‚‚æ€ã‚ã‚ŒãŸä¸»è¦ãªå•é¡Œã«å¯¾å‡¦ã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ Flexboxã«æ„Ÿè¬ã—ã¾ã™ã€‚ã¤ã„ã«æˆ‘ã€…ã¯è§£æ±ºæ–¹æ³•ã‚’æ‰‹ã«å…¥ã‚Œã¾ã—ãŸã€‚ ã“ã®ã‚µã‚¤ãƒˆã¯CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãã®ä»£ã‚ã‚Šã€CSSã ã‘ã§ã¯è§£æ±ºã™ã‚‹ã®ãŒé›£ã—ã„ã€ã‚ã‚‹ã„ã¯ä¸å¯èƒ½ã ã£ãŸå•é¡ŒãŒã€ä»Šã‚„Flexboxã§ã¨ã¦ã‚‚ç°¡å˜ã«ãªã£ãŸäº‹ä¾‹ã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ã¨ãªã‚‹ã“ã¨ãŒã€ã“ã®ã‚µã‚¤ãƒˆã®è¶£æ—¨ã§ã™ã€‚ã¾ãŸã€Internet Explorer 11ã®æœ€è¿‘ã®ãƒªãƒªãƒ¼ã‚¹ã¨Safari 6.1ã«ã‚ˆã‚Šã€ä»Šã‚„ã™ã¹ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ãŒFlexboxã®æœ€æ–°ä»•æ§˜ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ä»¥ä¸‹ã®ãƒ‡ãƒ¢ã‚’ã”è¦§ãã ã•ã„ã€‚Webã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚¿ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚’çœºã‚ã‚‹ã‹ã€ã¾ãŸ
morrich 2018/06/18
webdesign

css
ãƒªãƒ³ã‚¯
ã¯ã˜ã‚ã¦WordPressã®ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ä½œã‚‹ã¨ãã®å‚è€ƒã«ãªã‚Œã°ã¨æ€ã£ã¦æ›¸ãã¾ã—ãŸï¼ˆã‚µãƒ³ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ï¼‰
åˆã‚ã¦ WordPress ã§ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ä½œã‚ã†ã¨æ€ã£ãŸã¨ãã€çœŸã£å…ˆã«å‚è€ƒã«ã—ãŸã„ã®ãŒå…¬å¼ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ¼ãƒžã ã¨æ€ã„ã¾ã™ã€‚ã§ã‚‚æœ€è¿‘ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ¼ãƒžã¯ã€ã¡ã‚‡ã£ã¨ã„ã‚ã„ã‚ãªæ©Ÿèƒ½ã‚‚ã¤ã„ã¦ã„ã¦è¤‡é›‘ãªæ§‹é€ ã‚’ã—ã¦ã„ã¾ã™...ã€‚ä»Šå›žã¯åˆã‚ã¦ WordPress ã§ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ä½œã‚ŠãŸã„ï¼ã£ã¦ã„ã†äººå‘ã‘ã«ã€ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ†ãƒ¼ãƒžã‚’ã‚‚ã¨ã«åˆ¶ä½œãƒ•ãƒãƒ¼ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã‚µãƒ³ãƒ—ãƒ«ã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã”æ´»ç”¨ãã ã•ã„ã€‚ WordPress ã‚‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã‚’é‡ãã¦ã€æœ€è¿‘ã§ã¯ 3.5 ã«ãªã‚Šã¾ã—ãŸã€‚ãã‚Œã«ä¼´ã£ã¦ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ†ãƒ¼ãƒžã‚‚ã€æ–°ã—ã„ TwentyTwelve ã«ãªã‚Šã¾ã—ãŸï¼ˆ2013å¹´ 1æœˆç¾åœ¨ï¼‰ã€‚WordPress ã§åˆã‚ã¦è‡ªåˆ†ã ã‘ã®ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ä½œã‚ã†ã¨æ€ã†ã¨ã€ã¾ãšæœ€åˆã«å‚è€ƒã«ã—ãŸã„ã®ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ¼ãƒž â€¦ã€‚ã§ã‚‚æœ€è¿‘ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ¼ãƒžã¯ã€ã¡ã‚‡ã£ã¨é›£ã—ã„æ§‹é€ ã«ãªã£ã¦ã‚‹ â€¦ ã¨æ€ã£ãŸã‚Šã—ã¾ã›ã‚“ã‹ï¼Ÿ ç§ãŒ
morrich 2017/04/12
wordpress

webdesign
ãƒªãƒ³ã‚¯
WordPress ã®ãƒ†ãƒ¼ãƒžã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒ©ãƒƒãƒã—ã¦ã¿ãŸ - ã‚¢ã‚«ãƒ™ã‚³ãƒžã‚¤ãƒª
ã“ã“æœ€è¿‘ã€ãƒ–ãƒã‚°ã®ãƒ†ãƒ¼ãƒžã‚’å¤‰ãˆãŸã„ãªãã¨è€ƒãˆã¦ãŸã€‚ ä»Šã¾ã§ã®ãƒ†ãƒ¼ãƒžã¯ iNove ã‚’æ”¹é€ (åˆä»£) ã—ãŸã‚Š Twenty Eleven ã®åã¨ã—ã¦ä½œæˆ (äºŒä»£ç›®) ã—ã¦ã„ãŸã£ã‘ã€‚ã—ã‹ã—å…ƒãŒã‚ã‚‹ã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã«ãŠã„ã¦ãã®æ§‹é€ ã‚’æ„è˜ã›ã–ã‚‹ã‚’ãˆãªã„ã€‚ãã—ã¦ãªã‚“ã¨ãªãçª®å±ˆã«æ„Ÿã˜ã‚‰ã‚Œã¦ã‚¤ãƒžã‚¤ãƒæ‰‹ã‚’å…¥ã‚Œã‚‹æ°—ãŒãŠããªã‹ã£ãŸã€‚ ãªã‚‰ã°ã„ã£ããƒ†ãƒ¼ãƒžã®ãƒ•ãƒ«ã‚¹ã‚¯ãƒ©ãƒƒãƒã«æŒ‘æˆ¦ã™ã‚‹ã®ã¯ã©ã†ã ã‚ã†ï¼Ÿã‚¼ãƒã‹ã‚‰ä½œã‚‹ã“ã¨ã§ WordPress ã¸ã®ç†è§£ã‚‚æ·±ã¾ã‚‹ã ã‚ã†ã—ä»Šå›žã¯ãã®æ©Ÿä¼šã¨ã—ã¦æœ€é©ã§ã¯ãªã„ã‹ã€‚ã¨ã„ã†ã‚ã‘ã§ã“ã“äºŒé€±é–“ã»ã©ãƒ†ãƒ¼ãƒžé–‹ç™ºã‚’ãŠã“ãªã„ã€ãã“ãã“å‹•ãã‚ˆã†ã«ãªã£ãŸã®ã§æœ¬ãƒ–ãƒã‚°ã«åæ˜ ã—ã¦ã¿ãŸã€‚ãƒ†ãƒ¼ãƒžåã¯ akabeko2013ã€‚é€šç®—ã§ä¸‰ä»£ç›®ã€‚ WordPress å…¬å¼ãƒ†ãƒ¼ãƒžã¸ã®ç”³è«‹ã¯å¯©æŸ»ã¨ã‹é¢å€’ãã†ãªã®ã§è¿·ã£ã¦ã‚‹ãŒãƒ†ãƒ¼ãƒžä¸€å¼ã¯ GitHub ãƒªãƒã‚¸ãƒˆãƒªã«å…¬é–‹ã—ãŸã®ã§èˆˆå‘³ã‚’æŒãŸã‚ŒãŸæ–¹ã¯ã©ã†ãžã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯ GPLã€‚æ”¹
morrich 2017/04/12
wordpress

webdesign
ãƒªãƒ³ã‚¯
Paletta - HSV Color Palette for Every Programmer
Palettaã¯é¡•è‰²ç³» (è‰²ç›¸, æ˜Žåº¦, å½©åº¦) ã‚’ãƒ™ãƒ¼ã‚¹ã«ã€Œèª¿å’Œã®ã¨ã‚ŒãŸè‰²ã€ã ã‘ã‚’é›†ã‚ãŸã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã§ã™. è‰²ã‚’é¸æŠžã™ã‚‹ã¨, å‘¨å›²ã®è‰²ãŒåŒç³»çµ±ã®è‰²ã«å¤‰ã‚ã‚Šã¾ã™. ç”»é¢ä¸Šéƒ¨ã®Resetãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨, è‰²ã®é¸æŠžãŒè§£é™¤ã•ã‚Œã¾ã™. ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã ã‘ã§ã‚³ãƒ¼ãƒ‰ã‚’ã‚¯ãƒªãƒƒãƒ—ãƒœãƒ¼ãƒ‰ã¸ç°¡å˜ã«ã‚³ãƒ”ãƒ¼ã§ãã¾ã™.Â Â è©³ã—ã
morrich 2014/02/20
color

webdesign

webservice
ãƒªãƒ³ã‚¯
ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯2013 + ã‚»ãƒŸãƒ•ãƒ©ãƒƒãƒˆ version - in ç¦äº•
WCAF Vol.11 ã€ŒDesignã€ in ç¦äº• ã§ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ å†…å®¹ã¯å¤§ä½“ã€å‰å›žã®å¤§é˜ªãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨åŒã˜ã§ã™ã€‚ http://wcaf.doorkeeper.jp/events/7028 å°‘ãªã„è£…é£¾ã§ç´ æã®é…åŠ›ã‚’ç”Ÿã‹ã™ã€ã‚ºãƒ«ã„Webãƒ‡ã‚¶ã‚¤ãƒ³å®Ÿè·µç·¨ https://speakerdeck.com/ken_c_lo/shao-naizhuang-shi-desu-cai-falsemei-li-wosheng-kasu-zuruiwebdezainshi-jian-bian
morrich 2014/01/22
webdesign
ãƒªãƒ³ã‚¯
ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ï½œFlat UI Colors
280 handpicked colors ready for COPY & PASTE
morrich 2014/01/10
webdesign

color
ãƒªãƒ³ã‚¯
Ultimate CSS Gradient Generator from ColorZilla
background: linear-gradient(); /* W3C, IE10+, FF16+, Chrome 26+, Opera 12+, Safari 7+ */
morrich 2014/01/10
webdesign

css

color

generator
ãƒªãƒ³ã‚¯
Subtle Patterns | Free textures for your next web project
These lovely water-colorful dots will make your designs pop...
morrich 2014/01/10
webdesign
ãƒªãƒ³ã‚¯
CSS Load.net - Loading CSS spinners and bars generator for AJAX & JQuery
AJAX loaders generator in pure CSS and HTML Select a desired category and generate and/or copy the loader code Spinners Spinning loading indicators, or so called "Spinners" in pure CSS and HTML
morrich 2013/10/02
css3

webdesign

webservice
ãƒªãƒ³ã‚¯
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
morrich 2013/10/01
webdesign

tool
ãƒªãƒ³ã‚¯
1