Beautiful sites for Open Source projects. Hand curated by @trek Home About Submit a site Twitter RSS
ãã¼ã ãã¼ã¸ã®ãã¶ã¤ã³ã£ã¦ãããããã£ã¦ãã©ããèªåã®ãã¸ãã¹ã«ãµãããããã®ãè¿·ã£ããã¨ã¯ããã¾ãããï¼ å人ã§äºæ¥ããã£ã¦ããæ¹ã ã¨ããã®ãããªçåãæã¤æ¹ãå¤ãã®ã§ã¯ãªãã§ããããã ã§ãå®ã¯ãæ¥ç¨®ãã¨ã®çéãã¶ã¤ã³ãç¥ã£ã¦ããã°æ©ãå¿ è¦ãªãã¦ä½ããªãã®ã§ãã ä»åã¯ãå ¨16æ¥ç¨®ã«ãããçéã®ãã¼ã ãã¼ã¸ãã¶ã¤ã³ããä¼ããããã¨æãã¾ãã 1. ç¾å®¹é¢ã®ãã¼ã ãã¼ã¸ãã¶ã¤ã³ãçéã ãããããªé«ªåã®å¥³æ§ã®å¤§ãããªåçãè¼ãããã¶ã¤ã³ ãå®ä¾ã Nine9 / ãã¤ã³ MerryLand ç¾å®¹å®¤ pukka hair ç¾å®¹é¢ã®ãã¼ã ãã¼ã¸ãã¶ã¤ã³ ãã¤ã³ãããããããªé«ªåããã¦ãã女æ§ã®åçãè¼ããã ç¾å®¹é¢ã®ãã¼ã ãã¼ã¸ã®çéãã¶ã¤ã³ã¯ããåºã®ãã´ãå·¦ä¸ãã¡ãã¥ã¼ããã®æ¨ªã«ããããã®ä¸ã«ã¯ããããããªé«ªå½¢ããã¦ãã女æ§ã®å¤§ãç®ãªåçãããã¨ãããã®ã§ãã ããã¯ç¾å®¹é¢ã¨ããå売ã®ç¹æ§
ã¬ã¹ãã³ã·ãWebãã¶ã¤ã³ã®ãµã¤ãã¯å½å ã§ãå¢ãã¦ãã¾ããããå¶ä½ããã¨ãªãã¨ããªãæéããããã¾ãã ãããªã¨ãå½¹ã«ç«ã¤ã®ãã¬ã¹ãã³ã·ãWebãã¶ã¤ã³å¯¾å¿ã®ãã¬ã¼ã ã¯ã¼ã¯ãä¸ã§ããBootstrapãã¯ãå¤å½©ãªæ©è½ãåãããã®ä½¿ããããããåºãç¥ããã¦ãã¾ãã ããã§ä»åã¯ãå½å ã®ç§é¸ãªã¬ã¹ãã³ã·ãWebãã¶ã¤ã³ãéãããResponsive Web Design JPããããBootstrapã使ã£ã¦ä½ããããµã¤ãããç´¹ä»ãããã¨æãã¾ãã whiteSTOUT ãã©ãã¯ãªã¨ã¤ãã£ããä¸å¿ã¨ããããã¼ã¸ã¡ã³ããªãã£ã¹ã®ãµã¤ãã§ãããããã«å¤§ããªç»åã使ããæ´ç·´ãããã¤ã¡ã¼ã¸ã¨ãªã£ã¦ãã¾ãã AGATHA E-SHOP ã¢ã¯ã»ãµãªã¼ãã©ã³ããAGATHAãã®ECãµã¤ãã§ããæåãã©ã³ãã®ããããECãµã¤ãã«ãBootstrapã使ããã¦ãã¾ãã ACTUS online ãã¡ãã¯æåã¤ã³
è¤æ°ã®æéãã©ã³ãæã¤Webãµã¼ãã¹ãå©ç¨ããéãçããã¯ã©ãããåºæºã§ãã©ã³ãé¸ã³ã¾ããï¼ç§ã¯èªåã«å¿ è¦ãªæ©è½ã¯ä½ãªã®ããæéã«è¦åã£ãå 容ãã©ãããä»ã®ãã©ã³ã¨æ¯è¼ãã¦ãå¾ãªã®ã¯ã©ããªã®ãçãèããªããæ¤è¨ãã¦ããã¾ãããã®ããã«ä¸ç®ã§ããããã®ãã©ã³å 容ãããã£ãããåãã©ã³ãç°¡åã«æ¯è¼ã§ãããã¶ã¤ã³ã ã¨æ±ºããããã®ã§ãããèªåã«ã´ã£ããã®ãã©ã³ãããã«ããããªãã¨çµå±ã©ããç³ãè¾¼ã¾ãªãããªãã¦ãã¨ããããã§ä»åã¯è¤æ°ã®ãã©ã³ãæã¤Webãµã¼ãã¹ã®æé表ãè¦ãªãããã©ããªãã¶ã¤ã³ããã¦ã¦ã¼ã¶ã¼ã«é åãä¼ãã¦ããã®ããã§ãã¯ãã¦ã¿ããã¨æãã¾ãï¼ SQUARESPACE http://www.squarespace.com/pricing/ ãã©ã³ã3ã¤ç¨æãã¦ããSQUARESPACEã¯ãããããã®$16ã®ãã©ã³ã人æ°ã®ãã©ã³ã¨ãã¦ç»é¢ã®çãä¸ã«ããããã«é ç½®ãã¦ãã¾ããç·èæ¯ã®âM
2013å¹´5æ9æ¥ Webãã¶ã¤ã³, ã¤ã³ã¹ãã¬ã¼ã·ã§ã³, 便å©ãã¼ã« 2013å¹´ã代表ãããã¶ã¤ã³ãã¬ã³ãã¨è¨ãã°ãã©ãããã¶ã¤ã³ãããã横ç®ã«ãå®ã¯éãã«æµè¡ãå§ãã¦ãããããªã´ã³é¢¨ãã¶ã¤ã³ãããåç¥ã§ããããï¼ãã¼ããªã¨å¼ã°ãã¦ãããã®ã§ãããä»åã¯ãã¼ã«ã使ã£ã¦åçããããªã´ã³é¢¨ã¤ã©ã¹ããä½ã£ã¦ã¿ã¾ãããï¼ãã¶ã¤ã³ã®åèã«ãªãWebãµã¤ããã°ã©ãã£ãã¯ã»ã¢ã¼ããã¾ã¨ãã¦ããã®ã§ããªãªã¸ãã«ããªã´ã³ã¢ã¼ãã«ææ¦ãã¦ã¿ã¦ãã ããï¼ âç§ã10年以ä¸å©ç¨ãã¦ããä¼è¨ã½ããï¼ ãtriangulatorãã§ããªã´ã³é¢¨ã¤ã©ã¹ããä½æ ããªã´ã³ã¯é常ã¯3Dç³»ã®ã½ããã§ä½ãã¾ãããPhotoshopãIllustratorã§ãä½ããã¨ãã§ãã¾ãããã ãããã§ã¯ããªãæéãããã£ã¦ãã¾ãã®ã§ãåçããµã¯ãã¨ãã¼ããªã¤ã©ã¹ãã«å¤æã§ãããtriangulatorãã使ç¨ãã¾ãããã¡ãã®åç»ãã覧é ã
ã¹ãã¼ããã©ã³ãã¿ãã¬ãã端æ«ã¨ãã£ãããããããã¹ãã¼ãããã¤ã¹ããæèããWebãµã¤ãå¶ä½ã¯ãã¯ã常èã¨ãªã£ã¦ãããåä¼æ¥ã®Webãµã¤ãã¯ã次ã®ãããªæ¹æ³ã§ã¹ãã¼ãããã¤ã¹ã«å¯¾å¿ãã¦ãããã¨ãã»ã¨ãã©ã ããã ã¹ãã¼ããã©ã³åãå°ç¨ãµã¤ããæ§ç¯ãã ã¬ã¹ãã³ã·ãWebãã¶ã¤ã³ã§ Webãµã¤ããæ§ç¯ãã viewportã調æ´ãã Web Professionalã§ã¯ã2011å¹´2æãæåä¼æ¥ã®Webãµã¤ããã¹ãã¼ããã©ã³ã«ã©ã®ããã«å¯¾å¿ãã¦ããããç´¹ä»ããã ãããã®ãµã¤ãã¯ã2å¹´çµã£ã¦ã©ã®ãããªå¤åãéããã®ããæ¬è¨äºã§ã¯ãåãä¸ãããµã¤ãã«åã³è¨ªãããµã¤ããã¶ã¤ã³ã®ãã¬ã³ããã©ã移ãå¤ãã£ãã®ãã観å¯ãæ¥æ¬ã®ã¹ãããµã¤ãã®ãBEFORE & AFTERããç´¹ä»ãããã åæ°ä»¥ä¸ã®ãµã¤ãããªãã¥ã¼ã¢ã« ã¾ãã調æ»ãããµã¤ãæ°ã«å¯¾ãã¦ãªãã¥ã¼ã¢ã«ãããµã¤ãã¨ã大ããã¯å¤åãã¦ããªããµã¤
960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,
ãwireframe.ccãã¯ã¦ã§ãä¸ã§ç°¡åã«ã¯ã¤ã¤ã¼ãã¬ã¼ã ãæãããµã¤ãã§ãããµã¤ãã®ãã¶ã¤ã³ãæãããããã¨ãã«å©ç¨ã§ãã¾ãããä½æããã¯ã¤ã¤ã¼ãã¬ã¼ã ã¯åå¥ã«ä¿åãããã®ã§ãURLãå ±æããã°ä»ã®ã¦ã¼ã¶ã¼ã§ãé²è¦§ã§ãã¾ãã 以ä¸ã«ä½¿ã£ã¦ã¿ãæ§åãè¼ãã¦ããã¾ããã¾ãwireframe.ccã¸ã¢ã¯ã»ã¹ãã¾ããããç»é²ãªãã§ããã«å©ç¨ã§ãã¾ãã ãã®ããã«ãã¦ã¹ã§ãã©ãã°ããã ãã§ã¯ã¤ã¤ã¼ãã¬ã¼ã ãç°¡åã«æãã¾ãããµã¯ãµã¯åä½ãã¦ç·¨éãç°¡åãªã®ã§ä½¿ããããã§ãããå·¦ä¸ã®ãSaveããããã¨åå¥ã®URLãçºè¡ããã¾ããã¯ã¤ã¤ã¼ãã¬ã¼ã ãããã£ã¨æãããã¨ãã«ä¾¿å©ãªãµã¤ãã§ããããã²ãæ´»ç¨ãã ããã wireframe.cc ï¼ã«ã¡ãã¡ï¼
Clicking the âBranch thisâ button next to a post lets you start your own branch to talk about it. Branching a post is perfect for when you have something to say about someoneâs post or want to go on a tangentâwithout taking the whole conversation off track. Join our beta so you can branch posts, too.
A Simple Device Diagram for Responsive Design Planning å訳ï¼ã¹ãã¼ããã©ã³ãã¿ãã¬ããããã¹ã¯ãããã®ããã«ã¬ã¤ã¢ã¦ãã®å¹ ãã©ã®ããã«è¨è¨ããã°ããã åããã¤ã¹ã®ãµã¤ãºä¸è¦§ãè¸ã¾ããã©ã®ããã«ã¬ã¤ã¢ã¦ãã®å¹ ãè¨è¨ããããã¤ã¬ã¤ã¢ã¦ããç¨æããã®ãããããPSDç´ æä»ãã
ãã®ããã°ã¯ãåãããã¾ã§Webãµã¼ãã¹ãããã¤ãä½ã£ã¦ãã¦ã失æãããæåãããè²ã ä½é¨ãã¦ãããã¨ãã¾ã¨ãã¦ãã¾ãã ååã®ãã·ãªã³ã³ãã¬ã¼ã§èãããã¶ã¤ã³ãç¾ããWebãµã¼ãã¹ï¼ã¢ããª15é¸ãã®ç¬¬äºå¼¾ã¨ãããã¨ã§ããã¡ãã§èããç¾ããWebãµã¼ãã¹ãã¢ããªãç´¹ä»ãã¦ã¿ããã¨æãã¾ãã Airtime https://www.airtime.com/ å ãããã¼ã³ããããã°ããã®æ°ãããããã¯ããNapsterã®å ±ååµæ¥è ã·ã§ã¼ã³ã»ãã¼ã«ã¼ã¨ã·ã§ã¼ã³ã»ãã¡ãã³ã°ãåã³ã³ã³ããçµãã§ä½ããããããªãã£ãããµã¼ãã¹ã§ããããããã¼ã¸ã®æªæ¥çãªã¤ã©ã¹ããç®ãå¼ãã¾ããããã°ã¤ã³å¾ã®ãã£ããç»é¢ã¯ãä¸ç¬ãã©ã¦ã¶ã§ãããã¨ãå¿ããããã»ã©ã®è¦æ ãããã¾ãã Pose http://pose.com/ ãã¡ãã·ã§ã³é¢é£ãµã¼ãã¹ãªã®ã§ãå½ç¶ãã¶ã¤ã³ããã¤ã¯ãªãªãã£ãã¢ããªã«å ¥ã£ã¦è¡ãã¨ãç´ æµãªWel
å®æçã«åºãããã¨ã¬ã¬ã³ããªãã¶ã¤ã³ãããããã¡ããã¡ããããã¶ã¤ã³ãã®æ¹ã売ããã¨ãã話ãããã ãã楽天å¸å ´ã®ã·ã§ãããæ¶æããè¨èã¨ãã¦ä½¿ãããããæè¿ã¯ãeBayã«ããããªè©±ãåºã¦ãã©ãããä¸çå ±éã«éãããã¨ãããã eBay ã§ããããã¶ã¤ã³ã®æ¹ãã³ã³ãã¼ã¸ã§ã³çãé«ãã£ããã¨ãã話 ãã ãä½æ ãã¡ããã¡ãæ å ±ãæ²è¼ããæ¹ã売ããã®ãï¼ï¼ã¨ãããã¨ã«é¢ãã¦ã¯ããã¾ãå ·ä½æ§ãããè¨äºãè¦ãäºãç¡ãã èªåãæãã¨ãããæ¸ãã¦ã¿ããã¨æãããããæé¤æ©ã売ãã¨ä»®å®ãã¦ããå¼ãç®ã®åå説æãã¨ãããã¡ããã¡ããããåå説æãèããã â å¼ãç®ã®åå説æ ãã®æ¹æ³ã§èª¬æãèããæã¯ããã®ååã®è¯ããå¾¹åºçã«çµãè¾¼ãã§ãã§ããéãä¸ã¤ã®ã¡ãã»ã¼ã¸ã«è½ã¨ãããã¨èããã ãã®çµæããä¾ãã° ãå¸å¼åã®è½ã¡ãªãæé¤æ©ã§ãã ã¨ãã説æã«ãã¦å£²ãã ä½åãã¡ãªãããããå ´åã¯ãæ å ±ã«å¼·å¼±ãã¤ã
ãããªã¨ã³ããªãã¿ã¤ãã¾ããâ ï¼IllustratorãWEBç¨ã«ä¿åããã¨ãµã¤ãºãããã ã©ããã¤ã©ã¬ç³»ã®å¶ä½TIPSãè¦ã¦ããã¨ãã®ãã®ãã¤ã©ã¬ããæ¸ãåºãã¨ãºã¬ããã®è¨è¿°ããããã§ããããã çµè«ããè¨ãã°ãºã¬ã¾ããã ãºã¬ãã®ã¯ãã®ãªãã¸ã§ã¯ãã®åº§æ¨ããºã¬ã¦ããããã§ãããã¯ã»ã«ã«ã´ã£ãããããã¦ãªãã¸ã§ã¯ããä½ãã°ãºã¬ãªããã§ãã¨ï¼ãã¸ã§ãã¸ã§ï¼ æåã£ãããºã¬ãªãããã«ãã¼ã¿ãã¤ããã°ãã¤ãã¤ãPhotoshopã«æ¸ãåºãã¦ããã¹ã©ã¤ã¹ã¨ããã¡é¢åãããäºããªãã¦æ¸ã¿ã¾ããå ãã¡ã¤ã«ãè¤æ°ããã¨ãã¹ã®å ã§ãããã§ããã°ã¤ã©ã¬ã§ä½ã£ããå ãã¡ã¤ã«ã¯ã¤ã©ã¬ã§å®çµãã¦ããããã¨ãããªã®ã§ãããã¹ã©ã¤ã¹ãã¤ã©ã¬ä¸ã§é·æ¹å½¢ã使ã£ã¦ãºã¬ãäºãªããã¬ã¤ã«åãã¾ããããã ãã¢ã¯åã«ãæãã¾ããããå®è¦ã¨ããªã ãã¼ã¯ã¨æ°å¤å ¥åã§ããããã¨ãã¯ã»ã«ãã¬ãã¥ã¼ã æé ã¨ãã¦ã¯ 1. æ°è¦æ¸é¡ãé
ããã©ãã·ã§ããã»ãã¤ã¢ã¤ãã¼ãã®æ°çè¨äºã§ãããã©ãã·ã§ããããã¶ã¤ã³ããã®ããã¦ã§ããµã¤ãã2009å¹´ï¼æåµå以æ¥ã3800ãè¶ ããã³ã³ãã³ããæ´æ°ãã¦ãã¾ããããªã¼ãã©ã³ããªã©ã®ç¡æãã¶ã¤ã³ç´ æï¼é è²ãWebå¶ä½ã¨ãã£ãææ°ãã¬ã³ããå ¬éä¸ã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}