[B! Webãƒ‡ã‚¶ã‚¤ãƒ³] lenomickã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lenomick id:lenomick

Webãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹lenomickã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

ä½¿ç”¨ã®åˆ¶é™ç„¡ã—ã§ç„¡æ–™ï¼å¤šå½©ãªã‚«ãƒ©ãƒ¼ãŒç¾Žã—ã„ã€ã‚½ãƒ•ãƒˆãªè³ªæ„Ÿã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Softies
ãƒ•ãƒ©ãƒƒãƒˆãªã‚¹ã‚¿ã‚¤ãƒ«ã«ã‚½ãƒ•ãƒˆãªè³ªæ„Ÿã‚’åŠ ãˆãŸç¾Žã—ã„ã‚¢ã‚¤ã‚³ãƒ³ç´ æã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚´ãƒ ã®ã‚ˆã†ãªã‚½ãƒ•ãƒˆãªè³ªæ„ŸãŒã€ã„ã„æ„Ÿã˜ã§ã™ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ã¯å˜ã«ç„¡æ–™ã¨ã„ã†ã“ã¨ã ã‘ã§ãªãã€ä½¿ç”¨ã®åˆ¶é™ã‚‚ç„¡ã—ã¨ã®ã“ã¨ã€å¤ªã£è…¹ï¼ Softies ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ã€2ç¨®é¡žã€‚ .psd (ãƒ™ã‚¯ã‚¿ãƒ¼ï¼‰ .png (ã™ãä½¿ã†ç”¨ï¼‰ .pngã¯64px, 128px, 256pxã®3ã‚µã‚¤ã‚ºãŒæƒã£ã¦ãŠã‚Šã€.psdã¯å„ã‚¢ã‚¤ã‚³ãƒ³ã¯ãƒ™ã‚¯ã‚¿ãƒ¼ã§ä½œæˆã§ã§ãã¦ã„ã¾ã™ã€‚ .psdã‚’Photoshopã§é–‹ã„ãŸã‚ãƒ£ãƒ—ãƒãƒ£ ç´ æã®åˆ©ç”¨ã«ã‚ãŸã£ã¦ã¯ã€åˆ¶é™ç„¡ã—ã§ãƒ•ãƒªãƒ¼ï¼ï¼ GPLãƒ©ã‚¤ã‚»ãƒ³ã‚¹ä¸‹ã§ã€å€‹äººã§ã‚‚å•†ç”¨ã§ã‚‚ã‚ã‚‰ã‚†ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ ã‚¢ã‚¤ãƒ†ãƒ ã¯å…¨éƒ¨ã§44ç¨®é¡žï¼ 128pxç‰ˆã‚’å°‘ã—ç¸®å°ã—ãŸã‚‚ã®ã§ã™ãŒã€ãã®ç¾Žã—ã•ã¯ã“ã®ã‚µã‚¤ã‚ºã§ã‚‚å ªèƒ½ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚
lenomick 2013/11/05
*

*ç´¹ä»‹è¨˜äº‹

ç´ æ

psd

Webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¢ã‚¤ã‚³ãƒ³ç´ æ
ãƒªãƒ³ã‚¯
ã€ŒCompassã€ã€åŸºç¤Žã‹ã‚‰å¿œç”¨ã¾ã§ï¼ | æ ªå¼ä¼šç¤¾LIG
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®çŽ‹ã§ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯Compassä½¿ã„ã«ãªã‚‹ãŸã‚ã®å¿…è¦æœ€å°é™ã®çŸ¥è˜ã‹ã‚‰å¿œç”¨ã¾ã§ã€ä½“ç³»çš„ã«ã²ã¨é€šã‚Šç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ å…¨ãã®åˆå¿ƒè€…ã§ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“ï¼ ã¯ã˜ã‚ã«çµè«–ã‚’è¨€ã†ã¨ã€Compassã§CSSã‚’æ›¸ãã¨ æ—©ã„ï¼ è¦‹ã‚„ã™ã„ï¼ ãƒ¡ãƒ³ãƒ†ã—ã‚„ã™ã„ï¼ ã‚³ãƒ¼ãƒ‰é‡ãŒãã£ã¨æ¸›ã‚‹ï¼ ä¸€åº¦ä½¿ã„å‡ºã—ãŸã‚‰æœ€å¾Œã€ã‚‚ã†å…ƒã«ã¯æˆ»ã‚Œãªã„ï¼ ä¸€ä½“ã©ã“ã¾ã§ä¾¿åˆ©ãªã®ã‹ãšã‚‰ãšã‚‰æ›¸ãã‚ˆã‚Šã‚‚ã€ç™¾èžã¯ä¸€è¦‹ã«ã—ã‹ãšï¼ ç°¡å˜ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’é€šã—ã¦ã€å„ç‰¹å¾´ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸçŸã„ãƒ‡ãƒ¢å‹•ç”»ã‚’ç”¨æ„ã—ãŸã®ã§ã€ã¾ãšã¯ã“ã¡ã‚‰ã‚’è¦‹ã¦ãã ã•ã„ï¼ Compassã¨ã¯ï¼Ÿ Compassã‚’èªžã‚‹å‰ã«ã€ã¾ãšã¯ã€ŒSassã€ã‚’çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãªãœãªã‚‰ã€Compassã¯Sassã‚’å…ƒã«é–‹ç™ºã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã ã‹ã‚‰ã§ã™ã€‚ Sassã¨ã¯ ã§ã¯ã€ŒSassã€ã¨ã¯ä½•ã‹ã¨è¨€ã†ã¨ã€æ£å¼åç§°ã¯ã€ŒSyntactically Awesome Style Sh
lenomick 2013/09/24
CSSç‰ˆjQueryã¨ã‚‚è¨€ã‚ã‚Œã‚‹Compassã®å…¥é–€è¨˜äº‹ã€‚ ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆä½œæˆãŒè¶…ä¾¿åˆ©ã€‚

**

*è§£èª¬è¨˜äº‹

css

sass

å…¥é–€

webãƒ‡ã‚¶ã‚¤ãƒ³

WEBåˆ¶ä½œ

compass

CSS3

CodeKit
ãƒªãƒ³ã‚¯
CSS3Generator by @RandyJensen
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, rem aining essentially unchanged. It was popularised in the 1960s w
lenomick 2013/09/12
è§’ä¸¸ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ç‰CSS3ã§å®Ÿè£…ã•ã‚ŒãŸãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ã‚³ãƒ¼ãƒ‰ã‚’ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã—ãªãŒã‚‰ç”Ÿæˆã§ãã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã€‚

*

*Webãƒ„ãƒ¼ãƒ«

css3

css

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿

generator

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
å•†ç”¨åˆ©ç”¨ç„¡æ–™ã€ä½œã‚Šè¾¼ã¿ãŒç´ æ™´ã‚‰ã—ãè‰²ä½¿ã„ã‚‚å‹‰å¼·ã«ãªã‚‹ãƒ•ãƒ©ãƒƒãƒˆãªã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Ballicons
ãƒ•ãƒ©ãƒƒãƒˆã®ã‚¢ã‚¤ã‚³ãƒ³ã£ã¦ä½¿ã„é“ãŒé™å®šã•ã‚Œã¦ã‚‹ã‚ˆãªã¨æ€ã†ã®ã§ã™ãŒã€è¦‹ã¦ã‚‹ã ã‘ã§æ¥½ã—ã„ã€å„ã‚¢ã‚¤ãƒ†ãƒ ã®ç´°éƒ¨ã®ä½œã‚Šè¾¼ã¿ã‚«ãƒ©ãƒ¼ã‚¹ã‚ãƒ¼ãƒ ãªã©ç´ æ™´ã‚‰ã—ã„ã‚¢ã‚¤ã‚³ãƒ³ã€ŒBalliconsã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â†“ã“ã†ã„ã†é¢¨ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¦‹ã›ã‚‹ã®ã‚‚ã‹ã£ã“ã„ã„ã§ã™ãï¼
lenomick 2013/09/04
ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ã‚³ãƒ³é›†ã€ç„¡æ–™ã¯15å€‹ã€æœ‰å„Ÿã¯80å€‹ã§$19(PSDä»˜ã)

*

*ãƒ¬ãƒ“ãƒ¥ãƒ¼è¨˜äº‹

Webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¢ã‚¤ã‚³ãƒ³

ç´ æ

ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³

ç„¡æ–™

æœ‰å„Ÿ
ãƒªãƒ³ã‚¯
Sidebar Transitions
Slide in on top Reveal Push Slide along Reverse slide out Rotate pusher 3D rotate in 3D rotate out Scale down pusher Scale Up Scale & rotate pusher Open door Fall down Delayed 3D Rotate
lenomick 2013/09/02
CSS transitionã‚’ä½¿ã£ãŸã‚µã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚µãƒ³ãƒ—ãƒ«é›†

**

*Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«

webãƒ‡ã‚¶ã‚¤ãƒ³

ui

javascript

css

3D

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

ã‚µã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼

css3
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ’ãƒ³ãƒˆã«ãªã‚‹Dribbbleã®ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã®ã¾ã¨ã‚
ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®å®åº«ã€ŒDribbbleã€ã‹ã‚‰ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¹ãƒžãƒ•ã‚©ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãªã©ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ’ãƒ³ãƒˆã«ãªã‚‹ç´ æ™´ã‚‰ã—ã„ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
lenomick 2013/09/02
**

*ã¾ã¨ã‚è¨˜äº‹

ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

ui

uiãƒ‡ã‚¶ã‚¤ãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³

dribbble
ãƒªãƒ³ã‚¯
1