[B! link] bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

bitgleams id:bitgleams

linkã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (14)

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

æœ€æ–°ç‰ˆï¼Webãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æ™‚ã®ãƒ™ãƒ¼ã‚¹ã«ãªã‚‹ã€æœ€å°é™ã®æ§‹æˆã§è¨˜è¿°ã•ã‚ŒãŸHTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
HTML5ã§Webãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æ™‚ã®ãƒ™ãƒ¼ã‚¹ã«ãªã‚‹å¿…è¦æœ€å°é™ã®æ§‹æˆã§è¨˜è¿°ã•ã‚ŒãŸHTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¹ãƒ‹ãƒšãƒƒãƒˆã«ç™»éŒ²ã—ã¦ãŠãã¨ã€ä¾¿åˆ©ã§ã™ãã€‚ ã‚¤ãƒ©ã‚¹ãƒˆ: Girls Design Materials HTML5 Boilerplate -GitHub HTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ HTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®è§£èª¬ HTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ HTML5 Boilerplateã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’æ—¥æœ¬èªžåŒ–ã—ã¾ã—ãŸã€‚ ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã€å•†ç”¨åˆ©ç”¨ã€ä¿®æ£ã€é…å¸ƒã€ã‚µãƒ–ãƒ©ã‚¤ã‚»ãƒ³ã‚¹å¯ã§ã™ã€‚ <!doctype html> <html class="no-js" lang=""> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>ã‚¿ã‚¤ãƒˆãƒ«</title> <met
bitgleams 2018/01/18
ã‚³ãƒªã‚¹

html5

ie

link

html

boilerplate

***

web

dev

source
ãƒªãƒ³ã‚¯
Making a CSS3 Animated Menu
In this short tutorial, we will be using the power of CSS3 effects and transitions, to build a JavaScript-free animated navigation menu which you can use to add a polished look to your website or template. We will be using some neat features such as the :target pseudo selector and :after elements. The HTML The first step is to define the HTML backbone of the website. We are using HTML5 tags extens
bitgleams 2014/04/05
demo

source

css

css3

navigation

sample

link

list

***
ãƒªãƒ³ã‚¯
Creative Link Effects | Codrops
Today weâ€™d like to share some experimental and creative link effects with you. The idea is to use pseudo-elements and animate them to create a subtle and modern effect. In the examples we are using hover transitions, but you could also imagine these effects on click or as an initial animation. Please note that pseudo-element transitions donâ€™t work in every browser. Best viewed in Chrome and Firefo
bitgleams 2013/08/26
ä¸€å¿œãƒ–ã‚¯ãƒžã€‚

css3

css

tips

text

link

web

element

animation

demo
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®ã ã‚ãªã¨ã“ã‚ - ã¼ãã¯ã¾ã¡ã¡ã‚ƒã‚“ï¼
ã“ã‚“ã«ã¡ã¯ã“ã‚“ã«ã¡ã¯ï¼ï¼ ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãŒãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã•ã‚Œã¦ã‹ã‚‰ã€ï¼”ãƒ¶æœˆã»ã©çµŒã¡ã¾ã—ãŸãŒ ã¿ãªã•ã‚“ã¯ãã‚ãã‚æ…£ã‚Œã¾ã—ãŸã‹ï¼ ã¼ãã¯ã„ã¾ã ã«æ…£ã‚Œã¦ã¾ã›ã‚“â€¦ï¼žï¼œ ä¸€è¦§æ€§ãŒæ‚ªã„ã¨ã‹ãã†ã„ã†ã®ã¯ã€ä»–ã§ã™ã§ã«ã•ã‚“ã–ã‚“è¨€ã‚ã‚Œã¦ã‚‹ã®ã§ã€ã“ã“ã§ã¯ã‚ãˆã¦è§¦ã‚Œãšã«ãŠãã¾ã™ã€‚ ãŒã€ç‰¹ã«ä½•ã«æ…£ã‚Œãªã„ã‹ã£ã¦ã„ã†ã¨ã€ ã¼ãã¯PCã§è¦‹ã‚‹æ™‚ã€ã€Œãƒžã‚¦ã‚¹ã®ãƒ›ã‚¤ãƒ¼ãƒ«ã‚¯ãƒªãƒƒã‚¯ã§æ–°ã‚¿ãƒ–ã²ã‚‰ãã€ã¨ã„ã†ã‚„ã‚Šæ–¹ã‚’ã‚ˆãã¤ã‹ã†ã®ã§ã™ãŒâ€¦ ãµã‚€ãµã‚€ã€èªã‚“ã§ã¿ã‚ˆã†ã‹ãªã€œ ã‚ˆãƒ¼ã—æ–°ã‚¿ãƒ–ã§é–‹ã„ã¡ã‚ƒã†ãžã€œ ã‚ã£ï¼ ã“ã‚Œã€æ–‡å—ã¨æ–‡å—ã®ã‚ã„ã ã€è¡Œé–“ã«ã€ã‘ã£ã“ã†å¤§ããªã€Œã™ãã¾ã€ãŒã‚ã‚‹ã‚“ã§ã™ãã€‚ ã§ã€ãã“ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã—ã¾ã†ã€‚ ã¯ã¦ãªã®çš†ã•ã‚“ã¯ã€MacBookã¨ã‹ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã°ã‹ã‚Šä½¿ã£ã¦ã„ã‚‹ ãƒªã‚¢å……ã‚ªã‚·ãƒ£ãƒ¬ãƒ¡ã‚¬ãƒã‚¹ã‚¿ãƒé‡ŽéƒŽã°ã‹ã‚Šã ã‹ã‚‰ãã£ã¨æ°—ã¥ã‹ãªã„ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ ã¼ãã¿ãŸã„ã«ãµã¤ã†ã®VAIOã¨ã‹ãƒžã‚¦ã‚¹ã¨ã‹ä½¿ã£ã¦ã‚‹äººãŒã„ã‚‹ã“ã¨ã‚‚å¿˜ã‚Œãªã„ã§ã»ã—ã„ã§ã™ã€‚
bitgleams 2013/07/08
link

css

ui

hatena

opinion
ãƒªãƒ³ã‚¯
Text alternatives - a decision tree - 4 Syllables
1. What role does the image play? Purely decorative? If the image plays a purely decorative role on the page, use a blank text alternative: (alt=â€â€). A screen reader will then ignore it. If you use decorative images regularly, ask your web designer or developer to create a style you can use to include the image via a style sheet. NOTE:Â In Word documents (not web pages or PDF documents) screen read
bitgleams 2013/02/08
pdf

accessibility

text

alt

html

image

link

tips

åŸºæœ¬

***
ãƒªãƒ³ã‚¯
ãªãœãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ã¯é’è‰²ãªã®ã‹ï¼Ÿï¼ˆæ„è¨³ï¼‰
bitgleams 2013/02/05
very nice!

é‚¦è¨³

link

accessibility

web

color

timBL

***
ãƒªãƒ³ã‚¯
ã‚¯ãƒªãƒƒã‚¯çŽ‡ã®é«˜ã„ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ã®è‰²ã¯ï¼Ÿã€2013å¹´ç‰ˆã€‘ | ã‚¦ã‚§ãƒ–åŠ›å¦
å‰å›žã¨ã®æ¯”è¼ƒ å‰å›žã®èª¿æŸ»ã‹ã‚‰2å¹´åŠãŒçµŒéŽã—ã¦ã„ã‚‹è¨³ã§ã™ãŒã€ä»Šå›žèª¿ã¹ãŸä¸ã§ãƒªãƒ³ã‚¯ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè‰²ã‚’ä½¿ã£ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ãƒªãƒ³ã‚¯ã®è‰²ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè‰²ã‚ˆã‚Šã€ã‚„ã‚„å¼±ã„é’è‰²ã«ã™ã‚‹ã¨ã„ã†ã®ãŒæµ¸é€ã—ã¦ããŸã‚ˆã†ã«æ„Ÿã˜ã¾ã™ã€‚ NAVERã¨livedoorã®ãƒªãƒ³ã‚¯è‰²ãŒåŒã˜ã«ãªã£ã¦ã„ãŸã®ã¯çµŒå–¶çµ±åˆã®å½±éŸ¿ã§ã—ã‚‡ã†ã‹ã€‚ ã¾ãŸã€ã€Œã¯ã¦ãƒ–ã€ã‚„ã€Œã«ã“ã«ã“å‹•ç”»ã€ã®ã‚ˆã†ã«é’ç³»ã§ãªã„è‰²ã‚’ä½¿ã£ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã‚‚ã‚ã‚Šã¾ã—ãŸã€‚ã¯ã¦ãƒ–ã¯ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«ã‚ˆã£ã¦å¤§ããå¤‰ã‚ã£ãŸã®ã§ã™ãŒã€ãƒªãƒ³ã‚¯ã®è‰²ã‚’é»’è‰²ãƒ™ãƒ¼ã‚¹ã«ã—ã¦ã„ãŸã‚“ã§ã™ãã€‚èª¿ã¹ã‚‹ã¾ã§æ°—ã¥ãã¾ã›ã‚“ã§ã—ãŸã€‚ æœ€é©ãªãƒªãƒ³ã‚¯ã®è‰²ã¯ï¼Ÿ ã€Œãƒªãƒ³ã‚¯ã¯é’è‰²ã€ã¨ã„ã†èªè˜ã¯å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æµ¸é€ã—ã¦ã„ã‚‹ã®ã§ã€ä¸€èˆ¬çš„ã«ã¯é’è‰²ã‚’ãƒ™ãƒ¼ã‚¹ã«ã™ã‚‹ã®ãŒç„¡é›£ã¨è¨€ãˆã¾ã™ã€‚å…·ä½“çš„ã«ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè‰²ã ã¨å°‘ã—é’ãŒå¼·ã™ãŽã‚‹ã®ã§ã€ã‚„ã‚„â€é’â€ã‚’å¼±ãã—ãŸè‰²ãŒã„ã„ã§ã—ã‚‡ã†ã€‚ ä½†ã—ã€ã‚µã‚¤ãƒˆã®ã‚¸ãƒ£ãƒ³ãƒ«ã«ã‚ˆã£ã¦ã¯é’è‰²ã‚’é¿ã‘ã‚‹ã¨ã„ã†ã®ã‚‚ä¸€ã¤ã®é¸
bitgleams 2013/01/29
2013å¹´1æœˆ28æ—¥è¨˜äº‹

list

webservice

link

color

æ¤œè¨¼

research

web
ãƒªãƒ³ã‚¯
HAYAæŠ€ Â» ãƒ–ãƒã‚°é–‹è¨æ™‚ã®è‡ªåˆ†ã«ã“ã®2ç‚¹ã ã‘ã¯ã‚„ã£ã¦ãŠã‘ã¨ä¼ãˆãŸã„ã“ã¨
èªäº†æ™‚é–“ï¼šç´„ 1åˆ†22ç§’ photo credit: itselea via photopin cc ã“ã“æœ€è¿‘ã€ãƒ–ãƒã‚°ã¾ã‚ã‚Šã‚’æ”¹å–„ä¸ã§ã™ã€‚ ãã®ä¸ã§ãƒ–ãƒã‚°é–‹è¨æ™‚ã«æˆ»ã‚Œã‚‹ãªã‚‰ã€‚ã€‚ã€‚ ã€Œã“ã‚Œã ã‘ã¯æœ€åˆã«ã‚„ã£ã¦ãŠã‘ã€ã¨è‡ªåˆ†ã«ä¼ãˆã‚‹ã“ã¨ã‚’2ã¤ã‚ã’ã¦ã¿ã¾ã™ã€‚ å°šã€ç§ã®ãƒ–ãƒã‚°æ›´æ–°ã«ã¤ã„ã¦ã¯ä¸‹è¨˜ã®è¨˜äº‹ã‚’ã”å‚ç…§ãã ã•ã„ã€‚ ç§ã®ãƒ–ãƒã‚°æ›´æ–°æ–¹æ³•ã‚„ä½¿ç”¨ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚ | HAYAæŠ€ 1è¨˜äº‹ï¼ˆãƒšãƒ¼ã‚¸ï¼‰ã”ã¨ã®URLã€‚ã‚¢ãƒ¬ã§ã™ã€‚ ä»Šæ›´ã€å¤‰æ›´ã™ã‚‹å¿…è¦ã‚‚ãªã„ã®ã§ã™ãŒåˆæœŸè¨å®šã‹ã‚‰æŠ•ç¨¿åã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ ä¾‹ï¼š/?p=123ï¼ˆdefaultï¼‰â‡’/wordpress-settingï¼ˆæŠ•ç¨¿åï¼‰ ã¾ã‚è¦‹ãŸç›®ã®å•é¡Œã§ã™ã€‚ ãƒ‘ãƒ¼ãƒžãƒªãƒ³ã‚¯ã‚’å¤‰æ›´ã™ã‚‹ã¨ã€‚ã€‚ã€‚ ã“ã‚Œã¾ã§ç©ã¿ä¸Šã’ã¦ããŸãƒ„ã‚¤ãƒ¼ãƒˆæ•°ã‚„ã¯ã¦ãƒ–æ•°ãªã©ãŒ0è¡¨ç¤ºã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ Wordpressã§ãƒ–ãƒã‚°å§‹ã‚ã‚‹éš›ã«ã¯å¿…ãšæœ€åˆã«è¨å®šã—ã¦ãŠãã¾ã—ã‚‡ã†ã€‚ WordPressã§SEOã«æœ‰åˆ©ã‹ã¤çŸ
bitgleams 2013/01/06
åŸºæœ¬

tips

wordpress

image

link

url

è¨å®š

tools

***

blog
ãƒªãƒ³ã‚¯
WordPressã§SEOã«æœ‰åˆ©ã‹ã¤çŸã„ç©¶æ¥µã®ãƒ‘ãƒ¼ãƒžãƒªãƒ³ã‚¯è¨å®š - é‹å‘½ã£ã¦è‡ªåˆ†ã®ä¸ã‹ã‚‰è¦‹ã¤ã‘ã‚‹ã‚‚ã‚“ã ã‚
å¾Œã‹ã‚‰å¤‰æ›´ã—ãªãã¦ã‚ˆã„ç†æƒ³çš„ãªãƒ‘ãƒ¼ãƒžãƒªãƒ³ã‚¯è¨å®šã‚’è€ƒå¯Ÿã—ã¾ã™ã€‚
bitgleams 2013/01/06
tips

wordpress

blog

url

seo

link

è¨å®š

åŸºæœ¬

***

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Webæ¨™æº–ä»•æ§˜ æ—¥æœ¬èªžè¨³ä¸€è¦§
CSS ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ ç”»é¢ã‚µã‚¤ã‚ºãªã©ã€åª’ä½“ã®æŒã¤ç‰¹å¾´ã‚’åˆ©ç”¨ã—ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹ãŸã‚ã®ä»•çµ„ã¿ã‚’æä¾›ã—ã¾ã™ã€‚ åŽŸæ–‡: â€œMedia Queriesâ€ (W3C Recommendation 19 June 2012) ã‚»ãƒ¬ã‚¯ã‚¿ Level 3 :nth-child()ã‚„:not()ãªã©ã€æ–°ã—ã„ã‚»ãƒ¬ã‚¯ã‚¿ã‚’å®šç¾©ã™ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ã™ã€‚ åŽŸæ–‡: â€œSelectors Level 3â€ (W3C Recommendation 29 September 2011) CSS åå‰ç©ºé–“ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« CSSã§åå‰ç©ºé–“ã‚’æ‰±ã†@namespaceè¦å‰‡ã‚’å®šç¾©ã—ã¦ã„ã¾ã™ã€‚ åŽŸæ–‡: â€œCSS Namespaces Moduleâ€ (W3C Recommendation 29 September 2011) CSS ã‚«ãƒ©ãƒ¼ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« Level 3 opacityã‚„rgba()ãªã©ã€è‰²ã«é–¢ã™ã‚‹å€¤ã‚„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’å®šç¾©ã™
bitgleams 2012/09/30
ã¾ã¨ã‚

link

list

***

document

w3c

ä»•æ§˜æ›¸

é‚¦è¨³

html

css
ãƒªãƒ³ã‚¯
ãƒªãƒ³ã‚¯æ§‹ç¯‰ã‚’èªžã‚‹ãªã‚‰çŸ¥ã£ã¦ãŠãã¹ã53ã®åŸºæœ¬ - SEO Japanï½œã‚¢ã‚¤ã‚ªã‚¤ã‚¯ã‚¹ã®SEOãƒ»CVæ”¹å–„ãƒ»Webã‚µã‚¤ãƒˆé›†å®¢æƒ…å ±ãƒ–ãƒã‚°
ç„¡æ–™ã§è³‡æ–™ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ SEOã‚µãƒ¼ãƒ“ã‚¹ã®ã”æ¡ˆå†… å°‚é–€ã®ã‚³ãƒ³ã‚µãƒ«ã‚¿ãƒ³ãƒˆãŒè²´ç¤¾ã‚µã‚¤ãƒˆã®ã”è¦æœ›ãƒ»èª²é¡Œæ•´ç†ã‹ã‚‰æ–½ç–ã®ç«‹æ¡ˆã‚’è¡Œã„ã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã‹ã‚‰ã®æµå…¥æ•°å‘ä¸Šã‚’æ”¯æ´ã„ãŸã—ã¾ã™ã€‚ ç„¡æ–™ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã€€ï¼žï¼ž ãƒšãƒ³ã‚®ãƒ³ã‚„ãƒ‘ãƒ³ãƒ€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã§ãƒªãƒ³ã‚¯æ§‹ç¯‰ã«é ¼ã£ãŸSEOã¯éŽåŽ»ã®éºç‰©ã€ã€ã€ã¨ã¯ãªã‚‰ãªã„ã®ãŒSEOã€‚åŒæ™‚ã«é•·å¹´ã«æ¸¡ã£ã¦é€šç”¨ã—ã¦ããŸé™ã‚Šãªãã‚¹ãƒ‘ãƒŸãƒ¼ãªãƒªãƒ³ã‚¯ãƒˆãƒªãƒƒã‚¯ãŒé€šç”¨ã—ãªããªã£ã¦ããŸã®ã¯äº‹å®Ÿã§ã™ã€‚ãã“ã§ä»Šå›žã¯ã“ã‚Œã‹ã‚‰ã®ãƒªãƒ³ã‚¯æ§‹ç¯‰ã«é€šç”¨ã™ã‚‹ã¨æ€ã‚ã‚Œã‚‹åŸºæœ¬çš„ãªãƒªãƒ³ã‚¯æ§‹ç¯‰ã«é–¢ã™ã‚‹è€ƒãˆæ–¹ã‚„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’è€èˆ—SEOã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆãŒ53ã¾ã¨ã‚ã‚ã’ãŸè¨˜äº‹ã‚’ã‚µãƒ¼ãƒã‚¨ãƒ³ã‚¸ãƒ³ãƒ©ãƒ³ãƒ‰ã‹ã‚‰ã€‚ã‚ãªãŸã®çŸ¥è˜ã®ç¢ºèªã«æœ€é©ã€‚ â€” SEO Japan å‚è€ƒï¼šè¢«ãƒªãƒ³ã‚¯ã¨ã¯ï¼ŸSEOã«ãŠã‘ã‚‹é‡è¦æ€§ã‚„ç²å¾—æ–¹æ³•ã€æ³¨æ„ç‚¹ãªã©ã‚’è§£èª¬ å¥½ãã‹å«Œã„ã‹ã«é–¢ä¿‚ãªãã€ãƒªãƒ³ã‚¯æ§‹ç¯‰ã¯ä»Šã¾ã§ã€ãã—ã¦ã€ä»Šã‚‚ãªãŠé‡è¦ãªãƒ“ã‚¸ãƒã‚¹ã¨ã—ã¦å¥åœ¨ã§ã‚ã‚‹ã€‚ãƒªãƒ³ã‚¯æ§‹ç¯‰ã‚’æˆåŠŸã•ã›ã‚‹ã«
bitgleams 2012/09/23
é‚¦è¨³

web

link

seo

tips

***

google
ãƒªãƒ³ã‚¯
W3C Link Checker
Enter the address (URL) of a document that you would like to check: More Options Summary only Hide redirects: all for directories only Don't send the Accept-Language header Don't send the Referer header Check linked documents recursively, recursion depth: Save options in a cookie This Link Checker looks for issues in links, anchors and referenced objects in a Web page, CSS style sheet, or recursiv
bitgleams 2012/08/09
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒªãƒ³ã‚¯åˆ‡ã‚Œã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ãã‚Œã‚‹W3Cå…¬å¼ãƒ„ãƒ¼ãƒ« / çµŒç”±è¨˜äº‹ï¼ˆå°ç²‹ç©ºé–“ï¼‰: http://www.koikikukan.com/archives/2012/08/09-015555.php

tools

test

w3c

website

link

webservice

***
ãƒªãƒ³ã‚¯
å¼•ãç¶šãã‚¹ã‚ãƒƒãƒ—ãƒªãƒ³ã‚¯ã®è©±
2012å¹´6æœˆ5æ—¥ è‘— ä»Šå¹´1æœˆã«Re: ã‚¹ã‚ãƒƒãƒ—ãƒªãƒ³ã‚¯ã«ã¾ã¤ã‚ã‚‹ã„ãã¤ã‹ã®è°è«–ã§è§¦ã‚ŒãŸã€ã‚¹ã‚ãƒƒãƒ—ãƒªãƒ³ã‚¯ã®ä»¶ã€‚ãã®å¾Œã°ã‘ã‚‰ã•ã‚“ãŒ ã‚¹ã‚ãƒƒãƒ—ãƒªãƒ³ã‚¯ã®è°è«–: å‰æã¾ã¨ã‚ | æ°´ç„¡æœˆã°ã‘ã‚‰ã®ãˆã³æ—¥è¨˜ ã‚¹ã‚ãƒƒãƒ—ãƒªãƒ³ã‚¯ã«ã¾ã¤ã‚ã‚‹è°è«–ã¾ã¨ã‚ | æ°´ç„¡æœˆã°ã‘ã‚‰ã®ãˆã³æ—¥è¨˜ ã¨ã„ã†ç´ æ™´ã‚‰ã—ã„ã¾ã¨ã‚ã‚’æ›¸ã‹ã‚ŒãŸã®ã‚’å—ã‘ã¦ã€è‡ªåˆ†ã‚‚è€ƒãˆã‚’ã¾ã¨ã‚ãªã„ã¨ã„ã‹ã‚“ãªãã¨æ€ã£ã¦ã„ã‚‹ã†ã¡ã€ã‚ã£ã¨ã„ã†é–“ã«æ™‚é–“ãŒçµŒã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚5æœˆã«ã¯w3c-wai [email protected]ã®ã»ã†ã§ã€Using Heading to Replace Skip Linksã«ç«¯ã‚’ç™ºã™ã‚‹è°è«–ã«ã¯å‚æˆ¦ã—ã¦ã¿ãŸã‚‚ã®ã®ã€ã„ã‹ã‚“ã›ã‚“è‡ªåˆ†ã®è‹±èªžåŠ›ãŒã‚¢ãƒ¬éŽãŽã‚‹ï¼†è«–ç‚¹ãŒç§»ã‚Šã¾ãã‚Šã§æ¶ˆåŒ–ä¸è‰¯ã€‚ãã—ã¦æœ€è¿‘ã«ãªã£ã¦å†ã³ã°ã‘ã‚‰ã•ã‚“ãŒæ‹¡å¼µæ©Ÿèƒ½ã«ã‚ˆã‚‹ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ»ã‚µãƒãƒ¼ãƒ†ãƒƒãƒ‰ã®è¦ä»¶ã¨ã„ã†è¨˜äº‹ã‚’æ›¸ã‹ã‚ŒãŸã®ã‚’æ©Ÿã«ã€å…ˆã®ã€Œã‚¹ã‚ãƒƒãƒ—ãƒªãƒ³ã‚¯ã«ã¾ã¤ã‚ã‚‹è°è«–ã¾ã¨ã‚ã€ã«æ²¿ã£ã¦ç¾æ™‚ç‚¹ã®ç§è¦‹ã‚’è¦š
bitgleams 2012/06/06
è°è«–

è€ƒå¯Ÿ

accessibility

contents

link

web

browser
ãƒªãƒ³ã‚¯
[JS]Responsiveãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚µã‚¤ã‚ºå¯å¤‰ã®ç”»åƒã§ã‚‚ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«ãƒžãƒƒãƒ—å¯¾å¿œã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -RWD Image Maps
å®Ÿè£…ã‚‚ç°¡å˜ã§è¶…è»½é‡ã€Responsiveãƒ‡ã‚¶ã‚¤ãƒ³ã§ç”»åƒã®ã‚µã‚¤ã‚ºãŒå¤‰ã‚ã£ã¦ã‚‚ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«ãƒžãƒƒãƒ—ã®åº§æ¨™ã‚’è¨ˆç®—ã—ãªãŠã™jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…480pxã§è¡¨ç¤º [ad#ad-2] RWD Image Mapsã®ä½¿ã„æ–¹ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="http://ajax.google apis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="jquery.rwdImageMaps.min.js"></script> HTML HTMLã¯ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«ãƒžãƒƒãƒ—ã‚’é€šå¸¸é€šã‚Šè¨˜è¿°ã™ã‚‹ã ã‘ã§ã™ã€‚ <img src="powerpuff-girls.fw.jpg" width="1024" height="768" usem
bitgleams 2012/05/23
ã‚³ãƒªã‚¹

responsive

jquery

plugin

link

image
ãƒªãƒ³ã‚¯
1