border-radiusã®å¤ããã¹ã¯ãããã¨ã¹ããã§å¤ãããä¾ãã°ãã¥ã¼ãã¼ãã大ããã¦ãã¼ã¸ã³ãããå ´åã¯8pxã§è§ä¸¸ã«ãããã¥ã¼ãã¼ããå°ããã¦ãã¼ã¸ã³ããªãå ´åã¯0pxã§ç©å½¢ã«ããã ã¡ãã£ã¢ã¯ã¨ãªã§ç°¡åã«å®è£ ã§ããã¨æãããããã¾ããããããããã¥ã¼ãã¼ãã®ãµã¤ãºãå°ããããã¼ã¸ã³ãããå ´åã«8pxã®è§ä¸¸ã«ãªãã¾ããã ãã®é£ããæ¡ä»¶ãCSSã®é¢æ°ã§å®è£ ãããã¯ããã¯ãç´¹ä»ãã¾ãã Conditional Border Radius In CSS by Ahmad Shadeed ä¸è¨ã¯åãã¤ã³ããæ訳ãããã®ã§ãã â»å½ããã°ã§ã®ç¿»è¨³è¨äºã¯ãå ãµã¤ãæ§ã«ã©ã¤ã»ã³ã¹ãå¾ã¦ç¿»è¨³ãã¦ãã¾ãã ã¯ããã« border-radiusã®å¤ãã¹ããã¨ãã¹ã¯ãããã§å¤ãããã¯ãã㯠å®è£ æ¹æ³ã®è§£èª¬ ãªãã9999ã使ç¨ããã®ã çµããã« ã¯ããã« ç§ã¯ãããããã¼ãã©ã®ãããªCSSãæ¸ãã¦ãã
CSSã®ãautoãã¯é常ã«ä¾¿å©ãªå¤ã§ããã¼ã¸ã³ããµã¤ãºï¼width, heightï¼ãé ç½®ãªã©ã®ããããã£ã«ä½¿ç¨ãããã¨ãã§ãã¾ãããautoããã©ã®ããã«æ©è½ããã®ãããautoããæ´»ç¨ãããã¯ããã¯ãç´¹ä»ãã¾ãã èªåãã¼ã¸ã³ãautoã使ã£ãè¦ç´ ã®ãµã¤ãºæå®ãä¸å¤®é ç½®ã«ä½¿ç¨ããautoã®ä»çµã¿ãFlexboxãGridã§ç¥ã£ã¦ããã¨ä¾¿å©ãªautoã®ä½¿ãæ¹ãoverflowã«ãããautoãªã©ãå®ç¨çãªãã¯ããã¯ãæºè¼ã§ãã Everything About Auto in CSS by Ahmad Shadeed ã¯ããã« widthããããã£ã«ãããauto width:auto; ã®ä½¿ãã©ãã heightããããã£ã«ãããauto marginããããã£ã«ãããauto 絶対é ç½®ãããè¦ç´ ã«ãããmarginã®auto Flexboxã«ãããauto Flexboxã®ãããã
ã¯ããã« çããPythonã§ããã°ã©ãã³ã°ãã¦ã¾ããï¼ Pythonã®åºæ¬çãªææ³ã¯ããç¨åº¦ç解ãããã©ãããä¸æ©è©³ãããªããããã¨ããæ¹ã®ããã«ãä¸ç´çãªãã¯ããã¯ãæ¸ãæ¹ã«ã¤ãã¦è§£èª¬ãã¾ãã ãã®è¨äºããã¹ã¿ã¼ããã°ãããªããææ¥ããPythonä¸ç´è ã«ãªããããï¼ ã§ã¯ãå§ãã¾ãããã å¤æ°ã®ä»£å ¥ã«ã¤ã㦠Pythonã§ã¯ãè¤æ°ã®å¤æ°ã®å®ç¾©ã1è¡ã§è¡ããã¨ãå¯è½ã§ãã æ®éã«ä»£å ¥ããå ´åï¼
Slackã«çæ´»ãä¹±ããã¦ãã¾ãããï¼ éå°ãªã³ãã¥ãã±ã¼ã·ã§ã³ãåå ã§ä½ãæã«ä»ããªãããã§ã¯ããã£ããã®ãã¼ã«ãå°ç¡ãã§ãã ããã§ãSlackã®ã¢ã¸ã¢å¤ªå¹³æ´ãã¼ã ãçããArturo Arrrteæ°ã«ããããªããªãããã®ç§è¨£ãèãã¾ããã ãµã¤ããã¼ããã£ããããããç°å¢è¨å®ãã¡ãã¥ã¼ã§ããµã¤ããã¼ããéããã表示ãã»ã¯ã·ã§ã³ã§ãæªèªã®ã¿ï¼æªèªã®ãã£ã³ãã«ã¾ãã¯DMã¨ã¢ããªã®ã¿ããé¸æãã¾ããããã§æªèªãã£ã³ãã«ä»¥å¤ã¯è¡¨ç¤ºãããªãã®ã§ããµã¤ããã¼ããã£ãããã¾ãã ã¯ã¤ãã¯ã¡ãã»ã¼ã¸æ¥ã®å¤åºãä»ããåºãªããã°ãªããªãã®ã«ãååã«å¤åºãã¾ãã¨é£çµ¡ããªããï¼ ãããªã¨ãã¯ãä»»æã®ã¡ãã»ã¼ã¸ããã¹ãããã¯ã¹ã§ã/msg @Nameãã¾ãã¯ã/dm @Nameãã¨ã¿ã¤ãããã ãã§ãç´æ¥ã¡ãã»ã¼ã¸ãéãã¾ããè¦ä»¶ãä¼ãã¦ãµã¯ãã¨åºçºã§ãï¼ ä¼è©±éã移åããã©ããªã«ãã«ãã¿ã¹ã¯ãå¾æãªããªãã§ã
Webæè¡è ãç¥ãã¹ããã¢ã»ãã¬ã¼ã³ã®æ¥µæï¼è¥¿èè³å²æ°ï¼ãMicrosoft de:codeãã¤ãã³ãã¬ãã¼ã å²©ç¬ ç¾©æï¼HTML5 Experts.jpç·¨éé¨ï¼ 5æ29æ¥ã30æ¥ã«ããã¦Microsoftã®éçºè åãã¤ãã³ãã§ãããde:codeããéå¬ããããæ¬è¨äºã§ã¯ãMicrosoftã®ã¨ãã³ã¸ã§ãªã¹ãã§ãã西èè³å²æ°ã®ã»ãã·ã§ã³ãde:codeåå è ã«æ§ããææ°Microsoftãã¢ã»ãã¬ã¼ã³ã®æ¥µæãã«ã¤ãã¦ç´¹ä»ããã ãã¬ã¼ã³ãã¼ã·ã§ã³ã»ãã¢ã¨ã¯ ãã¬ã¼ã³ãã¼ã·ã§ã³ã§ã¯ç¸æã«ã話ããããç»åã»åç»ã»ãã¢ãè¦ããçãè¡ãããã®ãã¬ã¼ã³ãã¼ã·ã§ã³ã«ããã¦ãéè¦ãªãã¨ã¯ã¾ãç¸æã«ä¼ãããã¨ãããã¦ç¸æã«ä¼ãã£ãçµæãããã«éè¦ãªã®ãç¸æãåãã¦ããããã¨ã ãç¸æãåãã¦ãããã¨ã¯ãä¾ãã°ããã¸ã§ã¯ãã«ã¤ãã¦èª¬æããçµæãç¸æã人ã»ãéã®ãªã½ã¼ã¹ãåºãã¦ããããã¨ãããã¨ã ã ãã®
2014å¹´4æ16æ¥ãã2014å¹´5æ14æ¥ã¾ã§éå¬ãã¦ããpaizaãªã³ã©ã¤ã³ããã«ã½ã³ï¼ç¥ãã¦POH![ãã¼ï¼]ï¼Vol.2ã女å大çã¨ãã¢ããããã ãã®ç°¡åãªãä»äºã§ãï¼ãã§æåºãããæéã³ã¼ãã¯ã©ã®ãããªé«éåã®ã¢ããã¼ãã§ã§çã¿åºãããã®ã§ããããï¼ãPOH Vol.2ã«ç»å ´ãã女å大çã¤ã³ã¿ã¼ã³ããã°ã©ãã®æ¨éã¡ããï¼å·¦ã®ã¤ã©ã¹ãï¼ã«ã¢ã«ã´ãªãºã ãå³è§£ã§æããã¨ããããã©ãæããã ããããã¨ããäºã§ãä»åã¯å³è§£ãã¦ã¿ã¾ããã ä»åã¯ååã®æéã³ã¼ãçºè¡¨ã¬ãã¼ãï¼ãçµæçºè¡¨ã女å大çããã°ã©ãã®å¿ãé·²æ´ã¿ã«ããæå¼·ã®ã³ã¼ã8é¸ï¼ã«å¼ãç¶ããæéã³ã¼ãã®è£å´ã«è¿«ãã¾ãã â é«éåã®ã¢ããã¼ãæ¹æ³ã«ã¤ã㦠ä»åãPOH Vol.1 ã¨åæ§ã«ãPOH Vol.2ã§ã¯è¨ç®éã®æ¹åã«ããé«éåãæ±ã¨ããã¢ããã¼ããæ³å®ãã¦åºé¡ããã¾ãããåºæ¬ã¯å®æ°åé«éåã«ãã£ã¦æ³å®è§£æ³ãããæªãè¨ç®éã®
Photoshopãæ¯æ¥ä½¿ãã¦ã§ãå¶ä½è ã¯ãã²ç®ãéãã¦ã»ãããPhotoshopãèªåã®æ足ã®ããã«ä½¿ããããã«ãããã¦ãã¦ãåãçµæã§ãéãã«æéãç縮ããããã¯ããã¯ãæºè¼ã®ãªã¹ã¹ã¡æ¬ãç´¹ä»ãã¾ãã åãµã¤ãºã®ç»åãã¹ã©ã¤ã¹ããã®ã«5åããã£ã¦ããã®ã1åã§ï¼ã10px以ä¸ã®å°ããªæåãé®®æã«ããã®ã«10å以ä¸ããã£ã¦ããã®ã5åã§ãããã¬ã¤ã«ï¼ããªã©å®ç¨çãªæãæºè¼ã§ãã ãç¥é Photoshop Webãã¶ã¤ã³ç·¨ãã§ã¯ã¦ã§ããã¶ã¤ã³ã®ç¾å ´ã§Photoshopã使ãæã«å½¹ç«ã¤æ å ±ãæºè¼ï¼ Webãã¶ã¤ã³ã«ç¹åããPhotoshopã®ç°å¢è¨å®æ¹æ³ããããã°ããã¹ã©ã¤ã¹ãå¹ççãªã«ã³ãã®ä½æããã¶ã¤ã³ã®ããªã¨ã¼ã·ã§ã³ã楽ã«ã¤ãããªã©ãå®è·µçãªãã¯ããã¯ã便å©ãªãã¼ã«ãããã¦ããã¨ããæã®ãç´ããã«å¼·ããã¼ã¿ãã¤ããæ¹æ³ãªã©ããã¶ã¤ãã¼ã®æéãå¤§å¹ ã«ç縮ãã¾ãã ç¥éãã¶ã¤ã³ã®5ç®æ¡
Webãã¼ã¸ãRetina対å¿ããããã¯ããã¯ï½å®è·µç·¨ï¼jQueryÃHTML5ÃCSS3ãçé¢ç®ã«åå¼·ï¼5ï¼ï¼1/3 ãã¼ã¸ï¼ ååã®Webã«ããããã¯ã»ã«ã®åºæ¬çãªè©±ãè¸ã¾ããä»åã¯Retinaãã£ã¹ãã¬ã¤ãã¯ããã¨ããé«ç²¾ç´°ãã£ã¹ãã¬ã¤ã«Webãã¼ã¸ã対å¿ããããã¯ããã¯ãç´¹ä»ããã ååï¼Webãã¼ã¸ãRetina対å¿ããããã¯ããã¯ï½åºç¤ç¥èç·¨ï¼ã¯Webã«ããããã¯ã»ã«ã®åºæ¬çãªè©±ããã¾ãããä»åã¯ãããè¸ã¾ããä¸ã§ãRetinaãã£ã¹ãã¬ã¤ãã¯ããã¨ããé«ç²¾ç´°ãã£ã¹ãã¬ã¤ã«Webãã¼ã¸ã対å¿ããããã¯ããã¯ãç´¹ä»ãã¾ãã CSS Spriteã§è¤æ°ã®è§£å度ã«å¯¾å¿ æãåå§çãªå¯¾å¿æ¹æ³ã§ããä¸è¬çãªPCãã£ã¹ãã¬ã¤ã¨åãè¦é ã§ä½æããç»åãRetinaãã£ã¹ãã¬ã¤ã«ä½¿ç¨ããã¨ãã«ããã ããã«è¡¨ç¤ºããã¦ãã¾ãã¾ããããã¤ã¹ä¸ã§ã¯åããµã¤ãºã§ãã使ããã¦ãããã¯ã»ã«æ°ã®ã¿ãã»ã¨ã³ã2
ããã°ãæ¥è¨ãã¡ã¼ã«ãªã©ãä½æãã¦ããéã«ã¤ãã¤ããæ£ããæç« ããæ¸ãã¦ãã¾ããèªãã§ãã人ãè¾æããããã¨ã¯ããã¾ãããï¼ æ¥æ¬èªãä¹±ããã¡ãªç¾ä»£ç¤¾ä¼ã 没åæ§ãéããã風潮ãå¼·ããã®å½ã«ããã¦ãâãã®äººã¯æ£ããæ¥æ¬èªãæ±ãããã£ã¡ããã人ã âã¨è¨ãå°è±¡ãä¸ãããã¨ã¯ãããªãã®ã¤ã¡ã¼ã¸ãæããåå ã¨ãªãããã¾ããã ããã§æ¬æ¥ã¯ãèªãã§ãã¦æ°æã¡ã®æªããéæããªæç« ããæ¸ãããã«ç¥ã£ã¦ããã¹ã6ã¤ã®ãã¯ããã¯ããç´¹ä»ãã¾ãããã éæããªæç« ãæ¸ãããã« ã§ã¯å®éã«æ°æã¡ã®æªãæç« ãã¯ããã¯ã¨æä¾ãè¦ã¦ããã¾ãããã æåã«åºã¦ããéæ ã¯æ°æã¡ã®æªãï¼ä»åã®è¬åº§ã«ããã¦ã¯æ£ããï¼æç« ã赤æ ã¯ãã£ã¡ãã¨æ§æããã大å¤ã«èªã¿å¿ãã®ãªãæªãä¾ã§ãã 1.æ¬ä½ã¨å¸¸ä½ãå ¥ãæ··ãã¾ããããçµ±ä¸æ§ãç¡ããªãããã ã ç§ã¯ç¯ å´æã¡ããã大好ãã ã 彼女ã®è±æºãªä½ã«ã°ããç®ããããã¡ã§ããã注ç®ãã¹ãã¯ã
ãã¦ãä»åã¯å¡ãã«ã¤ãã¦ã®è¨äºã§ãã çããã¯å®éããã®ç¾å ´ã®äººãæãã¦ããè¬åº§ãè¦ãäºãããã¾ããï¼ ä»åããç´¹ä»ããã®ã¯ ãç¾å°å¥³ã²ã¼ã éçºç¾å ´ã§ã®ãã£ã©ã¯ã¿ã¼ã®å¡ãè¬åº§ã ã§ãã ããã®ç¾å ´ã«æºãã£ã¦ããã¢ã¼ãã£ã¹ãã è¬åº§ãæ¸ãã¦ãããµã¤ãã§ãã 使ç¨ã½ããã¯PhotoshopãSAIã§ãã®ã§ 使ã£ã¦ãã人ã¯çµ¶å¯¾ã«è¦ã¦ããã¹ããµã¤ãã ã¨æãã¾ãã ã¾ããå¹çããå¡ããåºæ¥ããããªãã¯ããã¯ã å¡ãã«ç¹åãããã©ã·è¨å®ã®èª¿æ´ãªã© åããããã説æããã¦ãã¾ãã ã¨âã²ã¼çCGè¬åº§ http://cgkouza.blog93.fc2.com/ 以ä¸ã¯ãè¦ã©ãããªã©ã説æãã¦ããããã¨æãã¾ãã âãã¡ã¤ã«ã®è§£å度ã«ã¤ã㦠å¶ä½ç¾å ´ã§åºæºã¨ãªã£ã¦ãã解å度ãããããã§ãã å°å·ãããã®ã¯350dpiãã²ã¨ã¤ã®åºæºã ã¤ãã³ãCGã¯ã2400x1800ãããã§ãã£ã¦ãäºãå¤ã ç«ã¡çµµã¯ç¸¦4
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}