[B! *webãƒ‡ã‚¶ã‚¤ãƒ³] yifeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yife id:yife

*webãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹yifeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (75)

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

The Blog | Welcome to Adobe Blog
The Blog | Welcome to Adobe Blog ã‚¢ãƒ‰ãƒ“ã®ãƒ–ãƒã‚°ã§ã¯ã€Creative Cloudã€Document Cloudã€Experience Cloudã®æœ€æ–°æƒ…å ±ã‚„å½¹ã«ç«‹ã¤æƒ…å ±ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚
yife 2014/04/14
adobe

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

*webåˆ¶ä½œ

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

webåˆ¶ä½œ

tutorial
ãƒªãƒ³ã‚¯
åž‚ç›´ãªã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹HTMLï¼‹CSSãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
Vertical Timeline | Codrops åž‚ç›´ãªã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹HTMLï¼‹CSSãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« æ¬¡ã®ã‚ˆã†ãªãƒ•ãƒ©ãƒƒãƒˆã§ç¾Žã—ã„åž‚ç›´æ–¹å‘ã®ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ä¾‹ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ ã‚½ãƒ¼ã‚¹ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ æ™‚ç³»åˆ—ã§ä½•ã‹ã‚’ãªã‚‰ã¹ã‚‹ã‚ˆã†ãªUIã«ä½¿ãˆãã† é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ¢ãƒ€ãƒ³ãªã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹ãŸã‚ã®CSS3ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† CSS3ã§Chromeé¢¨ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’ä½œæˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ãƒ†ã‚ã‚¹ãƒˆã‚’å††å½¢ã«æç”»ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« PHPã§OAuthã‚µãƒ¼ãƒã‚’ä½œæˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
yife 2013/05/10
*webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³

css

æ™‚ç³»åˆ—
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹é€éŽã®åŠ¹æžœçš„ãªä½¿ã„æ–¹ã¨æ³¨æ„ç‚¹
åŠé€æ˜Žã®ãƒ‘ãƒãƒ«ã«ãƒ†ã‚ã‚¹ãƒˆã‚’é…ç½®ã—ãŸã‚Šã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠé€æ˜Žã«ã—ãŸã‚Šãªã©ã€ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ˆãåˆ©ç”¨ã•ã‚Œã‚‹é€éŽã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®åŠ¹æžœçš„ãªä½¿ã„æ–¹ã¨æ³¨æ„ç‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Using Transparency in Web Design- Dos and Don'ts ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã‚’ä½œã‚‹ãŸã‚ã«é€éŽã‚’ä½¿ã† ã‚¤ãƒ¡ãƒ¼ã‚¸ã®é‡è¦ãªéƒ¨åˆ†ã¯éš ã•ãªã„ ã•ã¾ã–ã¾ãªãƒ¬ãƒ™ãƒ«ã®é€æ˜Žåº¦ã‚’ä½¿ã† é€éŽã™ã‚‹ã¨ãƒ†ã‚ã‚¹ãƒˆãŒèªã¿ã‚„ã™ããªã‚‹ã¨ã¯é™ã‚‰ãªã„ é€éŽã‚’ä½¿ã†ã®ã¯å°‘ã—ã®ã‚¹ãƒšãƒ¼ã‚¹ã« æ¿€ã—ã„ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã®ç”»åƒã«ã¯é€éŽã¯ç½®ã‹ãªã„ é€éŽã‚’ã‚¢ãƒ¼ãƒˆã¨ã—ã¦ä½¿ã† é€éŽã‚’é£¾ã‚Šã¨ã—ã¦ä½¿ç”¨ã—ãªã„ èƒŒæ™¯ã«é€éŽã‚’ä½¿ã† åŒæ™‚ã«å¤šãã®é€éŽã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ä½¿ã‚ãªã„ å¾ªç’°ã™ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ã«é€éŽã‚’ä½¿ç”¨ã™ã‚‹ ãŠã‚ã‚Šã« ã¯ã˜ã‚ã« é€éŽã‚’ä½¿ã£ãŸã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¯éžå¸¸ã«ç¾Žã—ã„ã§ã™ãŒã€æ…Žé‡ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚é€éŽã¯ã‚«ãƒ©ãƒ¼ã®ãƒ–ãƒãƒƒã‚¯ãƒ»
yife 2013/02/15
ãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

webdesign

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

*webåˆ¶ä½œ

ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
2013å¹´ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’æŽ¢ã‚‹ã‹ã£ã“ã„ã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¾ã¨ã‚
ãƒ•ãƒ©ãƒƒãƒˆã€ã‚µãƒ¼ã‚¯ãƒ«ã€ãƒ–ãƒ©ãƒ¼ã€ãƒ“ãƒƒã‚°ã€ãƒ€ãƒ¼ã‚¯ãªã©ã€2013å¹´ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’æŽ¢ã‚‹ã‹ã£ã“ã„ã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®å®åº«Dribbbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
yife 2013/01/29
ãƒ•ãƒ©ãƒƒãƒˆãƒ»ã‚¯ãƒªãƒ¼ãƒ³ãƒ»ãƒ‘ã‚¹ãƒ†ãƒ«ãªæµã‚Œã¯ç¢ºã‹ã«ã‚ã‚Šã¾ã™ã‚ˆã

clean

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

design

ui
ãƒªãƒ³ã‚¯
[JS]ãƒ†ã‚ã‚¹ãƒˆã‚’Flashã®ã‚ˆã†ãªç¾Žã—ã„ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -animateText.js
Flashã®ã‚ˆã†ãªç¾Žã—ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã€è¤‡æ•°ã®ãƒ†ã‚ã‚¹ãƒˆã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã‚„ãƒ•ã‚§ãƒ¼ãƒ‰ãªã©ã§è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ â€»ã‚ãƒ£ãƒ—ãƒãƒ£ã¯ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã¨ãƒ•ã‚§ãƒ¼ãƒ‰ã®ãƒŸãƒƒã‚¯ã‚¹ã€‚ animateText.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="//ajax.google apis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="/animateText.js/js/animateText.js"> </script> â€»linearä»¥å¤–ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ä½¿ç”¨ã™ã‚‹æ™‚ã¯ã€Œjquery-ui.jsã€ã‚‚å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã«åŠ ãˆ
yife 2012/12/12
js

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

ãƒ†ã‚ã‚¹ãƒˆ

webåˆ¶ä½œ

JavaScript

jquery

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

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç§€é€¸ãªã‚¢ã‚¤ãƒ‡ã‚¢ãŒç´ æ™´ã‚‰ã—ã„ï¼CSS3ã‚’ä½¿ã£ãŸãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ã¾ã¨ã‚
ç”»åƒã‚„ãƒ‘ãƒãƒ«ã®ãƒ›ãƒãƒ¼æ™‚ã«ã€CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸæ°—æŒã¡ã®ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚
yife 2012/09/11
css3

css

ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ

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

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

CSS3

*webåˆ¶ä½œ

ãƒ›ãƒãƒ¼è¡¨ç¾
ãƒªãƒ³ã‚¯
[JS]ãƒ‘ãƒãƒ«ã‚’ã‚°ãƒªãƒƒãƒ‰ã«æ²¿ã£ã¦ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã§ç§»å‹•ã—ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è‡ªç”±ã«æ§‹ç¯‰ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Gridster
CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‹ã£ã“ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¼´ã£ã¦ã€ãƒ‘ãƒãƒ«ã‚’ã‚°ãƒªãƒƒãƒ‰ã«æ²¿ã£ã¦ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã§ç§»å‹•ã—ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è‡ªç”±ã«æ§‹ç¯‰ã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‘ãƒãƒ«ã¯ã‚°ãƒªãƒƒãƒ‰ã«æ²¿ã£ã¦ã€ã‚«ãƒ©ãƒ ã‚’ã¾ãŸã„ã§ã‚‚ç§»å‹•ã§ãã¾ã™ã€‚ç§»å‹•ã—ãŸéš›ã«ä»–ã®ãƒ‘ãƒãƒ«ã¯æŒ‡å®šã—ãŸç¸¦åˆ—ãƒ»æ¨ªåˆ—æ•°ã¨ãƒžãƒ¼ã‚¸ãƒ³ã‚’ç¶æŒã—ã¾ã™ã€‚ ä»–ã®ãƒ‘ãƒãƒ«ã‚‚ç§»å‹•å¯èƒ½ã§ã™ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Internet Explorer 9+ Firefox Chrome Safari Opera Gridsterã®ä½¿ã„æ–¹ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="libs/jquery.js"></script> <script type="text/javascript" src="jquery.gridster.js"></scri
yife 2012/08/01
*webãƒ‡ã‚¶ã‚¤ãƒ³

jQuery

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

JavaScript

jQuery

JS

Grid
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
yife 2012/07/27
button

webåˆ¶ä½œ

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

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

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

UI

ç´ æ

ãƒœã‚¿ãƒ³

Photoshop

psd
ãƒªãƒ³ã‚¯
Iron Man View Interface Effect in Photoshop
Last weekend I was watching the Iron Man movie and I was blown away by some of the effects I saw. Loved the bombs and some interface designs, in special when he puts the mask and lots of cool elements start popping on the screen, like the Terminator view. That really inspired me and I decided to try that in Adobe Photoshop. So in this tutorial I will show you how to create the Iron Man screen inte
yife 2012/03/17
photoshop

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

CREATE

tips

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

photo

interface

design

photoshop

*webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
https://www.fenrir.co.jp/blog/2011/11/maxpaint.html
yife 2011/11/11
cs

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

Fireworks

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

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

UI

ãƒœã‚¿ãƒ³

tips

tutorial
ãƒªãƒ³ã‚¯
åŠ¹æžœçš„ãªãƒŸãƒ‹ãƒžãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¨é€€å±ˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã®å¢ƒç•Œç·š
åŠ¹æžœçš„ãªãƒŸãƒ‹ãƒžãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¨é€€å±ˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã®å¢ƒç•Œç·šãƒŸãƒ‹ãƒžãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹ã¨ãã«ã‚ˆãä½¿ã‚ã‚Œã‚‹è¨€è‘‰ã€ŒLess is moreï¼ˆå°‘ãªã„äº‹ã¯åŠ¹æžœçš„ã ï¼‰ã€ã€‚è£…é£¾ãŒå¤šã™ãŽã‚‹ã¨ã©ã‚Œã‚‚ç›®ç«‹ãŸãªããªã‚‹ã€ç„¡é§„ã‚’å‰ŠãŽè½ã—ãŸæ–¹ãŒã‚ˆã‚Šç¾Žã—ãåŠ¹æžœçš„ã§ã‚ã‚‹ã¨ã„ã†è€ƒãˆã§ã™ã€‚ã“ã‚Œã«å¯¾ã—ã€ŒLess is boreï¼ˆå°‘ãªã„äº‹ã¯é€€å±ˆã ï¼‰ã€ã¨ã„ã†çš®è‚‰ãªè¨€è‘‰ã‚‚ã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ç¾Žã—ã„ãƒŸãƒ‹ãƒžãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¨é€€å±ˆãªé–“æŠœã‘ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ç´™ä¸€é‡ã€‚ãã®é•ã„ã‚’è€ƒãˆã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ãƒŸãƒ‹ãƒžãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ãã‚‚ãã‚‚ãƒŸãƒ‹ãƒžãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ãªã‚“ãªã‚“ã§ã—ã‚‡ã†ï¼ŸWikipediaã‚’è¦‹ã‚‹ã¨ ãƒŸãƒ‹ãƒžãƒ«ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆMinimal Designï¼‰ã¯ã€ã‚ã¾ã‚Šä½¿ç”¨ã—ãªã„æ©Ÿèƒ½ã®ã›ã„ã§ã‚·ã‚¹ãƒ†ãƒ ãŒè‚¥å¤§åŒ–ã™ã‚‹ã“ã¨ã‚’é¿ã‘ã€å¿…è¦æœ€å°é™ã®æ©Ÿèƒ½ã«çµžã£ã¦è¨è¨ˆã™ã‚‹ã“ã¨ã‚’ã„ã†ã€‚ ã¨ã‚ã‚Šã¾ã™ã€‚å†’é ã§ã‚‚æ›¸ã„ãŸã¨ãŠã‚Šã€è¦ç´ ãŒå¤šã™ãŽã‚‹ã¨çµå±€ãªã«ãŒä¸»å¼µã—ãŸã„ã®ã‹ã‚ã‹ã‚‰ãªã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ãã‚Œã‚’é¿ã‘ã‚‹ãŸã‚
yife 2011/11/01
design

*Webåˆ¶ä½œ

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

web

TIPS

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

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

ãƒŸãƒ‹ãƒžãƒ«

webdesign

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
å°‘ã—ã®æ‰‹é–“ã§å¤§ããå¤‰ã‚ã‚‹ã€ç´°éƒ¨ã«ã“ã ã‚ã£ãŸWebãƒ‡ã‚¶ã‚¤ãƒ³ã‚’
2017å¹´6æœˆ29æ—¥ Webãƒ‡ã‚¶ã‚¤ãƒ³ ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã¿ãŸã‘ã©ãªã‚“ã ã‹ç‰©è¶³ã‚Šãªã„â€¦ã€ãã‚“ãªçµŒé¨“ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿç§ã¯ã‚ˆãã‚ã‚Šã¾ã™ã€‚ãã‚Œã§è‰²ã‚’å¤‰ãˆã¦ã¿ãŸã‚Šã€å½¢ã‚’å¤‰ãˆã¦ã¿ãŸã‚Šã¨è‰²ã€…è©¦ã—ã¦ã¿ã‚‹ã®ã§ã™ãŒã€çµå±€ã©ã‚Œã‚‚ã—ã£ãã‚Šã“ãªã‹ã£ãŸã‚Šã€‚ãã‚“ãªæ™‚ã¯å…ƒã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã»ã‚“ã®å°‘ã—æ‰‹ã‚’åŠ ãˆã‚‹ã ã‘ã§ç´å¾—ã®ã„ããƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰ã‚ã‚‹ã“ã¨ãŒå¤šã„ã‚“ã§ã™ã€‚ã‚ãšã‹ãªè£…é£¾ã§å¤§ããå°è±¡ã‚’å¤‰ãˆã‚‹ã€‚ãã‚“ãªã€Œã²ã¨æ‰‹é–“ã€ã«æ³¨ç›®ã—ã¦ã¿ã¾ã—ã‚‡ã†ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ è¿½è¨˜ï¼šPhotoshopã‚’ä½¿ã£ãŸåŠ å·¥ã®ä»•æ–¹ã‚’è¨˜äº‹ã«ã—ã¦ã¿ã¾ã—ãŸï¼ Â» ã€å®Ÿè·µç·¨ã€‘å°‘ã—ã®æ‰‹é–“ã§å¤§ããå¤‰ã‚ã‚‹ã€ç´°éƒ¨ã«ã“ã ã‚ã£ãŸWebãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆã‚‹ ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã¿ãŸã‘ã©ãªã‚“ã ã‹ç‰©è¶³ã‚Šãªã„â€¦ã€ãã‚“ãªæ™‚ã¯ã‚ãšã‹ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆã‚‹ã ã‘ã§ç«‹ä½“æ„ŸãŒã§ã¦ã€ãƒŽãƒƒãƒšãƒªã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä¸€æ–°ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã‚¢ãƒ¬ã‚³ãƒ¬è£…é£¾ã™ã‚‹ã‚ˆã‚Šã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã‹ã¤çŽ‹é“ã€‚ ãƒ˜ãƒƒãƒ€ãƒ¼ã®
yife 2011/08/02
design

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

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

web

ç´°éƒ¨

ã¾ã¨ã‚

webåˆ¶ä½œ

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

webdesign
ãƒªãƒ³ã‚¯
MdN Designï½œç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¢ãƒ—ãƒªã®ä½¿ã„æ–¹ã‹ã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤Žã€æœ€æ–°ã®è¡¨ç¾æ‰‹æ³•ã¾ã§ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ã€å†™çœŸå®¶ãŒçŸ¥ã‚ŠãŸã„æƒ…å ±ãŒæº€è¼‰ï¼
yife 2011/06/25
interactive

webåˆ¶ä½œ

strategy

webdesign

design

web

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

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

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

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
yife 2011/06/08
shadow

webåˆ¶ä½œ

css

web

tips

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

css

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

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

css3
ãƒªãƒ³ã‚¯
Appleã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰å¦ã¶ã€ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã‚’å¼·åŒ–ã™ã‚‹9ã¤ã®ãƒã‚¤ãƒ³ãƒˆ
Designer Dailyã®è¨˜äº‹ã‚’å‚è€ƒã«ã€Appleã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã‚’å¼·åŒ–ã™ã‚‹9ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Creating beautiful web designs: 9 details that matter Apple [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ã€Appleã®ã‚µã‚¤ãƒˆã‚’ä¾‹ã«ã—ãŸã‚‚ã®ã§ã™ã€‚ ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ·±ã•ã‚’ä¸Žãˆã‚‹ç´ æ™´ã‚‰ã—ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ã—ã‹ã—ã€è¨ˆç”»çš„ã«ä½¿ç”¨ã—ãªã„ã¨ã€ã¨ã¦ã‚‚ç´ äººãã•ã„å¤–è¦‹ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ è‰¯ã„ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ä½œã‚‹ã«ã¯ã€2ã¤ã®é‡è¦ãªãƒã‚¤ãƒ³ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ã‚·ãƒ£ãƒ‰ã‚¦ã¯ç¹Šç´°ã«ã™ã‚‹ã€‚ ãƒšãƒ¼ã‚¸å†…ã®å…‰æºã¯ä¸€è²«ã—ãŸã‚‚ã®ã«ã™ã‚‹ã€‚
yife 2011/05/20
apple

å‚è€ƒ

WebDesign

design

Webåˆ¶ä½œ

web

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

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

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

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒªãƒ³ã‚¯
overflowã‚’ä½¿ã£ã¦floatã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | ã‚³ãƒªã‚¹
ãƒ•ãƒãƒ¼ãƒˆã—ãŸåè¦ç´ ã‚’å†…åŒ…ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒŠãŒé«˜ã•ã‚’æ‹¡å¼µã—ãªã„å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã•ã¾ã–ã¾ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ ãã®ä¸ã‹ã‚‰ã€overflowã‚’ä½¿ã£ãŸæ–¹æ³•ã¨ãã®éš›ã«ç”Ÿã˜ã‚‹å•é¡Œç‚¹ã¨ãã®è§£æ±ºæ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS: Clearing Floats with Overflow [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« Demo 1: overflow:auto; Demo 2: overflow:hidden; overflowã‚’ä½¿ã£ã¦ç”Ÿã˜ã‚‹å•é¡Œç‚¹ã¨è§£æ±ºæ–¹æ³• ã¯ã˜ã‚ã« ãƒ•ãƒãƒ¼ãƒˆãƒ™ãƒ¼ã‚¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã™ã‚‹éš›ã€ãƒ©ãƒƒãƒ‘ãƒ¼ã¨ãªã‚‹ã‚³ãƒ³ãƒ†ãƒŠãŒãƒ•ãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹åè¦ç´ ã«å¯¾ã—ã¦é«˜ã•ã‚’æ‹¡å¼µã—ãªã„ã“ã¨ã¯ã€æ™®é€šã«ã‚ˆãã‚ã‚‹å•é¡Œã§ã™ã€‚ ãƒ‡ãƒ¢ï¼šï¼‘ ãƒ•ãƒãƒ¼ãƒˆã‚’ã‚¯ãƒªã‚¢ã™ã‚‹è¦ç´ ã‚’é…ç½®ã—ã¦è§£æ¶ˆã—ãŸä¾‹ ã—ã‹ã—ã€ã“ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«ã€ã€Œoverflowã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã‚‚ã§ãã‚‹ã“ã¨ã‚’çŸ¥ã£ã¦ã„ã¾ã—ãŸã‹ï¼Ÿ ã“ã‚Œã¯
yife 2011/03/11
overflow

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

tips

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

webåˆ¶ä½œ

css

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

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

*css

float
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒã‚’ä½¿ç”¨ã—ãªã„ã§ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç”Ÿæˆç”¨ã«ç”»åƒã‚’ãªã‚‹ã¹ãä½¿ç”¨ã›ãšã«ã€ã‚ˆã‚Šå¤šãã®ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã‚’è€ƒæ…®ã—ãŸã€ç”»åƒã‚’ä½¿ç”¨ã—ãªã„ã§ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS Generated Content [ad#ad-2] å°ã•ã„ä¸‰è§’ ã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ ã‚¢ãƒãƒ¼ ãƒˆãƒªãƒƒã‚ãƒ¼ã‚·ãƒ£ãƒ‰ã‚¦ ä¸‹è¨˜ã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€IE8+, Fx3+, Chrome4+, Safari4+ ã§ã™ã€‚ å„ã‚³ãƒ¼ãƒ‰ã¯ä¸»è¦ç®‡æ‰€ã®ã¿ã®æŠœç²‹ã§ã™ã€‚ å°ã•ã„ä¸‰è§’ ã€ŒNewã€ã®å³ä¸Šã«æ·»ãˆã¦ã‚ã‚‹å°ã•ã„ä¸‰è§’ã‚’CSSã§å®Ÿè£…ã—ã¾ã™ã€‚
yife 2011/03/08
css

ç”»åƒ

css

web

tips

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

webåˆ¶ä½œ

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

css3

*css
ãƒªãƒ³ã‚¯
Drift Diary12
Feb 11, 2016 LightningæŽ¥ç¶šã‚¹ãƒ†ãƒ¬ã‚ªãƒžã‚¤ã‚¯ SHURE MV88 Jan 26, 2016 ã‚¸ãƒ£ãƒ¼ã‚¸ãƒ£ãƒ¼ãƒ“ãƒ³ã‚¯ã‚¹ Jan 26, 2016 ã‚¹ã‚¿ãƒ¼ãƒ»ã‚¦ã‚©ãƒ¼ã‚º Jan 20, 2016 EARIN Jan 19, 2016 2016å¹´åˆå‡ºå¼µ Jan 19, 2016 iOSã ã‘ã§ãƒ–ãƒã‚°ã‚’æ›¸ããƒ†ã‚¹ãƒˆ Jan 15, 2016 æ‚²ã—ã„ã®å†™çœŸ Jan 10, 2016 ã‚¸ã‚§ãƒƒãƒˆãƒ€ã‚¤ã‚¹ã‚± Jan 10, 2016 Jekyll-hookçµŒç”±ã§iPhoneã‹ã‚‰ã®æ›´æ–°ãƒ†ã‚¹ãƒˆ Jan 9, 2016 iPhoneã‹ã‚‰ã®ãƒ–ãƒã‚°æ›´æ–°ãƒ†ã‚¹ãƒˆ Jan 8, 2016 Happy New Year 2016! subscribe via RSS
yife 2011/03/02
ps

ps3

iphone

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

blog

Twitter

mac

drikin

iphone

dolipo
ãƒªãƒ³ã‚¯
10åˆ†ã§ã§ãã‚‹ã€æµ·å¤–Webãƒ‡ã‚¶ã‚¤ãƒ³é¢¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ (1/3)
æµ·å¤–ã®Webã‚µã‚¤ãƒˆã§ã‚ˆãè¦‹ã‹ã‘ã‚‹ã®ãŒã€ç´™ã®ç«¯ã‚’æŠ˜ã‚Šè¾¼ã‚“ã ã‚ˆã†ãªãƒ‰ãƒƒã‚°ã‚¤ãƒ¤ãƒ¼ï¼ˆdogearedï¼‰ãƒ‡ã‚¶ã‚¤ãƒ³ã ã€‚ãŸã¨ãˆã°ãƒ¢ãƒã‚¤ãƒ«é–‹ç™ºã§æœ‰åãªã€Œyiibuã€ã§ã¯ã€å³ã‚«ãƒ©ãƒ ã«ã‚ã‚‹ãƒœãƒƒã‚¯ã‚¹éƒ¨åˆ†ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã€‚ ãƒ‰ãƒƒã‚°ã‚¤ãƒ¤ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€CSSã®æ“¬ä¼¼è¦ç´ ã‚’åˆ©ç”¨ã™ã‚‹ã¨æ‰‹è»½ã«ä½œã‚Œã‚‹ã€‚ã‚‚ã¡ã‚ã‚“ã€ç”»åƒã®ç”¨æ„ã¯ä¸è¦ã§ã€HTMLã®è¿½åŠ ã‚‚å¿…è¦ãªã„ã€‚ä»Šå›žã®CSS3é“å ´ã§ã¯ã€ã‚·ãƒ³ãƒ—ãƒ«ã ãŒWebã‚µã‚¤ãƒˆã®è¦‹æ „ãˆã‚’ãã£ã¨ã‚¢ãƒƒãƒ—ã•ã›ã‚‹ãƒ‰ãƒƒã‚°ã‚¤ãƒ¤ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã‚ˆã†ã€‚ borderãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ä¸‰è§’å½¢ã‚’ä½œã‚‹ ãƒ‰ãƒƒã‚°ã‚¤ãƒ¤ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ã®1ç•ªã®ãƒã‚¤ãƒ³ãƒˆã¯ã€æŠ˜ã‚ŠãŸãŸã¾ã‚ŒãŸã€Œä¸‰è§’å½¢ã€ã®éƒ¨åˆ†ã®ä½œã‚Šæ–¹ã€‚å½“ç„¶ãªãŒã‚‰CSSã«ã¯ä¸‰è§’å½¢ã®ã‚ˆã†ãªå¤šè§’å½¢ã‚’æããŸã‚ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ç”¨æ„ã•ã‚Œã¦ã„ãªã„ã€‚ ãƒ’ãƒ³ãƒˆã¯ãŠãªã˜ã¿ã®borderãƒ—ãƒãƒ‘ãƒ†ã‚£ã ã€‚borderãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€4è¾ºãŒä»¥ä¸‹ã®å›³ã®bã®ã‚ˆã†ã«æ§‹æˆã•ã‚Œã¦ã„ã‚‹ï¼ˆbã®å›³ã¯åˆ†ã‹ã‚Šã‚„ã™ã„ã‚ˆã†ã«4è¾ºã®ç·šã®è‰²
yife 2011/03/01
css3

CSS

css

html

web

tips

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

temp

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

webã‚µã‚¤ãƒˆ
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆ¶ä½œã«ãã£ã¨å½¹ç«‹ã¤ã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®ã¾ã¨ã‚
å†…å®¹ã‚‚ã•ã‚‹ã“ã¨ãªãŒã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ç´ æ™´ã‚‰ã—ã„ã‚¦ã‚§ãƒ–åˆ¶ä½œé–¢é€£ã®ã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¦ã‚§ãƒ–åˆ¶ä½œã«ãã£ã¨å½¹ç«‹ã¤ã‚‚ã®ã‹ã‚‰ã€ã«ã‚„ã‚Šã¨ã™ã‚‹ã‚‚ã®ã¾ã§ã‚’åŽ³é¸ã—ã¾ã—ãŸã€‚
yife 2011/02/23
design

ã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯

web

webåˆ¶ä½œ

ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°

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

infographic

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

å‚è€ƒ
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸