A interactive Git visualization tool to educate and challenge!
A interactive Git visualization tool to educate and challenge!
é«æ©ã¨ããã @gautt 以åã«åå¼·ä¼ã§ãã¢ãã¢ã©ã³ã¹ãå¶ãè ã¯Illustratorãå¶ããçãªãã¨ã話ãããã©ãããè¦ã¦ãã¨ã»ãã¨ããæãããIllustrator Unlimited Appearance https://t.co/xWxEjPEgnu @jaypeg_officialãããã 2013-03-23 12:15:24
è§ä¸¸ã®è©±é¡ãçãä¸ãã£ã¦ã¾ããã å ã é±webãã¶ã¤ãã¼ã§ãã彩ãã(@maritime_color)ã®ããã°Design Colorã§ãè§ä¸¸ãã©ãããå ´åã«ä½¿ãããã¨ããè¨äºãããã話é¡ã«ãªã£ã¦ã¾ããï¼ ãã¶ã¤ã³æã«æ³¨æãããè§ä¸¸ã®ä½¿ããã | Design Color ããã¦ãã®å¾ãããã¡ã¦ã¨ã®å¤æ ã¤ã©ã¬ã©ã¼(è¤ãã¦ã¾ã)ããããã(@suzukisan__)ãããã«ç¶ãè§ä¸¸ã«è§¦ããè¨äºãæ¸ããããã¦ãã¾ããã illustratorã§è§ä¸¸ãæ±ãéã®æ³¨æç¹ â»è¿½è¨ãã¾ãã | ããã¡ã¦ã¨blog ç§ã以åãã¶ã¤ã³ãè¦æãªäººãåããããã¶ã¤ã³ã¯å ¨ã¦æå³ãããã6ã¤ã®è¦ç´ ã¨ããè¨äºãæ¸ããã¨ããè§ä¸¸ã«ã¤ãã¦ã¯ããã£ã¨è§¦ããã«çããã®ã§ãããããããã£ã¨ãã£ã¤ãè¨èªåããããã®ã ã¨èãã¦ãã¾ããã æ°ã«ãªããã¨ããã£ãããã¡ããã©è¯ãã®ã§ä»å便ä¹ãã¦è¨äºã«ãã¦ã¿ããã¨æãã¾ãã å½¢ç¶ã¨ãã¦ã®
ã¹ã©ã¤ãã¯ãºã«ã ã¹ã©ã¤ãã£ã¦ãºã«ãã§ãããï¼ï½ webå¶ä½ã«ããã¦ã¯ã³ã³ãã³ããé²è¦§ãããéå£ã¨ãè¨ãããã¯ãªãã¯ã150åã¨ãå¼·ããã®ã«ããããªã«ãèªã¾ããã³ã³ãã³ãï¼ï¼ãããï¼ãºã«ãï¼ ãã¾ã«æããã§ãããç§ã®é·æãã¹ã©ã¤ãå½¢å¼ã«ãã¦ãã¾ãã°èªãã§ããããããããããªãï¼ã¨ãèãã¾ããããªã¼ã®webãã¶ã¤ãã¼ã®ãããã(@ken_c_lo)ãåããã¨èãã¦ãã¿ããã§ã²ããã¼ã«å¬ããã£ãã§ãï½ ãªãããã®ãã¡ããã°ãã¹ã©ã¤ãåãã¦è¦ããããã©ã°ã¤ã³ã§ãªãããªã¼ããããã¯ä½ã£ã¦ã¿ããããªã¨æã£ã¦ããä»æ¥ãã®é ã§ãã webãã¶ã¤ã³ã«é¢ããã¹ã©ã¤ãã¾ã¨ã æ¬é¡ã§ããä¸éçã«ã¯å°ãªãã¨è¨ããã¦ããwebãã¶ã¤ã³ã«ãããããã¶ã¤ã³ãã«ãã©ã¼ã«ã¹ãå½ã¦ãã¹ã©ã¤ãã§ç§ããã¯ããã¦ãããã®ãéãã¦ã¿ã¾ããã ã¿ã¤ãã«çã«ããï¼ã¨æããã®ãããã¾ãããå ¨ã¦èãæ¹çãå«ããã¶ã¤ã³ãèãããã¨ã«ã¤ãã¦åè
ããã«ã¡ã¯ãã ããã§ãã æµ·å¤ã®UIãã¶ã¤ã³ã«é¢ããè¨äºã14 Golden Eggs of Good UI Designï¼ç´è¨³: åªããUIãã¶ã¤ã³ã®14ã®éã®åµï¼ãã§æ¸ããã¦ããUIãã¶ã¤ã³ã«é¢ããTipsãã¨ã¦ãåå¼·ã«ãªã£ãã®ã§ããã®ä¸ããããã¤ãæç²ãããã®ã翻訳ãã¾ããï¼ ï¼ãã®è¨äºã¯Johannes Thönesã¨ããããã°ã®14 Golden Eggs of Good UI Designã¨ããè¨äºã®æç²ç¿»è¨³ããã°ã§ããï¼ 1, å é²çãªæè¡ã使ãçç± photo credit: Carlos Varela via photopin cc HTML5ãæ°ããæè¡ã ããã¨ãã£ã¦ãããã使ãå¿ è¦æ§ã¯ããã¾ããã æ°ããæè¡ã使ããã¨ãç®çã«ãªã£ã¦ã¯ããã¾ããã ã¦ã¼ã¶ã¼ã¨ã¦ã¼ã¶ã¼ãæå¾ ãã¦ããäºãèãã¦ãã ããã ã©ããªUXï¼ã¦ã¼ã¶ã¼ã¨ã¯ã¹ããªã¨ã³ã¹ï¼ãã¦ã¼ã¶ã¼ã«ä¸ãããã§ããï¼
ããã«ã¡ã¯ãã ããã§ãã ã¿ãªããApple製åã¯å¥½ãã§ããï¼ å¼ç¤¾ãGoodpatchã®ã¡ã³ãã¼ã¯å ¨å¡Macã§ä½æ¥ããã¦ãã¾ãï¼ ä»åã¯ç§ãã¡ãé äºãç¶ããAppleã®UIãã¶ã¤ã³ã®ç§å¯ã«æ¸ããã¦ããè¨äºãçºè¦ãã¾ããã®ã§ç¿»è¨³ãã¾ããï¼ (以ä¸ã¯â5 Secrets of Good UI Design from Appleâs Human Interface Guidelinesâã®ç¿»è¨³è¨äºã§ã) Appleã®ãããã¯ããã¢ããªãæ確ããã¤ã·ã³ãã«ã§ã¨ã¦ãé åçã§ãããã¨ã®ç§å¯ã¯ãã¶ã¤ã³ã«ããã¾ãã ããã¦ããã®ã¯ãªãªãã£ãä¿ã¡ç¶ããããç§è¨£ã¯Appleã®ãã¥ã¼ãã³ã¤ã³ã¿ãã§ã¼ã¹ã¬ã¤ãã©ã¤ã³ã«ããã¨ããã¦ãã¾ãã ä»åããã®ã¬ã¤ãã©ã¤ã³ããã§ãã¯ããæ§ã ãªWebãµã¤ãã«å¿ç¨ã§ããã¨ãããã¾ããã ç¹ã«ãå½¼ãã®UIãã¶ã¤ã³å²å¦ã¯ãã¨ã¦ãåå¼·ã«ãªãã¾ãã 以ä¸ãããªãã®Webãµã¤ããWebã¢
å é±ããã®ããã°ã§ããæ«é²ç®ãããããä¿éºã®ã¢ãã£ãªã¨ã¤ããµã¤ããã§ãããä»åã¯ããµã¤ãã®ä½æéç¨ãè¨é²ãã¦è¨äºã«ãããã¨æã£ã¦ããã®ã§ãæã ã§ãµã¤ãããã£ããã£ãã¦ããã¾ããã éå»ã«ã¢ãã£ãªã¨ã¤ããµã¤ãã®ä½ãæ¹ã«ã¤ãã¦ã¯ä½åº¦ãæ¸ãã¦ããããåºæ¬çã«ã¯ãä»ã§ãã¢ãã£ãªã¨ã¤ããµã¤ãã®ä½ãæ¹ã2012çãã§æ¸ããã¨ããã«ä½ã£ã¦ããã®ã§ããããã¶ã¤ã³è¾¼ã¿ã®ä½ãæ¹ã解説ãããã¨ã¯ãªãã£ãã®ã§ãä»åã¯ãªãã¹ã詳細ã«æ¸ãã¦ããããã¨æãã¾ãã ä»åãµã³ãã«ã¨ãã¦ä½¿ãã®ã¯ãã ã¯ããã¦ã¬ã³ä¿éºãã¨ãããµã¤ãã§ãããã®ãµã¤ããè¦ãªãã解説ãå¼ãã§ããã¨ããããããã¨æãã¾ãããªããWordPressã§ãµã¤ããä½ã£ã¦ãã¾ããéä¸WordPressã®ä½¿ãæ¹ã«ã¤ãã¦ã¯ã解説ãæããããããã¾ããã®ã§ããã®éã¯ãWordPressã®ä½¿ãæ¹ã¨ã«ã¹ã¿ãã¤ãºãã覧ãã ããã ããã¾ã§ãµã¤ãã®ä½ãæ¹ã®æé ã§ãã®ã§ãã¢ã
ããã«ã¡ã¯ãã ããã§ãã ä»åã¯UIã«é¢ãããããããè¬æ¼ã®ã¾ã¨ããè¦ã¤ããã®ã§ããã°ã«ãã¾ããï¼ ãã®è¬æ¼ã¯2011å¹´ã®å¹´æ«ã«éå¬ããããã·ãªã³ã³ãã¬ã¼ ã³ã¼ããã£ã³ããã«ã¦Citrixã®ãããã¯ããã¶ã¤ãã¼ã§ããUday Gajendaræ°ã ãããè¯ãUIãã¶ã¤ã³ãä½ãçºã«å¿ è¦ãª8ã¤ã®åºç¤ (åæã¿ã¤ãã«: âHow to Master Good UI Designâ)ãã ã«ã¨ããé¡ç®ã§è©±ãããã®ã§ãã ï¼Citrixã¨ã¯â¦ç±³å½ãããªãå·ã«æ¬æ ãç½®ãæ å ±ãã¯ããã¸ã¼ä¼æ¥ã®ãã¨ã§ããï¼ ä»¥ä¸ãGajendaræ°ããã®è¬æ¼å ã§è©±ãã8ã¤ã®åºç¤çãªUIã«ã¤ãã¦ã§ãã ï¼ãã®è¨äºã¯DICEå ã®è¨äº âHow to Master Good UI Designâã®ç¿»è¨³ã§ãï¼ åºç¤1ï¼ã°ãªãã/ã¬ã¤ã¢ã¦ã/æ§é photo credit: adactio via photopin cc Gaje
webã«ããHTML5ã®æ å ±ã¯è±èªã®ãã®ãå¤ã å½ç¶ã®ãã¨ã§ãããHTML5ã®æ å ±ã¯æ®ã©ãè±èªã§ããW3Cã®ãµã¤ãã ã£ã¦è±èªã§æ¸ããã¦ãã¾ããã大æµã®æ å ±ã¯è±èªããåããã°ã¢ã¯ã»ã¹ã§ãã¾ããã ã¾ãã¨ã¯ãããHTML5ãåå¼·ãããã¨èãããããªã誰ããè±èªãèªããªããã°ãªããªãã¨ãªãã¨ã¡ãã£ã¨é£ããã§ããããæåã¯å 輩æ¹ã®ç¿»è¨³ã¾ãã¯æ¥æ¬èªã§æ¸ããããªãªã¸ãã«ã®ææ¸ããå¦ã³ãããããã¦æ å ±ã®é度ãå¤æã®å°ºåº¦ã®ãããæ°ã«ãªã£ã¦ãã¦ãããããããå½å¤ã®æ å ±ã§åå¼·ãã¦ãé ãã¯ãªãã¯ãã§ããâ¦ããæãããã§ãï½ HTML5ã«é¢ããå½å ã®ãµã¤ããæ å ±æºãã¾ã¨ãã¾ãã ã¨è¨ã訳ã§ãä»åã¯webcre8ãèªèãã¦ããHTML5ã«é¢ããæ å ±æºããªã½ã¼ã¹ãµã¤ããåèã«ãªã£ãè¨äºã調ã¹ã¦ããåºã¦ãããã®ããã£ããã¨ã¾ã¨ãã¦ã¿ã¾ãããµã¤ããããã°è¨äºããªãã¡ã¬ã³ã¹ããã¼ã«çã§ãããã£ãããªã®ã§ãç¥ã£ã¦ãããã®ã¯è±
ãã®ããã°ãã¿ã¦ãåããã®ããã«ãç§ã¯æãåã£ãè²ä½¿ãããªããªãã§ãã¾ãããã©ããã»ã³ã¹ããªããã¨è«¦ãã¦ãä»æ¹ãªãããæããã»ã³ã¹ããªãã®ã§ã¯ãªãåå¼·ãã¦ããªãã ãã§ãããè¨ã訳ã¯ããåå¼·ãããã¨ã«ãã¾ããã ã¨ãããã¨ã§Webãã¶ã¤ã³ã®é è²ã«ã¤ãã¦å¦ã¹ãè¨äºãéãã¦ã¿ã¾ããã åºç¤çãªãã®ãã並ã¹ã¦ã¿ã¾ããã®ã§ãé çªã«èªãã§ããã°è²ã«ã¤ãã¦ã®ç¥èã¯æ·±ã¾ãã¨æãã¾ãããã»ã³ã¹ããªããã¨ããè¨ã訳ããã¦ãå®ã¯åå¼·ãã¦ããªãã£ãã ãã ã¨ãããã¨ã«æ°ä»ã人ãããããã è²å½©ã»ã³ã¹ã®ãããªãé è²è¬åº§ åºæ¬ããåãããããã¾ã¨ãããã¦ããã¹ã©ã¤ãã§ãããµãã¿ã¤ãã«ã®ãè²ã¯çè«çã«èª¬æã§ãããã£ã¦ããã®ããªãããã£ãããã 絶対ã«è¦ãã¦ããããwebãã¶ã¤ã³ã®é è²ã»ã«ã©ã¼3ã¤ã®åºæ¬ã¨åºç¤ | ç§ç°çwebãã¶ã¤ãã¼ãweblogã åºæ¬çãªå 容ã親åã«åããããã説æãã¦ããã¦ãã¾ãã®ã§ãããããåå¼·
å æ¥ããA Dao of Web Designãã¨ããè¨äºãèªãã§ãã¦è¡æãåããã®ã§ããã®ããã°ã§ããç´¹ä»ãããã¨æãã¾ãããã®ãA Dao of Web Designãã«ã¯ãã¦ã§ãå¶ä½ã®æ´å²ã¨æªæ¥ãè¨ããã¦ãã¾ããå½æã¯åå¨ããããªãã£ããã¬ã¹ãã³ã·ãWebãã¶ã¤ã³ããã¦ã§ãã®åºæ¬ç念ã§ãããOne Webãã«ãéããå 容ã§ãã ãã®è¨äºãæ¸ããã¦ãã12年以ä¸ãã£ã¦ãã¾ãããæ¥æ¬ã®ã¦ã§ãå¶ä½ã次ã®ã¹ãããã«é²ããããã«ãããã¦ã§ãã®å²å¦æ¸ãã¨ãè¨ãããã®ãA Dao of Web Designããããã¾ä¸åº¦ãæ¥æ¬ã§è¦ç´ãããå¿ è¦ãããã¨æãã¦ãã¾ãã ãã£ããã©ããªè¨äºï¼ ãA Dao of Web Designãã¯ããªã¼ã¹ãã©ãªã¢åºèº«ã®John Allsoppæ°ãæ¸ããè¨äºã§ã2000å¹´4æ7æ¥ã«A List Apartã«æ²è¼ããããã®ã§ããJohn Allsoppæ°ã¯ãæ©ãããã¦
以åããããWebãµã¤ããå¶ä½ãããããã©ãä½ããåå¼·ãããããã®ï¼ãã¨ãã質åãããé ãã¦ãã¾ãããç§ã Webå¶ä½ãåå¼·ãå§ããé ã«æ¯ã¹ãã¨ãæè¿ã¯ããããæ å ±ãããããã¦ä½ããå§ããã°ããã®ãè¿·ã人ãå¤ãã¿ãã â¦ããªã®ã§ä»åã¯ãWebãµã¤ããä½ãã®ã«å¿ è¦ãªç¥èãç°¡åã«ã¾ã¨ãã¦ã¿ã¾ããã æè¿æ¬ã ãªãæ´çãã¦ãã¦ãããèªã¾ãªããªã£ã Webå¶ä½ç³»ã®æ¬ãçä»ããããã¦ã¿ã¾ããããã¼ã£ã¨åãWebãµã¤ãã£ã¦ã©ããã£ã¦ä½ããã ããã£ã¦ã¨ããããå§ã¾ã£ã¦ãç¨èªãããåãããªãã¾ã¾è²ããªæ¬ãèªãã ãããé ãæãåºãã¾ã â¦ã Webãµã¤ã㯠HTML ã£ã¦ãããã®ã§ã§ãã¦ãã¦ãCSS ã£ã¦ãããã®ã§ãè¦ãç®ããã¶ã¤ã³ãã¦ããã®ãã ⦠ã£ã¦ãããã¨ããããã®é ã®ç§ã«ã¨ã£ã¦ã¯æ°ããçºè¦ã ã£ããªã ⦠ãªãã¦æã£ãããã¾ããã æè¿ã§ã¯ HTML5 ã¨ã CSS3 ã¨ããç§ãåå¼·ãåºããé ã«æ¯ã¹ã
念ã®ããè¨ã£ã¦ããã¨ãã®ããã°ã«ã¯åºæ¬çã«ããã°ã©ãã³ã°ã®è©±é¡ã¯ãªãã§ãï½ãã®è¨äºã¯ãã¾ãã¾ã§ããæªããããï¼ï¼ webcre8ã¯ä¸å¿webãã¶ã¤ãã§ãããããã°ã©ãã³ã°ã¯å¦çã®ããåå¼·ãããããããã¾ãã(ããã¦ã½ãã³ã¼æ«æ)ãããã¦ä½ãããããã触ã£ã¦ãããªããã°ãªããªãåéã§ãããã¾ã(ã¨è¨ã£ã¦ãJSãPHPã¾ã§ã«ãã¦ãããã¨æã£ã¦ã¾ããã©)ã ãã¨ã¯CSSãªããã§ããã¬ã¼ã ã¯ã¼ã¯ã¨ããããããªãã§ããããããããã®ã®ååã£ã¦ããªããããããã£ãè¯ãæ°ãªååã¨ãã¤ãã¦ã¾ããï¼ãã©ã¦ã¶ã§ãsleipnirã¨ãããã¨ãªããä½æ ããï¼ã¿ãããªå¤ãªååã¨ãã æ°ã«ãªã£ãã®ã§ãããã£ãå¤ãã£ãåºæåè©ãå ãããã®ã®ååã®ç±æ¥ãæå³ã調ã¹ã¦ã¿ã¾ãããä¸å¿ãä¸è¦å ¨ç¶é¢ä¿ãªãã ãï¼ã¿ãããªåèªãå ¨ããã³ã¨ããªããã®ã«çµã£ã¦ã¾ããæ®å¿µãªããããããã©ã®ããã«ä½¿ããããã®ãªã®ããããããwebcre8èª
ããã«ã¡ã¯ããã«ã¡ã¯ï¼ï¼ ä»æ¥ã¯ããã°ã¨ããæ¸ãæã®ãã¼ããªãã®èãæ¹ãããã¤ãæ¸ãã¦ã¿ããã¨æãã¾ãï¼ 1. ç¥ã£ã¦ããã¨ãæ¸ã åã®æãã ããããªãã¨ãââãã£ã¦ã奴ãªãã誰ã ã£ã¦ç¥ã£ã¦ãã ãããã¯ãæå¤ã¨ç¥ããªã人ãå¤ãã æ®æ®µããããããç¥ããªã人ã®è¦ç¹ã§èãã¦ã¿ãã 2. æ°ã¥ãããã¨ãæ¸ã ã§ãæ°ãããªãã¦ããã ãããã®ã©ããã§æ¢åºã§ãããã åèªèº«ãæ°ã¥ãããã¨ããæãã¤ãããã¨ãæãããã¨ãããã°ããããæ¸ãã°ããã¨æãã 3. èªåãªãã«æ¤è¨¼ãã å 容ãæå³ãä¸å®ãªé¨åã¯ãä¸å¿ã°ã°ããªããã¦æ¤è¨¼ãã¦ã¿ãã ãããçµæ§ãåå¼·ã«ãªã£ãããã¾ãéãçºè¦ããã£ãããããã 4. ç´ äººã«ããããããã«æ¸ã å°éç¨èªããé£ããè¨èã使ããã«ã ã§ããã ããç´ äººã¨ããªã«ã³ã¨ããã¼ãã«ããããããã«æ¸ãã 5. åæ°ããã£ã¦çã çããç®æã¯ãå¿ ãã¤ã£ãã¾ããã ãã®ããã³ããæãã¦
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}