[B! webåˆ¶ä½œ][webãƒ‡ã‚¶ã‚¤ãƒ³] haru135ã®ãƒ

haru135 id:haru135

webåˆ¶ä½œã¨webãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹haru135ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (280)

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

é•·ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å°åˆ·ã™ã‚‹ï½œPrint1
ç¸¦ã«é•·ã„ç”»åƒã‚’1æžšã§å°åˆ·ã™ã‚‹éš›ã«è‡ªå‹•åˆ†å‰²ã—ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚â€»2015.11.10ã€€åˆ†å‰²è¡¨ç¤ºã•ã‚Œãªã„ã‚¨ãƒ©ãƒ¼ã«å¯¾å‡¦ã—ã¾ã—ãŸ ä½¿ã„æ–¹ ç”»é¢ã®èµ¤ã„ç‚¹ç·šã§å›²ã‚ã‚ŒãŸã‚¨ãƒªã‚¢éƒ¨åˆ†ã«ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã™ã‚‹ã¨ã€ç”»åƒã®é•·ã•ã‚’è¨ˆç®—ã—ã¦è‡ªå‹•çš„ã«æŠ˜ã‚Šè¿”ã™ã‚ˆã†ã«è¤‡è£½ã—ã¦é…ç½®ã•ã‚Œã¾ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã¾ãŸã¯æ•°å€¤ã‚’å…¥åŠ›ã—ã¦ç”»åƒã®å¹…ã‚’èª¿æ•´ã€ã¾ãŸç”»åƒã®ä½ç½®ã‚’å€‹åˆ¥ã«ãƒ‰ãƒ©ãƒƒã‚°ã§å‹•ã‹ã—ã¦èª¿æ•´ã—ã¦ãã ã•ã„ã€‚ ç”»é¢å·¦ä¸‹ã®å°åˆ·ãƒœã‚¿ãƒ³ã€ã¾ãŸã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰å°åˆ·ã‚’è¡Œã£ã¦ãã ã•ã„ã€‚ ç”»é¢å·¦ä¸‹ã®Ã—ãƒœã‚¿ãƒ³ã¯ãƒšãƒ¼ã‚¸ã‚’ãƒªãƒãƒ¼ãƒ‰ã—ã¦è¡¨ç¤ºã‚’ã‚¯ãƒªã‚¢ã—ã¾ã™ã€‚ãã®éš›ã€ç”»åƒå¹…ã®è¨å®šå€¤ã¯ä¿å˜ã•ã‚Œã¾ã™ã€‚ å¯¾è±¡ãƒ–ãƒ©ã‚¦ã‚¶ Google Chrome æœ€æ–°ç‰ˆ å¯¾å¿œç”»åƒå½¢å¼ jpg,gif,png,svg ç´¹ä»‹è¨˜äº‹ WebNAUT
haru135 2015/01/09
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºpx,em,%,pt
Matahari88 | Link Alternatif Resmi Untuk Login Dan Daftar Situs Matahari 88 Online games are currently still a very fun object to fill our free time when we are bored at home. However, did you know that there is an online game site that is very viral and has become a mainstay for online game lovers in Indonesia? The game site is Matahari88. Matahari88 is a trusted online gaming site in Indonesia t
haru135 2014/07/10
css

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
SVG Drawing Animation | Codrops
A little experiment that explores the usage of SVG line drawing animations to precede the appearance of graphics or website elements, simulating the loading of them. SVG is finally becoming a more utilized and fun website component. Itâ€™s really powerful and there are many creative possibilities for fun effects on a website using SVG. Today weâ€™d like to share two experimental concepts with you that
haru135 2014/06/25
Webãƒ‡ã‚¶ã‚¤ãƒ³

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
jQueryã‚’ä½¿ã£ãŸä¸€å®šä»¥ä¸Šã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ä¸Šã«å›ºå®šã•ã‚Œã‚‹æ¨ªãƒ¡ãƒ‹ãƒ¥ãƒ¼
æœ€è¿‘ã€ä¸Šéƒ¨ã«å›ºå®šã•ã‚ŒãŸæ¨ªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ã‚ˆãè¦‹ã‹ã‘ã¾ã™ã€‚æœ€åˆã‹ã‚‰ä¸€ç•ªä¸Šã«ã‚ã‚‹ã‚‚ã®ã ã¨æœ€åˆã‹ã‚‰ã€Œposition:fixedã€ã§å•é¡Œãªã„ã¨æ€ã„ã¾ã™ãŒã€æœ€åˆã¯ä¸€ç•ªä¸Šã«ã¯ãªãã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒãƒšãƒ¼ã‚¸ã®æœ€ä¸Šéƒ¨ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã‚ŒãŸæ™‚ç‚¹ã§å›ºå®šã•ã‚Œã‚‹ã‚‚ã®ã ã¨ã¡ã‚‡ã£ã¨å·¥å¤«ãŒå¿…è¦ã§ã™ã€‚ ä»Šå›žã¯ãã‚“ãªæ¨ªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ã§ãã‚‹ã ã‘è¦ªåˆ‡ã«è§£èª¬ã—ã¦ã¿ã¾ã™ã€‚ ä»Šå›žã®ãƒ¡ã‚¤ãƒ³ã¯jQueryã§å›ºå®šã™ã‚‹ã¨ã“ã‚ãªã®ã§ã™ãŒã€ä¸€å¿œä»Šå›žã®ã‚µãƒ³ãƒ—ãƒ«ã§ä½¿ç”¨ã—ãŸHTMLã¨CSSã‚‚è§£èª¬ã—ã¾ã™ã€‚ HTML ã‚ˆãã‚ã‚‹ã‚¿ã‚¤ãƒ—ã®æ™®é€šã®ãƒªã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ã€‚ <divÂ id="menu-wrap"> <ulÂ id="menu"> <li><aÂ href="#">ãƒ¡ãƒ‹ãƒ¥ãƒ¼</a></li> <li><aÂ href="#">ãƒ¡ãƒ‹ãƒ¥ãƒ¼</a></li> <li><aÂ href="#">ãƒ¡ãƒ‹ãƒ¥ãƒ¼</a></li> <li><aÂ href="#">ãƒ¡ãƒ‹ãƒ¥ãƒ¼</a></li> <l
haru135 2014/03/31
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100é¸ -2013å¹´ç·é›†ç·¨
ä»Šå¹´ã‚‚æ•°å¤šãã®ç´ æ™´ã‚‰ã—ã„jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚å½“ãƒ–ãƒã‚°ã§ç´¹ä»‹ã—ãŸã‚‚ã®ã‚’ã¯ã˜ã‚ã€æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100+Î±é¸ã§ã™ã€‚ ä»Šå¹´ç›®ç«‹ã£ãŸã®ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸã‚¹ã‚¯ãƒãƒ¼ãƒ«é–¢é€£ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«å‰æã®1ãƒšãƒ¼ã‚¸ã‚µã‚¤ãƒˆã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãªã©ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚ˆã‚Šå¤§ããªã‚µã‚¤ã‚ºã§æ¥½ã—ã‚€ã‚‚ã®ãŒå¢—ãˆã¾ã—ãŸã€‚ã¾ãŸã€ã‚¹ãƒžãƒ•ã‚©ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã«å¤§ããå½±éŸ¿ã‚’å—ã‘ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚‚ç›®ç«‹ã¡ã¾ã—ãŸãã€‚ 1ãƒšãƒ¼ã‚¸ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç”¨ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«é–¢é€£ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ ã‚¹ã‚¯ãƒãƒ¼ãƒ«é–¢é€£ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§å®šä½ç½®é–¢é€£ ãã®ä»–ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ“ä½œãƒ»è£œåŠ©é–¢é€£ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼é–¢é€£ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–é–¢é€£ ã‚¨ãƒ•ã‚§ã‚¯ãƒˆé–¢é€£ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆé–¢é€£ ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼é–¢é€£ ç”»åƒæ‹¡å¤§ãƒ»é…ç½®ãƒ»ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³é–¢é€£ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼é–¢é€£ ã‚«ãƒ«ãƒ¼ã‚»ãƒ«é–¢é€£ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ ãƒ•ã‚©ãƒ¼ãƒ é–¢é€£ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ„ã‚¢ãƒ¼é–¢é€£ ãƒ†ã‚ã‚¹ãƒˆé–¢é€£
haru135 2013/12/25
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[CSS]åŠé€æ˜Žã®ãƒ‘ãƒãƒ«ã‚’ä½¿ã£ã¦ã€ç”»åƒã«ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚’ã‹ã£ã“ã‚ˆãè¡¨ç¤ºã™ã‚‹12ç¨®é¡žã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -InContent
InContentã®ä½¿ã„æ–¹ å®Ÿè£…ã¯ã¨ã¦ã‚‚ç°¡å˜ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’headå†…ã«é…ç½®ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="css/incontent.css" type="text/css" /> </head> Step 2: HTML ç”»åƒã®imgè¦ç´ ã¨ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã®spanè¦ç´ ã‚’divã§åŒ…ã¿ã¾ã™ã€‚ <div class="pic"> <img src="img/01.jpg" class="pic-image" alt="Pic"/> <span class="pic-caption bottom-to-top"> <h1 class="pic-title">Pic Title</h1> <p>Some description or text.</p> </span> </div> ç”¨æ„ã•ã‚Œã¦ã„ã‚‹cl
haru135 2013/12/12
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã€æ¤œè¨¼ã€‘ã‚¯ãƒªãƒƒã‚¯ã•ã‚Œã‚‹ãƒœã‚¿ãƒ³ã®è‰²ã¯ï¼Ÿ | WebNAUT by Beeworks
æ¤œè¨¼ã—ãŸãƒ‘ã‚¿ãƒ¼ãƒ³ èª¿æŸ»çµæžœ å…¨ã‚¢ã‚¯ã‚»ã‚¹ã®ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ï¼ˆCVRï¼‰ çµæžœã¯ä¸‹è¨˜ã®é€šã‚Šã¨ãªã‚Šã¾ã—ãŸã€‚ ãªã‚“ã¨ï¼ç·‘è‰²ãŒã‚‚ã£ã¨ã‚‚CVRãŒä½Žã„ã¨ã„ã†çµæžœã«ãªã‚Šã¾ã—ãŸã€‚ ã©ã†ã‚„ã‚‰ã€ç„¡æ¡ä»¶ã«ã€Œç·‘è‰²ã®ãƒœã‚¿ãƒ³ã¯ã‚¯ãƒªãƒƒã‚¯çŽ‡ãŒé«˜ã„ã€ã¨ã„ã†çµæžœã«ã¯ãªã‚‰ãªã„ã‚ˆã†ã§ã™ã€‚ Firefoxã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã€ãƒ“ãƒ¼ãƒ¯ãƒ¼ã‚¯ã‚¹ã®æŽ¡ç”¨ã«å¿œå‹Ÿã—ã‚ˆã†ã¨ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¯ã€ä½•ã‹é•ã„ãŒã‚ã£ãŸã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã€Œã©ã“ã‹ã‚‰æµå…¥ã—ãŸã‹ã€ã«ã‚ˆã£ã¦çµæžœã«é•ã„ãŒã‚ã£ãŸ èª¿æŸ»å¯¾è±¡ãƒšãƒ¼ã‚¸ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã€ä½•ã‹ãã£ã‹ã‘ãŒã‚ã£ã¦ã€ãƒ“ãƒ¼ãƒ¯ãƒ¼ã‚¯ã‚¹ã®æŽ¡ç”¨ã«èˆˆå‘³ã‚’æŒã£ã¦ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã„ã‚‹ã¯ãšã§ã™ã€‚ãã“ã§ã€ã©ã“ã‹ã‚‰æµå…¥ã—ãŸã®ã‹ã€ã€Œå‚ç…§å…ƒã€ã®ã‚»ã‚°ãƒ¡ãƒ³ãƒˆåˆ¥ã«çµæžœã‚’åˆ†ã‘ã¦åˆ†æžã—ã¦ã¿ã¾ã™ã€‚ ã“ã†ã‚„ã£ã¦ã‚»ã‚°ãƒ¡ãƒ³ãƒˆåˆ¥ã«åˆ†ã‘ã¦ã¿ã‚‹ã¨ã€å‚ç…§å…ƒã«ã‚ˆã£ã¦CVRã®å¹³å‡å€¤è‡ªä½“ã«å¤§ããªå·®ãŒã‚ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚CVRé †ã«ä¸¦ã¹ã‚‹ã¨ã€æ¤œç´¢ ï¼ž WebNAUT ï¼ž ãªã‚ã±ã‚‰ ã¨ã„ã†çµ
haru135 2013/08/22
webãƒ‡ã‚¶ã‚¤ãƒ³

WEBåˆ¶ä½œ
ãƒªãƒ³ã‚¯
kandeza.com
kandeza.com 2023 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
haru135 2013/08/09
Webãƒ‡ã‚¶ã‚¤ãƒ³

Webåˆ¶ä½œ

å’Œé¢¨

å’Œ
ãƒªãƒ³ã‚¯
Siiimple â€¢ A Minimalist Website Gallery
Application (11) Art & Culture (90) Art Gallery (34) Big Background Image (40) Big Image (33) Big Text (15) Bold (31) Bootstrap (4) Colorful (65) Company (22) Corporate (6) Creative Agency (100) Dark (13) Design Gallery (20) Design Studio (16) Ecommerce (17) Flat UI (16) Ghost (1) Graphic Design (7) Grid (31) Hero Video (1) HTML (2) Illustration (8) Image Gallery (1) Journals / Blogs (10) Landing
haru135 2013/07/15
Webãƒ‡ã‚¶ã‚¤ãƒ³

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
æœ‰åWebã‚µãƒ¼ãƒ“ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰è€ƒãˆã‚‹ã€ä¸Šæ‰‹ãªæ–™é‡‘ãƒ—ãƒ©ãƒ³ã®è¦‹ã›æ–¹ | Goodpatch Blog
è¤‡æ•°ã®æ–™é‡‘ãƒ—ãƒ©ãƒ³ã‚’æŒã¤Webã‚µãƒ¼ãƒ“ã‚¹ã‚’åˆ©ç”¨ã™ã‚‹éš›ã€çš†ã•ã‚“ã¯ã©ã†ã„ã†åŸºæº–ã§ãƒ—ãƒ©ãƒ³ã‚’é¸ã³ã¾ã™ã‹ï¼Ÿç§ã¯è‡ªåˆ†ã«å¿…è¦ãªæ©Ÿèƒ½ã¯ä½•ãªã®ã‹ã€æ–™é‡‘ã«è¦‹åˆã£ãŸå†…å®¹ã‹ã©ã†ã‹ã€ä»–ã®ãƒ—ãƒ©ãƒ³ã¨æ¯”è¼ƒã—ã¦ãŠå¾—ãªã®ã¯ã©ã‚Œãªã®ã‹ç‰ã‚’è€ƒãˆãªãŒã‚‰æ¤œè¨Žã—ã¦ã„ãã¾ã™ã€‚ãã®ãŸã‚ã«ä¸€ç›®ã§ãã‚Œãžã‚Œã®ãƒ—ãƒ©ãƒ³å†…å®¹ãŒã‚ã‹ã£ãŸã‚Šã€å„ãƒ—ãƒ©ãƒ³ã‚’ç°¡å˜ã«æ¯”è¼ƒã§ãã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã ã¨æ±ºã‚ã‚„ã™ã„ã®ã§ã™ãŒã€è‡ªåˆ†ã«ã´ã£ãŸã‚Šã®ãƒ—ãƒ©ãƒ³ãŒã™ãã«ã‚ã‹ã‚‰ãªã„ã¨çµå±€ã©ã‚Œã‚‚ç”³ã—è¾¼ã¾ãªã„ã€ãªã‚“ã¦ã“ã¨ã‚‚ã€‚ãã“ã§ä»Šå›žã¯è¤‡æ•°ã®ãƒ—ãƒ©ãƒ³ã‚’æŒã¤Webã‚µãƒ¼ãƒ“ã‚¹ã®æ–™é‡‘è¡¨ã‚’è¦‹ãªãŒã‚‰ã€ã©ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é…åŠ›ã‚’ä¼ãˆã¦ã„ã‚‹ã®ã‹ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ï¼ SQUARESPACE http://www.squarespace.com/pricing/ ãƒ—ãƒ©ãƒ³ã‚’3ã¤ç”¨æ„ã—ã¦ã„ã‚‹SQUARESPACEã¯ã€ãŠã™ã™ã‚ã®$16ã®ãƒ—ãƒ©ãƒ³ã‚’äººæ°—ã®ãƒ—ãƒ©ãƒ³ã¨ã—ã¦ç”»é¢ã®çœŸã‚“ä¸ã«ãã‚‹ã‚ˆã†ã«é…ç½®ã—ã¦ã„ã¾ã™ã€‚ç·‘èƒŒæ™¯ã®â€M
haru135 2013/06/21
webãƒ‡ã‚¶ã‚¤ãƒ³

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Foundation for Sites | The most advanced responsive front-end frameworks in the world.
Responsive design gets a whole lot faster A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and em ails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable. Weâ€™re constantly adding new resources and code snippets, includi
haru135 2013/05/12
webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
å‰µé€ åŠ›ã¨éŠã³å¿ƒãŒãã™ãã‚‰ã‚Œã‚‹HTML5ã§ã¤ãã‚‰ã‚ŒãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚
HTML5ã§ã¤ãã‚‰ã‚ŒãŸåˆºæ¿€çš„ãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTML5 ADVENTURE CALENDAR MTA.ME Google Gravity [ad#ad-2] Sketch BreakDO
haru135 2013/03/25
webåˆ¶ä½œ

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Elemis Freebies | Home Page
NEW RELEASE! Malory: Responsive, flat, photography & magazine Wordpress theme. Check it out.
haru135 2013/03/19
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

ãƒ•ãƒªãƒ¼ç´ æ
ãƒªãƒ³ã‚¯
W3Q - Webåˆ¶ä½œè€…ã®ãŸã‚ã®Q&Aã‚µã‚¤ãƒˆ
W3Qã¯ã€IT/Webæ¥ç•Œã§åƒãæ–¹å°‚ç”¨ã®Q&Aãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã§ã™ã€‚
haru135 2013/03/18
webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã™ã’ãƒ¼ä¾¿åˆ©ï¼ãƒ‰ãƒ¡ã‚¤ãƒ³åˆ¥ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆCSSï¼‰ã‚’å½“ã¦ã‚‹æ–¹æ³•ã€‚
ãƒ‰ãƒ¡ã‚¤ãƒ³åˆ¥ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å½“ã¦ã‚‹æ–¹æ³•ã€‚ iframe[src*="youtube.com"]{ width: 500px; height: auto; } iframe[src*="nicovideo.jp"]{ width: 320px; height: auto; } ä¾‹ãˆã°ã€YouTubeã®å¤–éƒ¨ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ï¼ˆiframeï¼‰ã®æ¨ªå¹…ã¯500ã«ã—ãŸã„ã‘ã©ã€ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®å¤–éƒ¨ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¯320ã«ã—ãŸã„ã¨ãã¯ã€ä¸Šã®ã‚ˆã†ã«æ›¸ãã¨ä¸Šæ‰‹ãå‹•ä½œã—ã¾ã™ã€‚ a[href*="wayohoo.com"]{ color: red; } a[href*="goryugo.com"]{ color: blue; } ã¡ãªã¿ã«ã€aã‚¿ã‚°ã‚’ãƒ‰ãƒ¡ã‚¤ãƒ³åˆ¥ã«æŒ‡å®šã™ã‚‹å ´åˆã¯ã“ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚(wayohoo.comã¯é’è‰²ã€goryugo.comã¯èµ¤è‰²ã¨ã™ã‚‹å ´åˆ) ã‚¿ã‚°å[å±žæ€§å*="URL"]{ /* CSSã®ä¸èº« */ }
haru135 2013/02/27
CSS

Webåˆ¶ä½œ

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[O][Webãƒ‡ã‚¶ã‚¤ãƒ³]Illustratorã‚’Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ã†æ™‚ã«æ°—ã‚’ã¤ã‘ãŸã„è¨å®š | Olein | å²é˜œçœŒå²é˜œå¸‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³å±‹ãƒ–ãƒã‚°
ã¯ã˜ã‚ã« Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¡Œã†ä¸Šã§ä¸€ç•ªä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚½ãƒ•ãƒˆã¨ã„ã£ãŸã‚‰ã€ã‚„ã¯ã‚ŠAdobe Photoshopã§ã—ã‚‡ã†ã‹ãã€‚åƒ•ã‚‚ä»•äº‹ã§ä½¿ã†ã“ã¨ã¯ã‚ˆãã‚ã‚‹ã‚“ã§ã™ãŒã€ã‚„ã¯ã‚Šç”»åƒã®è£œæ£ã‚„ã‚‰ä¿®æ£ãƒ»ãƒ¬ã‚¿ãƒƒãƒã€åˆæˆãªã©ãŒã»ã¨ã‚“ã©ã§ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œã£ã¦é…ç½®ã—ã¦ã„ãã¨ã„ã†ã“ã¨ã‚’Photoshopä¸Šã§è¡Œã†ã“ã¨ã«æ…£ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ ãã—ã¦ã€åƒ•è‡ªèº«ä»•äº‹ã§ä¸€ç•ªä½¿ã†ã®ã¯ã‚„ã¯ã‚ŠAdobe Illustratorã§ã™ã€‚å°åˆ·ç‰©ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ¡ã‚¤ãƒ³ã«ã‚„ã£ã¦ãã¾ã—ãŸã®ã§ã€è‡ªãšã¨ãã†ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ã—ã‹ã—ã€Illustratorã¯Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¯å‘ã„ã¦ã„ãªã„ã¨ã‚ˆãè¨€ã‚ã‚Œã¾ã™ã€‚ãã†è¨€ã‚ã‚Œã‚‹ã«ã¯ãŸãã•ã‚“ã®ç†ç”±ãŒã‚ã‚‹ã®ã ã¨æ€ã†ã®ã§ã™ãŒã€ç·šã«ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ãŒã‹ã‹ã‚‹ã¨ããŒã‚ã‚‹ã“ã¨ã‚„ã€ãã‚‚ãã‚‚Illustratorã®æ“ä½œã«æ…£ã‚Œã¦ã„ãªã„ã¨ã„ã†å£°ã‚‚ã‚ˆãèžãã¾ã—ãŸã€‚ ã§ã™ã®ã§ã€ä»Šå›žã“ã¡ã‚‰ã®è¨˜äº‹ã§ã¯ã€åƒ•ã®ã‚ˆã†ãªã‚¹ã‚¿ã‚¤ãƒ«ã®äººãŒWebãƒ‡ã‚¶ã‚¤ãƒ³ã‚’Illu
haru135 2013/02/26
webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³ã®ä½œã‚Šæ–¹ã¨SEOã¨UXã‚’è€ƒå¯Ÿ
2013å¹´ã¯æ›´ã« ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– ã¯æµè¡Œã§ã¯ãªã ä¸€ã¤ã®ãƒ‡ã‚¶ã‚¤ãƒ³å®šç¾©ã¨ã—ã¦å®šç€ã™ã‚‹å¹´ãªã®ã§ã¯ãªã„ã‹ã¨ã€‚ ãã®å®šç€ã™ã‚‹æ–°ã—ã„æ‰‹æ³•ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä½œã‚Šæ–¹ã¨ SEO ã€ UX ã®è¦³ç‚¹ã‹ã‚‰è€ƒå¯Ÿã—ã¦ã„ããŸã„ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³ ã¨ã¯ 1ãƒ•ã‚¡ã‚¤ãƒ«ã§ã©ã‚“ãªãƒ‡ãƒã‚¤ã‚¹ã§ã‚‚æŸ”è»Ÿã«å¯¾å¿œã™ã‚‹äº‹ãŒå‡ºæ¥ã‚‹æ‰‹æ³•ã§ã™ã€‚ ã“ã®æ‰‹æ³•ãŒç·¨ã¿å‡ºã•ã‚Œã‚‹å‰ã¯ã€ç«¯æœ«åˆ¥ç‰ã§é•ã†CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’å‘¼ã³å‡ºã—ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰ãˆã¦ã„ãŸã‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã®ã‚„ã‚Šæ–¹ã ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã™ã‚‹æ™‚ã«ç«¯æœ«åˆ¥ã«åˆ†ã‘ãŸåˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã—ãªãã¦ã¯ãªã‚Šã¾ã›ã‚“ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³ ã‚‚ãã†ã‚†ã†æ„å‘³ã§ã¯å¤‰ãˆãªãã¦ã¯ãªã‚‰ãªã„ã®ã§ã™ãŒ æ¨ªå¹…ã®è¨ˆç®—ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã„ãã¾ã™ã®ã§å¤‰æ›´ç‚¹ãŒå°‘ãªããªã‚Šã¾ã™ã€‚ åˆã‚ã¯ ãƒªã‚ãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ ã¨ä¼¼ã¦ã„ã‚‹ã¨æ„Ÿã˜ã‚‹ã¨æ€ã„ã¾ã™ãŒã€é•ã„ã¯ã“ã¡ã‚‰ â– ãƒªã‚ãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ ã“ã‚Œã§ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³ ã¨ã¯ãªã‚“ãž
haru135 2013/02/26
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

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

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
è§’ä¸¸ã®ä½œæˆãƒ»ä¿®æ£ã®å¼·åŠ›ãªæ¦å™¨ã«ãªã‚‹æ©Ÿèƒ½æ‹¡å¼µ -Corner Editor | ã‚³ãƒªã‚¹
Corner Editor Corner Editorã®ä¸»ãªç‰¹å¾´ Corner Editorã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Corner Editorã®ä½¿ã„æ–¹ Corner Editorã®ä¸»ãªç‰¹å¾´ æ—§ç‰ˆã®å…¨ã¦ã®æ©Ÿèƒ½ãŒä½¿ãˆã€æ›´ã«å¤šãã®æ©Ÿèƒ½ã‚’å‚™ãˆã¦ã„ã¾ã™ã€‚ ç›´ç·šã§ä½œæˆã•ã‚ŒãŸè§’ã«è§’ä¸¸ä½œæˆãƒ»ä¿®æ£ãŒã§ãã¾ã™ã€‚ è§’ã‚’ä¸€ã¤ã ã‘ã§ã‚‚ã€è¤‡æ•°åŒæ™‚ã§ã‚‚ã€è¤‡æ•°åˆ¥ã§ã‚‚ç°¡å˜ã«è§’ä¸¸ã‚’é©ç”¨ã§ãã¾ã™ã€‚ è§’ã®ç¨®é¡žã¯è§’ä¸¸ã ã‘ã§ãªãã€è¨ˆ4ç¨®é¡žã®ã‚¹ã‚¿ã‚¤ãƒ«ã«å¢—ãˆã¾ã—ãŸã€‚ å¤šè§’å½¢ã«ã‚‚å¯¾å¿œã—ã¾ã—ãŸã€‚ ä¸€åº¦è¨å®šã—ãŸå†…å®¹ã‚’ã‚»ãƒ¼ãƒ–ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ãƒ‘ã‚¹ãŒã‚¹ãƒ ãƒ¼ã‚¹ã«ãªã‚Šã¾ã—ãŸã€‚ å„ã‚³ãƒ¼ãƒŠãƒ¼ã«ãƒ©ãƒ™ãƒ«ã‚’ä»˜ä¸Žã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ Corner Editorã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯ç°¡å˜ã§ã™ã€‚ â€»Win/Macå…±é€šã§ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦è§£å‡ã—ãŸã€ŒCorner Editor.jsxã€ã‚’ã€Photoshopãƒ•ã‚©ãƒ«ãƒ€å†…ã®ã€Œ/Presets/Scripts/
haru135 2013/02/08
Webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
WordPressã§ã¯ã˜ã‚ã¦ãƒ†ãƒ¼ãƒžã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãƒ»è‡ªä½œã™ã‚‹ã¨ãã‚ã‚ŠãŒã¡ãª10ã®ã¤ã¾ãšã â€“ VIVID COLORS + BLOG -ç¦å²¡ã‹ã‚‰æ±äº¬ã«å‡ºã¦ããŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ–ãƒã‚°-
ä»Šå›žã¯ã€WordPressã§ã¯ã˜ã‚ã¦ãƒ†ãƒ¼ãƒžã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãƒ»è‡ªä½œã™ã‚‹ã¨ãã‚ã‚ŠãŒã¡ãªã«10ã®ã¤ã¾ãšãã€‘ã¨ã„ã†ã“ã¨ã§ã€ãƒ†ãƒ¼ãƒžã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚„è‡ªä½œã—ã¦ã„ãéš›ã€ã¾ãšæœ€åˆã«ã¤ã¾ãšãã§ã‚ã‚ã†ãƒã‚¤ãƒ³ãƒˆã‚’10å€‹ã€ã§ãã‚‹ã ã‘ç°¡å˜ã«ã‚ã‹ã‚Šã‚„ã™ãè§£èª¬ã—ã¦ã¿ã¾ã—ãŸã€‚ å…¨éƒ¨ç§ãŒå®Ÿéš›æœ€åˆã«ã¤ã¾ãšã„ãŸãƒã‚¤ãƒ³ãƒˆãªã®ã§ã€ãã£ã¨ã¯ã˜ã‚ã¦ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã‹ãŸã®ãŠå½¹ã«ãŸã¦ã‚‹ã¯ãšâ€¦ï¼ ãƒ†ãƒ¼ãƒžã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã®åŸºç¤Žã®åŸºç¤Žç·¨ã§ã™ã€‚ ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ã„ã¦ã¿ã¦ã€ãªã«ãŒã‚ã‹ã‚‰ãªã„ã®ã‹ã™ã‚‰ã‚ã‹ã‚‰ãªãã¦ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚’æ–å¿µã—ãŸã€ã¨ã„ã†ã‚ˆã†ãªæ–¹ã«ãœã²è¦‹ã¦ã„ãŸã ããŸã„ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ ã–ã£ãã‚Šæ¦‚è¦ãŒã¤ã‹ã‚ã‚Œã°ã€ã€Œãªã«ãŒã‚ã‹ã‚‰ãªã„ã®ã‹ã‚ã‹ã‚‰ãªã„çŠ¶æ…‹ã€ãŒè§£æ¶ˆã•ã‚Œã‚‹ã®ã§ã€ã‚ã¨ã¯è‡ªåˆ†ã§èª¿ã¹ã¦ç†è§£ã—ã¦ã„ã‘ã‚‹ã‚ˆã†ã«ãªã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ãªã€ã¨æ€ã„ã¾ã™ã€‚ ã¨ã‚Šã‚ãˆãšä¸€ã‹ã‚‰ä½œã‚‹ã®ã¯å¤§å¤‰ã ã‹ã‚‰æ—¢å˜ãƒ†ãƒ¼ãƒžã‚’ã„ã˜ã£ã¦å‹‰å¼·ã—ãŸã„ã€‚ ä»Šä½¿ã£ã¦ã‚‹ãƒ†ãƒ¼ãƒžã®ãƒ˜ãƒƒãƒ€ãƒ¼ã‚’ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ç”»åƒã«ã—ãŸã‚Š
haru135 2013/02/07
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

ãƒ†ãƒ¼ãƒž

WordPress
ãƒªãƒ³ã‚¯
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);
haru135 2013/02/05
Webãƒ‡ã‚¶ã‚¤ãƒ³

box-shadow

webåˆ¶ä½œ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸