[B! webåˆ¶ä½œ] satotsun56ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

satotsun56 id:satotsun56

webåˆ¶ä½œã«é–¢ã™ã‚‹satotsun56ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (16)

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

Bootstrapã®ä½¿ã„æ–¹è¶…å…¥é–€ (1/4) - ï¼ IT
è©±é¡Œã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ç°¡å˜ã«ã§ãã‚‹ã€CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒBootstrapã€ã®æ¦‚è¦ã¨åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‚’ã‚µãƒ³ãƒ—ãƒ«ã¨ã‚³ãƒ¼ãƒ‰ã‚’äº¤ãˆã¦ç´¹ä»‹ã—ã¾ã™ã€‚ æœ€è¿‘ã¯ã‚„ã‚Šã®HTML5ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€CSS3ã€APIã®ç´¹ä»‹ã€ã¾ãŸãã‚Œã‚‰ã‚’çµ„ã¿åˆã‚ã›ãŸã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ç´¹ä»‹ã¨è§£èª¬ã‚’åŽ³é¸ã—ã¦ç´¹ä»‹ã€è§£èª¬ã—ã¦ã„ãæœ¬é€£è¼‰ã€ŒHTML5ã‚¢ãƒ—ãƒªä½œã‚ã†ãœï¼ã€ã€‚ä»Šå›žç´¹ä»‹ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã€ŒBootstrapã€ã§ã™ã€‚ è©±é¡Œã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ç°¡å˜ã«ã§ãã‚‹ã€CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒBootstrapã€ã¨ã¯ ç¾åœ¨ã®Webåˆ¶ä½œã€é–‹ç™ºã§ã¯ã€ã¨ã‚‚ã«ã‚¹ãƒ”ãƒ¼ãƒ‰ãŒé‡è¦–ã•ã‚Œã¦ã„ã¾ã™ã€‚ã€ŒBootstrapã€ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€æ—¢ã«ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ã ã‘ã§ã€æ ¼æ®µã«é€Ÿãè¦‹æ „ãˆã‚’æ•´ãˆã‚‰ã‚Œã¾ã™ã€‚äº‹å®Ÿã€Webã‚·ã‚¹ãƒ†ãƒ ã®ç®¡ç†ç”»é¢ãªã©ã§Bootstrapã‚’ä½¿ç”¨ã™ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚å¢—ãˆã¦ãã¾ã—ãŸã€‚ Bootstrapã¯æœ€è¿‘
satotsun56 2014/03/20
HTML5

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
FINDJOB!çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› | FINDJOB!
FINDJOB! çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› 2023å¹´9æœˆ29æ—¥ã«FINDJOB!ã‚’çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§FINDJOB!ã‚’ã”åˆ©ç”¨ã„ãŸã ã„ãŸä¼æ¥æ§˜ã€æ±‚è·è€…æ§˜ã€æ§˜ã€…ãªã”é–¢ä¿‚è€…æ§˜ã€‚ å¤§å¤‰é•·ã‚‰ãFINDJOB!ã‚’ã”æ„›é¡§ã„ãŸã ãã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ IT/Webç³»ã®ä»•äº‹ã‚„æ±‚äººãŒã¾ã åºƒãæ™®åŠã—ã¦ã„ãªã„é ƒã«Find Job!ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¦ã‹ã‚‰ ç´„26å¹´é–“ã€å¤šãã®æ–¹ã€…ã«æ”¯ãˆã¦ã„ãŸã ãã€é‹å–¶ã‚’ç¶šã‘ã¦ã¾ã„ã‚Šã¾ã—ãŸã€‚ è»¢è·æˆåŠŸã®ãŠå£°ã€æŽ¡ç”¨æˆåŠŸã®ãŠå£°ãªã©ã€å¬‰ã—ã„è¨€è‘‰ã‚‚ãŸãã•ã‚“ã„ãŸã ãã¾ã—ãŸã€‚ ã¾ãŸFINDJOB!çµŒç”±ã§å…¥ç¤¾ã•ã‚ŒãŸæ–¹ãŒäººäº‹æ‹…å½“ã«ãªã‚Šã€ FINDJOB!ã‚’é€šã˜ã¦ã€æ–°ãŸãªäººæã«å‡ºä¼šã†ã“ã¨ãŒã§ããŸãªã©ã€ ãŸãã•ã‚“ã®ã”ç¸ã‚’ã¤ãã‚‹ã“ã¨ãŒã§ããŸã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ãŠã‚Šã¾ã™ã€‚ 2023å¹´9æœˆ29æ—¥ã‚’ã‚‚ã£ã¦ã€FINDJOB!ã¯ãã®æ´å²ã®å¹•ã‚’ä¸‹ã‚ã™ã“ã¨ã¨ãªã‚Šã¾ã—ãŸãŒã€ ä»Šå¾Œã‚‚ã€IT/Webæ¥ç•Œã‚„ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–
satotsun56 2013/11/19
Google

Excel

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Engadget | Technology News & Reviews
Pick up the 9th-gen iPad with two years of AppleCare+ for only $298
satotsun56 2013/10/02
Google

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
tanuki
æ–°ã—ã„è¨˜äº‹ 1/1
satotsun56 2013/07/04
webåˆ¶ä½œ

font
ãƒªãƒ³ã‚¯
æœˆé–“20ä¸‡ç¨¼ãï¼ãƒ–ãƒã‚°ã‚’æ›¸ãâ€œç¥žãƒ„ãƒ¼ãƒ«â€ã‚’ãƒ‰ãƒ³ãƒƒã¨ç´¹ä»‹
photo credit: Swami Stream via photopin cc ä»Šæœˆã¯20ä¸‡ã„ããžã‰ã‰ã‰ã‰ï¼ ã¨ã„ã†ã‚ã‘ã§åƒ•ãŒãƒ–ãƒã‚°ã‚’æ›¸ãæ™‚ã«ä½¿ç”¨ã—ã¦ã„ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’ å…¨éƒ¨ã£ï¼ï¼ ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã ã£ã¦åƒ•ãŒä½œã£ãŸãƒ„ãƒ¼ãƒ«ã˜ã‚ƒãªã„ã‹ã‚‰ã€ã€ã€éš ã™ãªã‚“ã¦ã‚»ã‚³ã„ãƒžãƒã¯ã—ãªã„ï¼ ãœã²ãŠã™ã™ã‚ã—ã¦ä½œè€…ã•ã‚“ã«é‚„å…ƒã—ã¦ã‚‚ã‚‰ã„ãŸã„ã§ã™ã€‚ åƒ•ãŒã€ã€Œç¨¼ã’ã¦ä¸”ã¤ã€çš†æ§˜ã«å½¹ç«‹ã¤è¨˜äº‹ã€ã‚’å¿…æ»ã«è€ƒãˆã‚‹ãŸã‚ã«åˆ©ç”¨ã—ã¦ã„ã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚WEBã‚µãƒ¼ãƒ“ã‚¹ã‹ã‚‰ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆã€iPhoneã‚¢ãƒ—ãƒªã¾ã§ï¼ ãœã²ã€ãœã²å‚è€ƒã«ã—ã¦ä¸‹ã•ã„ã£ ç¾åœ¨ã®ãƒ–ãƒã‚°ã®åŸºæœ¬ã‚’è¦‹ç›´ã™ãƒ„ãƒ¼ãƒ« è‡ªåˆ†ã®ã‚µã‚¤ãƒˆãŒã‚¹ãƒ‘ãƒ åˆ¤å®šã•ã‚Œã¦ã„ãªã„ã‹ï¼Ÿ Google ã‚¹ãƒ‘ãƒ ã‚µã‚¤ãƒˆãƒã‚§ãƒƒã‚¯ [browser-shot width="400" url="http://carpediemsolutions.com/blog/2009/11/google-%E3%82%B9%E3
satotsun56 2013/07/02
ãƒ–ãƒã‚°

SEO

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒŽãƒ³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã“ãæŠ¼ã•ãˆã¦ãŠããŸã„! é…è‰²ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®åŸºç¤ŽãŒå¦ã¹ã‚‹7å€‹ã®åŽ³é¸ã‚¹ãƒ©ã‚¤ãƒ‰
ã¾ã ã¾ã ãƒ¡ãƒ³ãƒãƒ¼ã®æ•°ãŒå°‘ãªãã€è·ç¨®ã”ã¨ã®è·é›¢ãŒè¿‘ã„ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ä»•äº‹ã‚’ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒç†è§£ã™ã‚‹ã“ã¨ãŒã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’å††æ»‘ã«é€²ã‚ã‚‹ç§˜è¨£ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã¯ãªã„æ–¹ã€…ã«ã¨ã£ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒæ™®æ®µä½•ã‚’æ‚©ã¿ã€ã©ã®ã‚ˆã†ã«Webãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã„ã‚‹ã®ã‹çŸ¥ã‚‹ã®ã¯ã€éžå¸¸ã«é‡è¦ã¨è¨€ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ä»Šå›žã¯åŽ³é¸ã—ãŸ7ã¤ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ã”ç´¹ä»‹ã—ãªãŒã‚‰ã€ã€Œé…è‰²ã€ã€Œãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã¨ã„ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¨ãƒƒã‚»ãƒ³ã‚¹ã‚’å¦ã³ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€æœ¬è·ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã«ã‚‚å½¹ç«‹ã¤ã‚¹ãƒ©ã‚¤ãƒ‰7é€£ç™ºã§ã™ï¼ ï¼‘ï¼Žè‰²å½©ã‚»ãƒ³ã‚¹ã®ã„ã‚‰ãªã„é…è‰²è¬›åº§ 7000ã„ã„ã! ã•ã‚ŒãŸã‚¹ãƒ©ã‚¤ãƒ‰ ã€Œæ™‚é–“ãŒãªã„ï¼ ä»Šã™ãä½œã‚Šå§‹ã‚ãªã„ã¨ç´æœŸã«é–“ã«åˆã‚ãªã„ï¼ ã§ã‚‚ã©ã‚“ãªè‰²ã‚’ä½¿ã£ãŸã‚‰ã„ã„ã‹åˆ†ã‹ã‚‰ãªã„ï¼ã€ãã‚“ãªäººã«ãŠã™ã™ã‚ãªã®ãŒã‚³ãƒ¬ã€‚Facebookã§7000ä»¥ä¸Šã®ã„ã„ã!ãŒã¤ã„ãŸã€@marippe_ã•ã‚“ã®ãƒ¢ãƒ³ã‚¹ã‚¿ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ é…è‰²ã‚„æ˜Žåº¦ãƒ»å½©åº¦ã®åŸºç¤Žã‚’ãŠ
satotsun56 2013/05/18
Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ç°¡å˜ã«ä»Šã™ãã§ãã‚‹ï¼WEBåˆ¶ä½œã‚’ã€Œã¯ã˜ã‚ã¦ã€ã™ã‚‹äººãŒåˆ†ã‹ã‚‹ã¾ã¨ã‚
ä½œæˆï¼š2013/03/4 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > ã‚‚ã—ã€Œå…¨éƒ¨ã€è‡ªåˆ†ã§ã‚„ã‚‹ã“ã¨ã«ãªã£ã¦ã‚‚ ä¸€äººã§ã‚µã‚¯ãƒƒã¨ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚ŠãŸã„ ä»Šå›žã¯Webåˆ¶ä½œã‚„ã€ãƒ„ãƒ¼ãƒ«ãƒ»ã‚½ãƒ•ãƒˆã®ä½¿ã„æ–¹ãŒã€Œç°¡å˜ã€ã«åˆ†ã‹ã‚‹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‰¯ã„ã€Œãƒžãƒ‹ãƒ¥ã‚¢ãƒ«çš„ã€ãªã‚µã‚¤ãƒˆã‚’æŠœç²‹ã—ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ï¼‘ï¼ŽPhotoshop (ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—) ï¼’ï¼ŽIllustrator (ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼) ï¼“ï¼ŽDreamweaver (ãƒ‰ãƒªãƒ¼ãƒ ã‚¦ã‚£ãƒ¼ãƒãƒ¼) ï¼”ï¼ŽiPhone ã‚¢ãƒ—ãƒª ï¼•ï¼ŽKindle å‡ºç‰ˆ ï¼–ï¼ŽWordPress ï¼—ï¼Žã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆ ï¼˜ï¼Žã‚¢ãƒ•ã‚£ãƒªã‚¨ã‚¤ãƒˆ ï¼™ï¼Žã‚¢ã‚¯ã‚»ã‚¹ã‚¢ãƒƒãƒ— / ãƒ–ãƒã‚° ï¼‘ï¼ï¼Žãƒ©ã‚¤ãƒ†ã‚£ãƒ³ã‚° ï¼‘ï¼‘ï¼ŽSEO ï¼‘ï¼’ï¼Žãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° ï¼‘ï¼“ï¼Žhtml / CSS ï¼‘ï¼”ï¼ŽGoogle Analytics ï¼‘ï¼•ï¼Žãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Photos
satotsun56 2013/03/06
Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Tumblrã§ä½œã‚‰ã‚ŒãŸã‚¹ã‚´ã„Webã‚µã‚¤ãƒˆ
ã€ã©ã‚“ãªã‚µã‚¤ãƒˆã§ã‚‚ä½œã‚Œã‚‹Tumblrã€‘ã‚«ã‚¹ã‚¿ãƒžã‚¤... / inocis | æ ªå¼ä¼šç¤¾ã‚¤ãƒŽã‚·ã‚¹ / ã‚ªãƒ³ãƒŠãƒŽã‚³ã‚ºä»–...å…¨14ä»¶ ã€ã©ã‚“ãªã‚µã‚¤ãƒˆã§ã‚‚ä½œã‚Œã‚‹Tumblrã€‘ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ¬¡ç¬¬ã§ã©ã‚“ãªã‚µã‚¤ãƒˆã§ã‚‚ä½œã‚Œã¦ã—ã¾ã†Tumblrã€‚ãã‚“ãªä¸€è¦‹Tumblrã¨ã¯åˆ†ã‹ã‚‰ãªã„ã‚¹ã‚´ã„Webã‚µã‚¤ãƒˆã‚’é›†ã‚ã¾ã—ãŸã€‚
satotsun56 2013/02/14
webåˆ¶ä½œ

Tumblr
ãƒªãƒ³ã‚¯
Change Text Link Hover Effect Using CSS3
2020å¹´2æœˆ25æ—¥ CSS ã©ã®ã‚µã‚¤ãƒˆã§ã‚‚è¦‹ã‹ã‘ã‚‹ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ã€‚ãƒªãƒ³ã‚¯ã®ã¤ã„ãŸãƒ†ã‚ã‚¹ãƒˆã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã™ã‚‹ã¨æ–‡å—è‰²ã‚’å¤‰æ›´ã™ã‚‹ã€ã¨ã„ã†ã‚·ãƒ³ãƒ—ãƒ«ã‹ã¤ã‚ã‹ã‚Šã‚„ã™ã„åŠ¹æžœã‚’å®Ÿè£…ã—ã¦ã„ã‚‹Webã‚µã‚¤ãƒˆãŒå¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ã“ã®è£…é£¾ã‚’ã‚‚ã†å°‘ã—å¤‰æ›´ã§ããªã„ã‹ãªï¼Ÿã¨æ€ã„CSSã®ã¿ã§ãƒ—ãƒ©ã‚¹ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ç›®æ¬¡ ã¡ã‚‡ã£ã¨äºˆå‚™çŸ¥è˜ æ–‡å—è‰²ã‚’ãµã‚“ã‚ã‚Šå¤‰ãˆã‚‹ èƒŒæ™¯è‰²ã‚’ãµã‚“ã‚ã‚Šå¤‰ãˆã‚‹ æ–‡å—ã‚’ã¼ã‹ã™ å…‰ã‚’æ”¾ã¤ã‚°ãƒãƒ¼åŠ¹æžœ èƒŒæ™¯ã‚’è§’ä¸¸ã« ãƒ¬ã‚¤ãƒ³ãƒœãƒ¼ã‚«ãƒ©ãƒ¼ã« æ‹¡å¤§ãƒ»ç¸®å° è§’åº¦ã‚’å¤‰ãˆã‚‹ ãã‚‹ã£ã¨å›žè»¢ 1. ã¡ã‚‡ã£ã¨äºˆå‚™çŸ¥è˜ ä»Šå›žã¯jQueryãªã©ã®JavaScriptã‚’ä½¿ã‚ãšã€CSSã®ã¿ã§å®Ÿè£…ã§ãã‚‹å°æŠ€ã‚’é›†ã‚ã¦ã„ã¾ã™ã€‚ãã®ä¸ã§ã©ã®å°æŠ€ã«ã‚‚æŽ¡ç”¨ã—ã¦ã„ã‚‹ã®ãŒ transition ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã™ã€‚transitionãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€æ™‚é–“ã®å¤‰åŒ–ã‚’æ“ä½œã™ã‚‹ã‚‚ã®ã§ã€
satotsun56 2013/02/02
webåˆ¶ä½œ

css
ãƒªãƒ³ã‚¯
æœ‰åãªãƒ•ã‚©ãƒ³ãƒˆ12ç¨®é¡žã®ç´¹ä»‹ã¨ãƒ•ã‚©ãƒ³ãƒˆã®åŸºç¤ŽçŸ¥è˜ã«ã¤ã„ã¦ - YATã®BLOG
2013å¹´ 01æœˆ 09æ—¥ ä»Šã•ã‚‰èžã‘ãªã„ï¼Ÿæœ‰åãªãƒ•ã‚©ãƒ³ãƒˆ12ç¨®é¡žã®ç´¹ä»‹ã¨ãƒ•ã‚©ãƒ³ãƒˆã®åŸºç¤ŽçŸ¥è˜ã«ã¤ã„ã¦ ã‚«ãƒ†ã‚´ãƒªï¼š Font ã‚¿ã‚°ï¼šFont æ–°å¹´æ˜Žã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ã€‚ä»Šå¹´ã‚‚è‰²ã€…ã¨æŒ‘æˆ¦ã™ã‚‹å¹´ã«ã—ãŸã„ã®ã§ã™ãŒã€ä¸€å…ˆãšãƒ–ãƒã‚°ã‚’ã—ã£ã‹ã‚Šæ›¸ãã¨ã„ã†ã®ã‚’ãƒ™ãƒ¼ã‚¹ã«ãŒã‚“ã°ã‚Šã¾ã™ã€‚ æ—©ã„ã‚‚ã®ã§ã€ã“ã®ãƒ–ãƒã‚°ã‚‚æ°—ãŒã¤ã„ãŸã‚‰3å¹´ãŒéŽãŽ4å¹´ç›®ã«çªå…¥ã—ã¦ã„ã¾ã—ãŸã€‚ç«‹ã¡ã‚ã’å½“åˆã¯è¾žã‚ãªã„ã“ã¨ã‚’ç›®æ¨™ã«ã—ã¦ã„ã¾ã—ãŸãŒã€ç¶šã‘ã‚‹ã“ã¨ãŒå¤§äº‹ã ãªã¨ä»Šã§ã‚‚æ€ã£ã¦ã„ã¾ã™ã€‚çš†æ§˜æœ¬å¹´ã‚‚ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ ä»Šå›žã¯è‡ªåˆ†ãŒã‚ˆãä½¿ã£ã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ä»–ã«ã‚‚ä½¿ã£ã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã¯ã‚‚ã¡ã‚ã‚“ã‚ã‚‹ã‚“ã§ã™ãŒã€åŸºæœ¬çš„ãªãƒ•ã‚©ãƒ³ãƒˆã‚„Webãƒ™ãƒ¼ã‚¹ã§ä½¿ãˆã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚ãŸã‚Šã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ 1.ãƒ•ã‚©ãƒ³ãƒˆãƒªã‚¹ãƒˆ 2.ãƒ•ã‚©ãƒ³ãƒˆã®åŸºæœ¬ 3.è€ƒå¯Ÿ ãƒ•ã‚©ãƒ³ãƒˆãƒªã‚¹ãƒˆ æ¬§æ–‡ãƒ•ã‚©ãƒ³ãƒˆ 1.Arial 2.GEORGIA 3.Myriad 4.Verdana 5
satotsun56 2013/01/10
webåˆ¶ä½œ

font
ãƒªãƒ³ã‚¯
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼šã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆ1ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‡ªåˆ†ã§ã‚¤ã‚¤æ„Ÿã˜ã«ä½œã‚ŒãŸã‚‰ã„ã„ãªã‚ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒžã®ã¿ãªã•ã‚“ã€‚å°‘ãªã„æ‰‹é–“ã§ç°¡å˜ã«ã€ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¦‹ã›ã‚‹ãŸã‚ã®ã€ã¡ã‚‡ã£ã¨ã—ãŸå°ã‚ºãƒ«ã„Tipsã‚’ç´¹ä»‹ã—ã¾ã™ Webãƒ—ãƒã‚°ãƒ©ãƒžã€Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®çš†ã•ã‚“ãŒã€å€‹äººã§ä½œã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã‚„ãƒãƒƒã‚«ã‚½ãƒ³ãªã©ã§ã€çŸæœŸé–“ã«é›†ä¸ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºã—ã¦ãƒãƒ¼ãƒ³ãƒã—ãŸã„ã¨ãã«ã€ã‚‚ã†ã¡ã‚‡ã£ã¨è‡ªåˆ†ã§ã‚¤ã‚¤æ„Ÿã˜ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹ã¨ã„ã„ãªã‚ã¨ã„ã†å£°ã‚’ã‚ˆãèžãã¾ã™ã€‚ ã“ã®ä¼ç”»ã¯ã€ãã‚“ãªãƒ—ãƒã‚°ãƒ©ãƒžãŒã€å°‘ãªã„æ‰‹é–“ã§ç°¡å˜ã«ã€ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¦‹ã›ã‚‹ãŸã‚ã®ã€ã¡ã‚‡ã£ã¨ã—ãŸå°ã‚ºãƒ«ã„Tipsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ï¼ˆæ³¨ï¼‰ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€å€‹ã€…ã®ãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ ã‚’åˆ†ã‹ã‚Šã‚„ã™ãèª¬æ˜Žã™ã‚‹ãŸã‚ã«ã€å®Ÿå¯¸ã‚µã‚¤ã‚ºã‚ˆã‚Šç”»åƒã‚’æ‹¡å¤§ã—ã¦ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã¯Sassã¨Compassã‚’åˆ©ç”¨ã—
satotsun56 2012/12/07
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
CSSï¼š marginã®æ£ã—ã„ç†è§£ - kojika17
toggle()ã‚„å¤‰æ•°ã€calcã€:matchãªã©ã€ä»Šã¾ã§ã«ãªã„CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ã€ã‚»ãƒ¬ã‚¯ã‚¿ãŒææ¡ˆãƒ»å®Ÿè£…ã•ã‚Œã¦ã€CSS3, CSS4ã‚‚æ¥½ã—ããªã£ã¦ãã¦ã„ã¾ã™ã€‚ border-radiusã‚„ã€box-shadowãªã©ã‚‚ã€å¤ã„Androidãƒ–ãƒ©ã‚¦ã‚¶ä»¥å¤–ãªã‚‰ã€prefixãªã—ã§ä½¿ãˆã‚‹çŠ¶æ³ã‚‚å¢—ãˆã¦ãã¾ã—ãŸã€‚ æœ€æ–°æŠ€è¡“ã¯ã€ã“ã‚Œã‹ã‚‰å¿…è¦ã«ãªã£ã¦ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€åŸºæœ¬ã‚‚å¤§åˆ‡ã§ã™ã€‚ float ã‚„ position ãªã©ã€CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’æ‚©ã¾ã›ã‚‹ã‚¿ãƒã¯ã„ãã¤ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ãã®ä¸ã§ã‚‚ç§ãŒCSSã§ä¸€ç•ªé›£ã—ã„ã¨æ€ã† margin ã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ ã€Œmarginã¯ãƒã‚°ãŒå¤šã„ã€ã¨ã„ã†å£°ã‚’ãŸã¾ã«èžãã¾ã™ã€‚ ã—ã‹ã—è©±ã‚’èžã„ã¦ã¿ã‚‹ã¨ã€æ£å¸¸ãªå‹•ä½œã‚’ãƒã‚°ã¨é–“é•ã£ã¦èªè˜ã—ã¦ã„ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚ã‚ã‚Šã¾ã™ã€‚ marginã‚’æ£ã—ãç†è§£ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€åŠ¹çŽ‡çš„ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æ§‹ç¯‰ã§ãã¾ã™ã®ã§ã€åŸºæœ¬çš„ãªå†…å®¹ã§ã™ãŒã€èªã‚“ã§é ‚ã‘ã‚Œã°å¹¸
satotsun56 2012/08/29
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å¿…è¦‹ï¼ã‚¢ãƒŠã‚¿ã«ã¨ã£ã¦ã®ã€Žè¦‹ãŸã“ã¨ã‚‚ç„¡ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚’æŽ¢ã™ã“ã¨ãŒå‡ºæ¥ãã†ãªã‚µã‚¤ãƒˆè‰²ã€…ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
WEBã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ™‚ã€ã‚¢ã‚¤ãƒ‡ã‚¢å‡ºã—ã«è©°ã¾ã£ãŸã‚Šã™ã‚‹ãªã‚‰å‚è€ƒã«ãªã‚Šãã†ãªã‚µã‚¤ãƒˆã‚’æŽ¢ã—ãŸã‚Šã™ã‚‹ã®ã‚‚ã‚¢ãƒªã ã¨æ€ã„ã¾ã™ãŒã€ãŸã¾ã«ã¯ã€ŽWEBãƒ‡ã‚¶ã‚¤ãƒ³ã€ã®æž ã‚’è¶…ãˆãŸæ‰€ã‹ã‚‰ã‚¢ã‚¤ãƒ‡ã‚¢ãªã‚“ã‹ãŒæ€ã„ã¤ãã“ã¨ã‚‚ã—ã°ã—ã°ã‹ã¨æ€ã„ã¾ã™ã€‚ ç‰¹ã«ã‚¹ãƒšã‚·ãƒ£ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„çš„ãªã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã«ã¯ã€æ™‚ã¨ã—ã¦å¥‡æŠœãªã‚¢ã‚¤ãƒ‡ã‚¢ã‚„è¦‹ãŸã“ã¨ã‚‚ç„¡ã„ã‚ˆã†ãªã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆã‚’å¿…è¦ã¨ã•ã‚Œã‚‹äº‹ã‚‚ã—ã°ã—ã€‚ãã‚“ãªæ™‚åƒ•ã¯ä¸€åº¦â€œWEBãƒ‡ã‚¶ã‚¤ãƒ³â€ã®ã“ã¨ã‚’å¿˜ã‚Œã€WEBãƒ‡ã‚¶ã‚¤ãƒ³ä»¥å¤–ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚„å°‚é–€ã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹äº‹ã‚‚å°‘ãªãã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ é…è‰²ãƒ«ãƒ¼ãƒ«ãªã‚“ã‹ã‚’ã‚¤ãƒ³ãƒ†ãƒªã‚¢ã‚„ãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ãƒ’ãƒ³ãƒˆã‚’å¾—ã‚‹çš„ãªè¨˜äº‹ã‚‚å‰ã«æ›¸ã‹ã›ã¦ã‚‚ã‚‰ã„ã¾ã—ãŸãŒã€ä¼¼ãŸã‚ˆã†ãªäº‹ã‹ãªã¨æ€ã„ã¾ã™ã€‚ãŸã¾ã«ã¯WEBä»¥å¤–ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ç›®ã‚’é€šã—ã¦é•ã†ç™ºè¦‹ã‚„ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’å¾—ã‚‹ãŸã‚ã®æ™‚é–“ã‚’ä½œã‚‹ã®ã‚‚é¢ç™½ã„ã‚‚ã®ã§ã™ã‚ˆãƒ¼ï¼ ã¨ã„ã†ã‚ã‘ã§ã€ä»Šå›žã¯æµ·å¤–WEBãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¾ã¨ã‚ã«ç¶šãã¾ã—ã¦ç¶šç·¨çš„ã«æ›¸ã„ã¦ã¿ã‚ˆã†ã‹ãªã¨ã€å‰å›ž
satotsun56 2012/08/24
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
é…è‰²ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ã®ã€Œã‚«ãƒ©ãƒ¼ã‚¬ã‚¤ãƒ‰ã€
satotsun56 2012/08/24
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚ãªãŸãŒä½œã£ãŸã‚µã‚¤ãƒˆã®ãƒ•ãƒƒã‚¿ãƒ¼ã®å½¹å‰²ã¯ï¼Ÿ12ã®ãƒ•ãƒƒã‚¿ãƒ¼æ´»ç”¨æ–¹æ³•ï¼
æ˜”ã¯ã•ã£ã±ã‚Šæ³¨ç›®ã•ã‚Œã¦ã„ãªã‹ã£ãŸãƒ•ãƒƒã‚¿ãƒ¼ã‚¨ãƒªã‚¢ã§ã™ãŒã€ä»Šã§ã¯å¤šãã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãŒãƒ•ãƒƒã‚¿ãƒ¼ã«é–¢å¿ƒã‚’æŒã¤ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ãƒ•ãƒƒã‚¿ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã‚’é›†ã‚ãŸã‚µã‚¤ãƒˆãªã‚“ã¦éŽåŽ»ã«ã»ã¨ã‚“ã©ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸãŒã€ã“ã“2ã€3å¹´ã§ã„ãã¤ã‚‚ãã†ã„ã£ãŸã‚µã‚¤ãƒˆãƒ»ãƒšãƒ¼ã‚¸ã‚’è¦‹ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã¾ãŸç‰¹ã«æµ·å¤–ã‚µã‚¤ãƒˆã§è¨€ãˆã‚‹ã“ã¨ã§ã™ãŒã€æœ€è¿‘ã§ã¯ã€Œã“ã‚ŒãŒãƒ•ãƒƒã‚¿ãƒ¼ãªã®ã‹ï¼ã€ã¨æ€ã†ã€ã™ã”ã„ã‚¯ã‚ªãƒªãƒ†ã‚£ãƒ¼ã®ãƒ•ãƒƒã‚¿ãƒ¼ã‚‚è¦‹ã‚‹æ©Ÿä¼šãŒå¤šããªã‚Šã¾ã—ãŸã€‚ çš†ã•ã‚“ã¯å¤§ããé–¢å¿ƒã‚’é›†ã‚ã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã®ãƒ•ãƒƒã‚¿ãƒ¼ã‚¨ãƒªã‚¢ã‚’ä¸Šæ‰‹ã«æ´»ç”¨ã§ãã¦ã„ã¾ã™ã‹ï¼Ÿ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®èµ·ã“ã™ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’çµžã‚‹(èª˜å°Žã™ã‚‹) çš†ã•ã‚“ã¯ãƒ–ãƒã‚°ã®è¨˜äº‹ã‚’èªã¿çµ‚ã‚ã£ãŸå¾Œã€æ¬¡ã«ã©ã‚“ãªã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’èµ·ã“ã—ã¾ã™ã‹ï¼Ÿ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ãƒˆãƒƒãƒ—ã«æˆ»ã‚‹ å…ƒã€…ã„ãŸã‚µã‚¤ãƒˆã«æˆ»ã‚‹(ã¯ã¦ãƒ–ã¨ã‹) ã‚¿ãƒ–ã‚’é–‰ã˜ã‚‹ ãƒ„ã‚¤ãƒ¼ãƒˆã—ã¦ã¿ã‚‹ ãªã‚“ã¨ãªãã‚³ãƒ¼ãƒ’ãƒ¼ã‚’é£²ã‚€ ä¸Šè¨˜ã®ã‚ˆã†ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã€è¨˜äº‹ã‚’èªã¿çµ‚ã‚ã‚‹ã¨å¿…ãšä½•ã‚‰ã‹ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’èµ·ã“
satotsun56 2012/06/23
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã®èªã¿è¾¼ã¿ä½“æ„Ÿé€Ÿåº¦ãŒ2ç§’ãã‚‰ã„ä¸ŠãŒã‚‹ã‹ã‚‚ã€‚SNSãƒœã‚¿ãƒ³ã¯å¾Œã‹ã‚‰èªã¿è¾¼ã‚ï¼ - Webå¦ã³
2012å¹´ 6æœˆ 13æ—¥ æ–°ã—ã„ã‚µãƒ¼ãƒãƒ¼ã§ãƒ–ãƒã‚°ã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¦æ°—ãŒã¤ã„ãŸã€SNSãƒœã‚¿ãƒ³ã®æœ‰ç„¡ã§ã‹ãªã‚Šèªã¿è¾¼ã¿é€Ÿåº¦ã«å·®ãŒã‚ã‚‹ã€‚ã¨ã„ã£ã¦ã‚‚2,3ç§’ã»ã©ã§ã™ãŒã€ã“ã‚Œã¯çµæ§‹å‘½å–ã‚Šã ã£ãŸã‚Šã—ã¾ã™ã€‚ ã¾ãç§ã‚‚ãã‚“ãªã«è©³ã—ã„ã‚ã‘ã§ã¯ãªã„ã®ã§æ–è¨€ã§ãã¾ã›ã‚“ãŒã€‚ ãƒ»è¨ªå•è€…ã¯ãã®æ•°ç§’ã§ã‚µã‚¤ãƒˆã‹ã‚‰é€ƒã’ã‚‹ ãƒ»Googleã¯ãã®æ•°ç§’ã‚’è©•ä¾¡åŸºæº–ã«å…¥ã‚Œã‚‹ ãŸã—ã‹é…å»¶ãƒãƒ¼ãƒ‰(Lazy Load)ã¨ã‹ã„ã†æŠ€è¡“ã§ã™ãã€‚ ã‚ã‚Šã¨ãƒãƒ”ãƒ¥ãƒ©ãƒ¼ãªã‚³ãƒ¼ãƒ‰ã§ä½•ã¨ã‹ãªã£ãŸã®ã§æ›¸ã„ã¨ãã¾ã™ã€‚ ãƒ”ãƒ¥ã‚¢ãªJavaScriptã§ã¯ãªãã€jQueryä½¿ã„ã¾ã™ãã€‚ æ–¹æ³•ãã®ï¼‘ æ™‚é™å¼èªã¿è¾¼ã¿ bodyé–‰ã˜ã‚¿ã‚°ã®å‰ã‚ãŸã‚Šã«æ›¸ãã¾ã™ã€‚ . . . <div id="snsbox"></div> <script type="text/javascript"> var snscode = 'ã“ã“ã«ã€SNSã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã' + 'ä¸€è¡Œã§ã¤ãªã’ã¦ã‚‚è‰¯ã„ãŒè¦‹ã«
satotsun56 2012/06/15
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1