[B! webdesign] pochi-mkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

pochi-mk id:pochi-mk

webdesignã«é–¢ã™ã‚‹pochi-mkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

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

AppleãŒãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã§è‡ªå‹•é€ã‚Šã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’ã‚„ã‚ãŸç†ç”±
æ®‹å¿µãªãŒã‚‰ãƒšãƒ¼ã‚¸å…¨ä½“ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã‚’ã¨ã£ã¦ã„ãªã‹ã£ãŸã®ã§ä¸‹ã¾ã§ãŠè¦‹ã›ã§ãã¾ã›ã‚“ãŒã€ãƒšãƒ¼ã‚¸ã®ãƒ¡ã‚¤ãƒ³è¦ç´ ã¨ãªã‚‹ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã®ä¸‹ã«ã¯ãƒ•ãƒƒã‚¿ãƒ¼ã—ã‹ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ã»ã‚“ã¨ã§ã™w ãã—ã¦ã€ãŠã‰ã€ã•ã™ãŒAppleã€‚ ã“ã“ã§ã‚‚æ€ã„åˆ‡ã£ãŸé¸æŠžã‚’ã—ãŸãªã€œã¨æ€ã£ã¦ã„ãŸã‚ã‘ã§ã™ã€‚ ã¨ã“ã‚ãŒï¼ æ•°æ—¥å¾Œã«ã‚‚ã†ä¸€åº¦ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚’è¦‹ã¦ã¿ãŸã‚‰ã€ã‚ã®æ‡ã‹ã—ã®4ã¤ã®ãƒœãƒƒã‚¯ã‚¹ãŒæˆ»ã£ã¦ã„ã‚‹ã§ã¯ãªã„ã§ã™ã‹ï¼ï¼Ÿ å®Ÿã¯ã€ã“ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼ˆå·¨å¤§ãƒ’ãƒ¼ãƒãƒ¼ã‚¤ãƒ¡ãƒ¼ã‚¸ã¨4ã¤ã®ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ¼ãƒœãƒƒã‚¯ã‚¹ï¼‰ãŒã€ä½•å¹´ã‚‚ç¶šã„ãŸAppleã®é‰„æ¿ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã ã£ãŸã‚ã‘ã§ã™ãŒã€å…ˆæ—¥ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã“ã®ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ¼ãƒœãƒƒã‚¯ã‚¹ãŒãªããªã£ã¦ã„ã¦ã€Œã¤ã„ã«ã€ã‚ã‚Œã‚‚ãŠäº¡ããªã‚Šã«ãªã‚‰ã‚ŒãŸã‹ã€ã¨ã€å¯†ã‹ã«æ‚²ã—ã‚“ã§ãŠã‚Šã¾ã—ãŸã€‚ ãã®å¾Œã®ã“ã®è¯éº—ãªã‚«ãƒ ãƒãƒƒã‚¯ã§ã™ã€‚ ã‹ãªã‚Šèˆˆå¥®ã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ã—ã‹ã‚‚ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚‚ç´°ã‹ã„ã‚¹ãƒšãƒ¼ã‚¹ã‚„èƒŒæ™¯ã®æ‰±ã„ãŒã‚ˆã‚Šã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ã«æ›´æ–°ã•ã‚Œã¦ã„ã¾ã™ã€‚ iPadã§ã¿ã‚‹ã¨
pochi-mk 2014/09/24
Webãƒ‡ã‚¶ã‚¤ãƒ³

webdesign

ui

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
pochi-mk 2013/10/01
Design

web

development

google

webdesign

HTML5
ãƒªãƒ³ã‚¯
box-shadowã§è¡¨ç¾ã™ã‚‹ã€ã€Œã‚»ãƒŸãƒ•ãƒ©ãƒƒãƒˆã€ãªã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
box-shadowã§è¡¨ç¾ã™ã‚‹ã€ã€Œã‚»ãƒŸãƒ•ãƒ©ãƒƒãƒˆã€ãªã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼šã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆ3ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ ä¸–ã®ä¸ã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³æµè¡Œã‚Šã§ã™ãŒâ€¦â€¦ iOS 7ãŒãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŽ¡ç”¨ã—ãŸã®ã‚’çš®åˆ‡ã‚Šã«ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ãŒãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ä¸€è‰²ã«ãªã£ã¦ãã¾ã—ãŸãŒã€ç«‹ä½“æ„Ÿã‚’å®Œå…¨ã«æŽ’ã—ãŸè‰²é¢ã¨ç©ºé–“ã€ã‚·ãƒ³ãƒ—ãƒ«ãªæç”»ã®çµ„ã¿åˆã‚ã›ã ã‘ã®ãƒ‡ã‚¶ã‚¤ãƒ³è¡¨ç¾ã¯ã€ã‚ã‚‹ç¨®ã”ã¾ã‹ã—ãŒåŠ¹ã‹ãšã€ã¾ãŸé©åˆ‡ãªåˆ©ç”¨æ–¹æ³•ã‚’å–šèµ·ã•ã›ã‚‹ã‚ˆã†ãªUIã‚‚è¡¨ç¾ãŒãªã‹ãªã‹é›£ã—ã„ã‚‚ã®ã§ã™ã€‚ ä¾‹ãˆã°ã€ã€Œãƒœã‚¿ãƒ³ã¯æŠ¼ã›ã‚‹ã‚‚ã®ã€ã§ã‚ã‚‹ã¨è¡¨ç¾ã™ã‚‹ãŸã‚ã®ã€ŒæŠ¼ã—ãŸããªã‚‹æ„Ÿã˜ã€ã‚’å–šèµ·ã•ã›ã‚‹ç«‹ä½“æ„Ÿã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£é¢ã§ã‚‚ã¾ã ã¾ã æœ‰åŠ¹ã§ã™ã€‚ä»Šå›žã¯ã€æµè¡Œã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸ã§ã‚‚é•å’Œæ„Ÿãªãä½¿ãˆã¦ã€ã¾ãŸé©åˆ‡ãªã‚¢ãƒ•ã‚©ãƒ¼ãƒ€ãƒ³ã‚¹ã®è¡¨ç¾ãŒå¯èƒ½ã«ãªã‚‹ã€ã€Œã‚„ã‚Šã™ãŽã¦ã„ãªã„ç«‹ä½“æ„Ÿã€ã‚’ç›®æŒ‡ã—ãŸã€box-shadowã‚’æ´»ç”¨ã—ãŸå„ç¨®ãƒœãƒƒã‚¯ã‚¹è¡¨ç¾ã®ä½œã‚Šæ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ NGãª
pochi-mk 2013/08/22
ãƒ‡ã‚¶ã‚¤ãƒ³

web

webdesign

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ„çš„ãªã‚¢ãƒ¬ - ç´è±†ã«ã¯åµã‚’å…¥ã‚Œã‚‹æ´¾ã§ã™ã€‚
P4Dã§æ•™ãˆã¦ã„ãŸã ã„ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã•ã‚“ã«èžã‹ã‚ŒãŸã®ã§ã€ãªã‚“ã‹æ•´ç†ã—ãã‚Œã¦ãªãã¦ã–ã£ãã‚Šãªã‚“ã§ã™ãŒã€å–ã‚Šæ€¥ãŽã€ãªã‚“ã‹ãã‚Œã£ã½ããªã‚‹ã‚³ãƒ„ã¿ãŸã„ãªã®ã‚’ç‹¬æ–ã¨åè¦‹ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 3è‰²ã€œ5è‰²ãã‚‰ã„ã®è‰²ã‚’ç”»é¢ã®ä¸ã§å‡ç‰ã«ä½¿ã†ã®ãŠã™ã™ã‚ ä½œã‚ŠãŸã„ã‚µãƒ¼ãƒ“ã‚¹ãŒä½•ã§è‰²åˆ†ã‘ã§ãã‚‹ã‹è€ƒãˆã¾ã™ã€‚ã¡ã‚‡ã†ã©ã‚ˆã3ã€œ5ç¨®é¡žãã‚‰ã„ã®ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ã‚„ã‚«ãƒ†ã‚´ãƒªãªã©ãŒã‚ã£ãŸã‚‰ã€ãã‚Œã«å¿œã˜ã¦è‰²ãŒå¤‰ã‚ã‚‹ã¨ã‹ã™ã‚‹ã¨ã†ã¾ããƒãƒžã‚‹ã€‚ã‹ã‚‚ã€‚ Flat UI Colorã§è‰²é¸ã³ http://flatuicolors.com/ ã¨ã„ã†ä¾¿åˆ©ãªã‚µã‚¤ãƒˆãŒã‚ã£ã¦ã€ã“ã“ã‹ã‚‰3ã€œ5è‰²ãã‚‰ã„é¸ã¶ã¨ã‚ˆã„ã§ã™ã€‚ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ãŒã‚³ãƒ”ãƒ¼ã•ã‚Œã¾ã™ã€‚ã‚ã‚‰ä¾¿åˆ©ã€‚èµ¤ã¯ä»–ã®è‰²ã¨ä»²è‰¯ãã™ã‚‹ã®ãŒé›£ã—ã‚ã€‚ Sassã§å½©åº¦ã‚’æŠ‘ãˆã‚‹ã¨è½ã¡ç€ã„ãŸè‰²èª¿ã«ãªã£ã¦ã€ä½¿ã„ã“ãªã—ã®é›£æ˜“åº¦ãŒä½Žããªã‚Šã¾ã™ ä¸Šã®ã‚µã‚¤ãƒˆã‚‚ãã†ãªã‚“ã§ã™ãŒã€Flat UIã«ã‚ˆãä½¿ã‚ã‚Œã¦ã„ã‚‹è‰²ã¯ã€é®®ã‚„ã‹ãªãŒå¤šã
pochi-mk 2013/06/21
ãŠãŠãŠãŠãŠã€ã“ã‚Œã¯é¢ç™½ã„ã€‚ã‚ªãƒ¬ã‚ªãƒ¬ãƒ„ãƒ¼ãƒ«ã§ã‚„ã£ã¦ã¿ã‚ˆã†ã€‚

ãƒ•ã‚©ãƒ³ãƒˆ

æ–‡å—

color

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

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

design

webdesign

UI
ãƒªãƒ³ã‚¯
ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ï¼ˆfaviconï¼‰ã¨ã¯ï¼Ÿä»£è¡¨çš„ãªã‚µã‚¤ã‚ºã¨åŸºæœ¬ã®ä½œæˆæ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã¯ã‚µã‚¤ãƒˆé–²è¦§æ™‚ã®ã‚¿ãƒ–ä»¥å¤–ã«ã‚‚ã€å¤šãã®å ´æ‰€ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ ã¾ãŸã€ä¸Šè¨˜ä»¥å¤–ã«ã‚‚æ¤œç´¢çµæžœç”»é¢ã«ã‚‚è¡¨ç¤ºã•ã‚Œã‚‹ãŸã‚ã€ãã®ã‚µã‚¤ãƒˆã‚’è¡¨ã™é©åˆ‡ãªã‚¢ã‚¤ã‚³ãƒ³ã‚’è¨å®šã™ã‚‹ã‚ˆã†ã«ã—ã¾ã—ã‚‡ã†ã€‚ ä½œæˆæ™‚ã®ã‚µã‚¤ã‚ºã¯512px Ã— 512pxã®ã¿ã§OK ã“ã‚Œã ã‘ã‚µã‚¤ã‚ºãŒã‚ã‚‹ã¨ã€å…¨ã¦ç”¨æ„ã™ã‚‹ã®ã‹ã¨ä¸å®‰ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ãŒã€WordPress4.3ä»¥é™ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚Œã°512px Ã— 512pxã®PNGå½¢å¼ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œæˆã™ã‚Œã°å…¨ã¦ã«å¯¾å¿œã—ã¦ãã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ è¤‡æ•°ä½œæˆã™ã‚‹å¿…è¦ã¯ãªã„ã®ã§å®‰å¿ƒã—ã¦ãã ã•ã„ã€‚ WordPressä»¥å¤–ã®å ´åˆ WordPressã‚’åˆ©ç”¨ã—ã¦ãŠã‚‰ãšä¸Šè¨˜ã®ã‚ˆã†ãªè‡ªå‹•é©ç”¨ã®æ©Ÿèƒ½ãŒãªã„å ´åˆã€ã¾ãŸã¯WordPressãŒ4.3ä»¥å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®å ´åˆã¯ã€å„ã‚µã‚¤ã‚ºã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ç”¨æ„ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ å„ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ•ã‚¡ãƒ“ã‚³ãƒ³è¡¨ç¤ºã‚µã‚¤ã‚ºã¯å…ˆã»ã©ã®è¡¨ã®é€šã‚Š16px Ã— 16px ãŒä¸€èˆ¬çš„ã§ã™
pochi-mk 2013/03/15
webãƒ‡ã‚¶ã‚¤ãƒ³

webdesign

ã‚¢ã‚¤ã‚³ãƒ³
ãƒªãƒ³ã‚¯
-webkit-text-size-adjust: none ã‚’çµ¶å¯¾ã«è¨å®šã—ã¦ã¯ã„ã‘ãªã„ç†ç”±
PC ç‰ˆã® Google Chrome ã‚„ Safari ã§è¦‹ãŸã¨ãã«ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ¼ãŒè½ã¡ã‚‹ã‹ã‚‰ã€‚ ä»¥ä¸Šã€‚ ã§çµ‚ã‚ã£ã¦ã—ã¾ã†ã¨è¨˜äº‹ã«ãªã‚‰ãªã„ã®ã§ã€ã¡ã‚ƒã‚“ã¨èª¬æ˜Žã—ã¦ãŠãã€‚ ãã‚‚ãã‚‚ -webkit-text-size-adjust ã¨ã¯ä½•ã‹ iPhone ã‚„ Android ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã¯ã€ç¸¦å‘ã (Portrate mode) ã¨æ¨ªå‘ã (Landscape mode) ã®æ–‡å—ã‚µã‚¤ã‚ºã‚’è‡ªå‹•èª¿æ•´ã™ã‚‹æ©Ÿèƒ½ãŒã‚ã‚‹ã€‚ ã“ã‚Œã‚’åˆ¶å¾¡ã™ã‚‹ã®ãŒ CSS ã® -webkit-text-size-adjust ã§ã‚ã‚‹ã€‚ æ–‡å—ã‚µã‚¤ã‚ºè‡ªå‹•èª¿æ•´ã®å…·ä½“ä¾‹ æ¬¡ã®ã‚ˆã†ãª HTML ã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§è¡¨ç¤ºã—ã¦ã¿ã‚‹ã€‚ <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
pochi-mk 2013/02/14
ã»ã»ã†ã€‚

HTML

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

CSS

tips

css3

webdesign
ãƒªãƒ³ã‚¯
H1ä¸€ã¤ã§ã“ã“ã¾ã§å‡ºæ¥ã‚‹CSSè¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ãƒ‡ã‚¢9å€‹ / SQUEEZE - Web Design Studio -
HTMLã¯h1è¦ç´ ã ã‘ã§ã€CSSã®ã€Œborderã€ã‚„ã€Œbox-shadowã€ã€Œtransf ormã€ã€Œlinear-gradientã€ã€æ“¬ä¼¼è¦ç´ ã®ã€Œ:beforeã€ã‚„ã€Œ:afterã€ã‚’ä½¿ã£ãŸè¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã¾ãšã¯ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”è¦§ãã ã•ã„ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ Â» 01.åˆ‡ã‚Šå–ã‚Šç·š ç´™ã‚’åˆ‡ã‚Šå–ã£ãŸã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¨ã‚½ãƒ¼ã‚¹ã‚’è¦‹ã‚‹ Â» ãƒã‚¤ãƒ³ãƒˆåž‚ç›´æ–¹å‘ã®å½±ã®ã‚ªãƒ•ã‚»ãƒƒãƒˆè·é›¢ã‚’è¨å®šã—ãŸã ã‘ã§ã¯ã€å·¦å³ä¸¡è„‡ã«ã‚‚å½±ãŒã§ãã¦ã—ã¾ã†ã®ã§ã€ä¸€æ—¦5pxä¸‹ã«å½±ã‚’ã‚ªãƒ•ã‚»ãƒƒãƒˆã—ãŸã†ãˆã§ã€åºƒãŒã‚Šè·é›¢ã‚’è² ã®å€¤(-4px)ã«ã—ç¸®å°ã™ã‚‹ã“ã¨ã§ã€ä¸Šéƒ¨ã®å½±ã®ã¿ã‚’æ®‹ã—ã¦ã„ã¾ã™ã€‚ border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
pochi-mk 2013/02/04
ã‹ã£ã‘ï½žã€€ä»Šåº¦ä½¿ã£ã¦ã¿ã‚ˆã†ã€‚

webåˆ¶ä½œ

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

CSS3

css

webdesign

è¦‹å‡ºã—

ã‚¢ã‚¤ãƒ‡ã‚¢
ãƒªãƒ³ã‚¯
30 Pure CSS Alternatives to JavaScript â€” Speckyboy
Resources by Application Bootstrap Templates Figma Templates Flyer Templates Illustrator Templates InDesign Templates Lightroom Presets Logo Templates Logo Fonts Mockup Templates Photoshop Actions Photoshop Brushes Resume Templates Tailwind CSS UI Kits Web Templates Video & Motion Design Templates All Motion Design After Effects Apple Motion DaVinci Resolve Final Cut Pro Premiere Pro Presentation
pochi-mk 2013/01/17
CSSã ã‘ã§ã‚ã‚“ãªã“ã¨ã‚„ã“ã‚“ãªã“ã¨ã‚’ã§ãã‚‹ 30 tipsã€‚

CSS

tips

css3

WebDesign

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

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Responsive Grid Systemã®ä»•æ§˜ãŒå¤‰æ›´ã¨ãªã‚Šã€åƒ•ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä½œã‚Šæ–¹ã‚‚ã¡ã‚‡ã£ã¨å¤‰ã‚ã‚Šãã†ãªã®ã§å…±æœ‰ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
pochi-mk 2013/01/10
media-queries ã‚’å¤§ããæ•´ç†( min-width: 768px ã ã‘) ã«ã™ã‚‹ã¨ã„ã†ã®ãŒæ–°ã—ã„ã€‚ä½¿ã„å‹æ‰‹ã¯ã©ã†ã ã‚ã†ï¼Ÿ

CSS

Webåˆ¶ä½œ

webdesign

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

web

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

programming

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
ç”»åƒã‚’ä½¿ã‚ãªã„æ“¬ä¼¼ãƒ•ã‚©ãƒ¼ãƒ UIã®ä½œã‚Šæ–¹ ç¬¬01å›ž ã€ŒCSS3ã‚’ä½¿ã£ãŸè£…é£¾ã€ï½œã‚¯ãƒãƒŽãƒ‰ãƒ©ã‚¤ãƒ–
ãƒ–ãƒ©ã‚¦ã‚¶æ¨™æº–ã®ãƒ•ã‚©ãƒ¼ãƒ UIï¼ˆãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚„ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ï¼‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€æ¨™æº–ã‚†ãˆã«ã€Œãƒ•ã‚©ãƒ¼ãƒ ã€ã ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ãŒã€ã©ã†ã—ã¦ã‚‚ã‚µã‚¤ãƒˆã‚«ãƒ©ãƒ¼ã«åˆã‚ãšã«é‡Žæš®ã£ãŸã„å°è±¡ã«ãªã‚‹ã¨ããŒã‚ã‚Šã¾ã™ã€‚ãã†ã„ã£ãŸå ´åˆã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è‡ªç”±ã«å¤‰æ›´ã§ãã‚‹ã¨ã„ã„ã®ã§ã™ãŒã€ãƒ•ã‚©ãƒ¼ãƒ UIã¸ã®ã‚¹ã‚¿ã‚¤ãƒ«é©ç”¨ã¯åˆ¶é™ãŒã‚ã‚Šã€è‡ªç”±ã«å¤‰æ›´ã§ãã¾ã›ã‚“ã€‚ ãã†ã„ã£ãŸã¨ãã«ã€å®Ÿéš›ã®ãƒ•ã‚©ãƒ¼ãƒ UIã‚’éš ã—ç‹¬è‡ªã®ãƒ•ã‚©ãƒ¼ãƒ UIã‚’è¡¨ç¤ºã—ã€ãã‚Œã«å¯¾ã—ã¦è¡Œã£ãŸã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’éš ã—ã¦ã‚ã‚‹ãƒ•ã‚©ãƒ¼ãƒ UIã«åæ˜ ã•ã›ã‚‹æ‰‹æ³•ãŒã‚ã‚Šã¾ã™ï¼ˆã“ã“ã§ã¯æ“¬ä¼¼ãƒ•ã‚©ãƒ¼ãƒ UIã¨å‘¼ã³ã¾ã™ï¼‰ã€‚ æœ¬ã‚³ãƒ©ãƒ ã§ã¯ä¸»ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã«CSS3ã¨JavaScriptï¼ˆjQueryï¼‰ã‚’ä½¿ã„ã€ç”»åƒã‚’ä½¿ã‚ãªã„æ“¬ä¼¼ãƒ•ã‚©ãƒ¼ãƒ UIã®ä½œã‚Šæ–¹ã‚’4å›žã«åˆ†ã‘ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ â€»PCã§ã¯Google Chromeã®ã¿å‹•ä½œç¢ºèªã‚’ã—ã¦ã„ã¾ã™ã€‚ ç¬¬01å›žç›®ã®ä»Šå›žã¯CSS3ã‚’ä½¿ã£ãŸè£…é£¾ã¨å¾Œã»ã©jQueryã§
pochi-mk 2012/12/20
UI

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

webdesign

html

css3

CSS
ãƒªãƒ³ã‚¯
jQueryã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºæœ¬çš„ãªã“ã¨ã‹ã‚‰ãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŒ–ã¾ã§ã®æ³¨æ„æ›¸ãï¼ˆWebãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰
jQuery ã§ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ã€åŸºæœ¬çš„ãªã“ã¨ã‹ã‚‰ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã‚‹ã¨ã“ã‚ã¾ã§ã€åˆå¿ƒè€…ã®é ƒã«ã¤ã¾ãšã„ãŸéƒ¨åˆ†ã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãªã©ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã€å°‘ã—é›£ã—ã„å°è±¡ã®å°‚é–€ç”¨èªžã‚‚ç¹”ã‚Šäº¤ãœãªãŒã‚‰æ›¸ãã¾ã—ãŸã€‚jQuery ã§ Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‘ãƒ¼ãƒ„ã‚’ä½œã‚‹ã¨ãã®æ³¨æ„æ›¸ãã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã€ç§çš„ã«ã¯ã¨ã£ã¦ã‚‚ã‚ˆãä½¿ã£ã¦ã„ã‚‹ jQueryã€‚jQuery ã‚’å‹‰å¼·ã—ã ã—ãŸã“ã‚ã¯ã€è‡ªåˆ†ã®æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ãŒå‹•ã„ãŸã‚Šã™ã‚‹ã®ãŒã€ã¨ã£ã¦ã‚‚æ¥½ã—ãã¦å¬‰ã—ã‹ã£ãŸè¦šãˆãŒã‚ã‚Šã¾ã™ã€‚ç§ã¯ã‚ã¾ã‚Š JavaScript ã§ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒå¾—æ„ã§ã¯ãªã„ã®ã§ã€ä»Šã§ã‚‚ã‚ˆã jQuery ã‚’ä½¿ã£ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¾ã™ â€¦ã€‚ ä»¥å‰ï¼šCSSã¯åˆ†ã‹ã‚‹ã‘ã© jQuery ã¯è‹¦æ‰‹ â€¦ ã¨ã„ã†äººãŒ jQuery ã«è¦ªã—ã‚“ã§ãã‚Œã‚‹ã¨ã„ã„ãªãƒ¼ã¨æ€ã£ã¦æ›¸ãã¾ã—ãŸ ã¨ã„ã†è¨˜äº‹ã‚’æ›¸ã„ãŸã®ã§ã™ãŒã€ä»Šå›žã¯ãã®å¾©ç¿’ & jQuery
pochi-mk 2012/11/26
ã„ã¤ã‚‚èªã‚“ã§ã‚‹ã‘ã©ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã„æ–‡ä½“(èª¬æ˜Žã®ä»•æ–¹)ã¨ã„ã„ã€ãŠè¦‹äº‹ã¨ã„ã†ä»–ãªã„ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦ã®ã‚»ãƒ³ã‚¹ã ã‘ã˜ã‚ƒã“ã‚Œã ã‘ã®ãƒ¢ãƒŽã¯ã§ããªã„ã‚ˆãªãã€‚ã‚„ã£ã±ç†±æ„ãŒã‚ã‚‹ã¨ã„ã†ã“ã¨ãªã‚“ã ã‚ã†ã€‚

webdesign

javascript

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

jQuery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
HugeDomains.com
Captcha security check 9bic.com is for sale Please prove you're not a robot View Price Processing
pochi-mk 2012/10/12
Webååˆºã€‚

WEB

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

webåˆ¶ä½œ

ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ª

webdesign
ãƒªãƒ³ã‚¯
IDEA*IDEA ã€œ ã¨ã‚ã‚‹ã‚µãƒ¼ãƒ“ã‚¹é‹å–¶è€…ãŒå¦ã‚“ã ã“ã¨ã‚’ã¾ã¨ã‚ã‚‹ãƒ–ãƒã‚°
pochi-mk 2012/09/15
WEB

webåˆ¶ä½œ

twitter bootstrap

webdesign
ãƒªãƒ³ã‚¯
ãŠç›†æœŸé–“ä¸ã«ä¸€æ°—èªã¿ã—ãŸã„ã€Webåˆ¶ä½œè€…ã«ãŠã™ã™ã‚ã®ã‚¹ãƒ©ã‚¤ãƒ‰
WordPressã‚’ä½¿ã£ãŸWebåˆ¶ä½œåŠ¹çŽ‡åŒ–ã®ãŸã‚... / ãƒ–ãƒã‚°ã®æž ã‚’è¶…ãˆã‚‹ï¼ŸãŸã‚ã®WordPressã‚«ã‚¹... / ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ -Responsi...ä»–...å…¨8ä»¶
pochi-mk 2012/08/13
webåˆ¶ä½œ

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

ã‚¹ãƒ©ã‚¤ãƒ‰è³‡æ–™

ã‚ã¨ã§èªã‚€

webdesign

WEB
ãƒªãƒ³ã‚¯
ç´„36æ™‚é–“ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œã‚‹ï¼åŠ¹çŽ‡æœ€å„ªå…ˆã§ä½œã‚‹ãŸã‚å¿…è¦ã ã£ãŸãƒªã‚½ãƒ¼ã‚¹ã‚„æƒ…å ±è‰²ã€… | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
å…ˆæ—¥ã“ã®ãƒ–ãƒã‚°ã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã•ã›ã¦é ‚ã„ãŸæ—¨ã‚’ã”å ±å‘Šã•ã›ã¦é ‚ãã¾ã—ãŸãŒã€ä»Šå›žã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã®ä¸»ç›®çš„ã ã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³åŒ–ã«ã¤ã„ã¦ã€ã¨ã«ã‹ãåŠ¹çŽ‡å„ªå…ˆã§ä½œæ¥ã•ã›ã¦é ‚ã„ãŸæ™‚ã®ãƒªã‚½ãƒ¼ã‚¹é–¢é€£ã‚„æƒ…å ±ã‚’ä¸€åº¦åƒ•è‡ªèº«ã®å¿˜å‚™éŒ²ã¨ã—ã¦æŠœç²‹ã—ã¦ã¾ã¨ã‚ã•ã›ã¦é ‚ã“ã†ã¨æ€ã„ã¾ã™ï¼ä»¥å‰åˆ¥ã®ãƒ–ãƒã‚°ã‚’ä½œã£ãŸæ™‚ã‚‚ãã†ã§ã™ãŒã€åŸºæœ¬åƒ•ã¯ã¨ã«ã‹ãåŠ¹çŽ‡é‡è¦–æ´¾ã§ã™ã€‚ç´°éƒ¨ã«æ¸¡ã‚‹ç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã€ã‚¬ãƒªã‚¬ãƒªã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€‚æ¨™æº–ã«æ³•ã£ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¨ã‹ã¯ãã®é“ã®ã‚¹ãƒšã‚·ãƒ£ãƒªã‚¹ãƒˆãŒä»²é–“å†…ã«å±…ã‚‹ã®ã§ã€ä»Šå›žã‚‚åƒ•ã¯åŠ¹çŽ‡åŒ–ã«ç„¦ç‚¹ã‚’å½“ã¦ã¦ã„ã¾ã™ï¼ ã”ç´¹ä»‹ã•ã›ã¦é ‚ãã®ã¯ä¸»ã«Facebookã‚„Twitterå‘¨ã‚Šã§å…±æœ‰ã•ã›ã¦é ‚ã„ã¦ããŸãƒªã‚½ãƒ¼ã‚¹ã°ã‹ã‚Šã§ã™ãŒã€å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã‚‹ã¨è¦‹ãˆã¦ãã‚‹æ³¨æ„ç‚¹ã‚„ã€æˆ¸æƒ‘ã£ãŸéƒ¨åˆ†ã€å‘¨ã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã‚‚çŸ¥ã£ã¦ãŠã„ã¦æ¬²ã—ã„éƒ¨åˆ†ç‰ãŒè¦‹ãˆéš ã‚Œã—ã¦ããŸã®ã§ã€ã¾ãšã¯ãã®è¾ºã‚Šã‚’ä¸å¿ƒã«ã€ä½œæ¥ã‚¹ãƒ†ãƒƒãƒ—æ¯Žã«ç°¡å˜ã«ã”èª¬æ˜Žã•ã›ã¦é ‚ã“ã†ã¨æ€ã„ã¾ã™ã€‚ åƒ•ã¨åŒã˜
pochi-mk 2012/07/03
å«Œã„ã˜ã‚ƒãªã„ã‘ã©ã‚ã‚“ã©ãã•ã„ã€‚

webåˆ¶ä½œ

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

webdesign
ãƒªãƒ³ã‚¯
Twitterã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ä½œã£ãŸã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¢ãƒƒã‚¯ä½œæˆãƒ„ãƒ¼ãƒ«ã€ŒStyloã€:phpspoté–‹ç™ºæ—¥èªŒ
Open-sourcing Stylo by Alex MacCaw Twitter ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ä½œã£ãŸã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¢ãƒƒã‚¯ä½œæˆãƒ„ãƒ¼ãƒ«ã€ŒStyloã€ã€‚ CoffeeScript, Spine, Sprockets ã¨ã„ã£ãŸãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚’ä½¿ã£ã¦ã„ã‚‹ã‚‰ã—ã„ã§ã™ã€‚ ãªã‚“ã‹webkité™å®šã ã£ãŸã‚Šã—ã¾ã™ãŒã€ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒè‰¯ã„æ„Ÿã˜ã«å‡ºæ¥ã¦ã„ã¦ã€åŒã˜ã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ã‚’ä½œã‚‹ã®ã«å‚è€ƒã«ã™ã‚‹ã“ã¨ã‚‚ã§ããã†ã€‚ ãƒ„ãƒ¼ãƒ«è‡ªä½“ã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§å›³å½¢ã‚’é…ç½®ã—ã¦å›³å½¢ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã‚Šæ–‡å—ã‚’é…ç½®ã—ãŸã‚Šã¨ã„ã£ãŸã‚‚ã®ã§ã™ãŒã€å®¹æ˜“ã«ç¿’å¾—ã§ãå¿«é©ã«å‹•ããŸã‚ç´ æ—©ããƒ¢ãƒƒã‚¯ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ä½œã‚ŠãŸã„éš›ã«ä½¿ãˆãã† å˜ã«ç½®ãã ã‘ã˜ã‚ƒãªãã¦ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ç¶ºéº—ã«ä¸¦ã¹ã‚‹ã‚ˆã†ãªæ©Ÿèƒ½ã‚‚ã¤ã„ã¦ãŠã‚Šã€ã‚·ãƒ³ãƒ—ãƒ«ã ã‘ã©ã€ã“ã†ã„ã†åœ°å‘³ã«å¤§åˆ‡ãªã¨ã“ã‚ã¯ã¡ã‚ƒã‚“ã¨ã—ã¦ã„ã¾ã™ã€‚ Twitter ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒä½œã£ãŸã¨ã„ã†ã“ã¨ã§ã€ãªã‚“ã¨ãªãã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®å°è±¡ãŒBootstr
pochi-mk 2012/06/01
ãƒ„ãƒ¼ãƒ«

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

Webåˆ¶ä½œ

design

web

webdesign
ãƒªãƒ³ã‚¯
1