[B! html] katryoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

katryo id:katryo

htmlã«é–¢ã™ã‚‹katryoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (57)

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

CSS ã®ã‚«ãƒãƒ¬ãƒƒã‚¸ã‚’è¨ˆæ¸¬ã™ã‚‹ Clairvoyance ã¨ã„ã†ãƒ„ãƒ¼ãƒ«ã‚’ä½œã‚Šã¾ã—ãŸ - ã‚¢ã‚¸ãƒ£ã‚¤ãƒ«SEã®æ†‚é¬±
ã‚¿ã‚¤ãƒˆãƒ«ã®é€šã‚Šã€CSS ã®ã‚«ãƒãƒ¬ãƒƒã‚¸ã‚’è¨ˆæ¸¬ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’ä½œã‚Šã¾ã—ãŸã€‚ github.com ã“ã‚Œã¯ä½•ï¼Ÿ css ã«æ›¸ã‹ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ãŒ html ã®ä¸ã§ã©ã®ãã‚‰ã„ä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã‹è¨ˆæ¸¬ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ä½¿ç”¨é »åº¦ã®å¤šã„ã‚¹ã‚¿ã‚¤ãƒ«ã‚’èª¿ã¹ã‚‹ï¼ˆå½±éŸ¿ç¯„å›²ãŒå¤§ãã„ã®ã§æ°—ã‚’ã¤ã‘ã‚‹ï¼‰ æœªä½¿ç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’èª¿ã¹ã‚‹ï¼ˆæ¶ˆã—ãŸã„ï¼‰ ã£ã¦ã®ã‚’èª¿ã¹ã‚‹ãŸã‚ã«ä½œã‚Šã¾ã—ãŸã€‚ ãªã‚“ã¦èªã‚€ã®ï¼Ÿ Clairvoyance ã¯ã€Œã‚¯ãƒ¬ã‚¢ãƒœãƒ¤ãƒ³ã‚¹ã€ã¨èªã¿ã¾ã™ã€‚ åƒé‡Œçœ¼ ã¨ã„ã†æ„å‘³ã§ã™ã€‚ PhantomJS ã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§ã€è¶…å¸¸ç¾è±¡ã£ã½ã„åå‰ã«ã—ã¦ã¿ã¾ã—ãŸã€‚åŽ¨äºŒç—…ä¹™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³• npm ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã¾ã™ã€‚ $ npm install clairvoyance phantomjs ã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§ã€ã‚‚ã—ã‹ã—ãŸã‚‰ phantomjs ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒåˆ¥é€”å¿…è¦ã‹ã‚‚ã€‚ ä½¿ã„æ–¹ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã¨ clairvoyance ã¨ã„ã†ã‚³ãƒžãƒ³ãƒ‰
katryo 2016/02/03
ã‚ˆã•ãã†ã€‚å®Ÿè£…ã®è¡Œæ•°ã‚‚å°‘ãªã„ã—ã€è‡ªåˆ†ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ããã†

HTML

CSS
ãƒªãƒ³ã‚¯
JavaScript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ - ãƒšãƒ‘ãƒœãƒ†ãƒƒã‚¯ãƒ–ãƒã‚°
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘¨ã‚Šã®æŠ€è¡“ã¯é©šç•°çš„ãªã‚¹ãƒ”ãƒ¼ãƒ‰ã§é€²åŒ–ã—ã€ã¾ãŸå¤šæ§˜åŒ–ã—ã¦ã„ã¾ã™ã€‚ãã‚Œã‚‰ã‚’å…¨ã¦ãƒžã‚¹ã‚¿ãƒ¼ã™ã‚‹ã®ã¯é€”æ–¹ã‚‚ãªãå¤§å¤‰ãªã®ã§ã€ãƒšãƒ‘ãƒœã§ã¯ã€ç¤¾å†…ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãŒã€Œæœ€ä½Žé™ã“ã‚Œã ã‘ã¯ãŠã•ãˆã¦ãŠã“ã†ã€ã¨ã„ã†ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã‚’æ–‡æ›¸åŒ–ã™ã‚‹ã“ã¨ã«ã„ãŸã—ã¾ã—ãŸã€‚ç¤¾å†…å‘ã‘ã‚’æƒ³å®šã—ãŸæ–‡æ›¸ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ç¤¾å†…ã®ã¿ã«ç•™ã‚ãšå¤šãã®æ–¹ã«å½¹ç«‹ã¦ãŸã„ã¨è€ƒãˆãŸãŸã‚å…¬é–‹ã—ã¾ã™ã€‚ ã“ã®é …ç›®ã®æ‹…å½“ @hadashiA ã©ã†ã—ã¦ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã†ï¼Ÿ (1) ãƒ‰ãƒ¡ã‚¤ãƒ³ãƒã‚¸ãƒƒã‚¯ã¨ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã®åˆ†é›¢ (2) SPAï¼ˆã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼‰ æµè¡Œã‚Šå»ƒã‚Š (1) MVC (2) MVVM (3) Virtual DOM ã©ã‚Œã‚’ä½¿ã†ï¼Ÿ ã©ã†ã—ã¦ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã†ï¼Ÿ (1) ãƒ‰ãƒ¡ã‚¤ãƒ³ãƒã‚¸ãƒƒã‚¯ã¨ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã®åˆ†é›¢ ã¾ãšã“ã¡ã‚‰ã®ç”»é¢ã‚’è¦‹ã¦ãã ã•ã„ã€‚ Â©ä»»å¤©å ‚ ã‚¹ãƒ¼ãƒ‘ãƒ¼ãƒžãƒªã‚ªãƒ¯ãƒ¼ãƒ«ãƒ‰ ã‚¹ãƒ¼ãƒ‘ãƒ¼ãƒžãƒªã‚ªãŒå³ã«ãƒ€ãƒƒã‚·ãƒ¥ã™ã‚‹ã¨ã€ãƒž
katryo 2014/12/10
HTML

Web

Javascript

AngularJS

js
ãƒªãƒ³ã‚¯
A 3D engine built using HTML and CSS 3D transforms by Keith Clark
This is demo of a CSS powered 3D environment. Geometry is created with HTML elements and CSS transf orms. Textures and lightmaps are composed by layering multiple background-images and colour is applied using CSS blend-modes. A Keith Clark experiment.
katryo 2014/11/07
(ï¾Ÿï¼¡ï¾Ÿ;)ï½ºï¾žï½¸ï¾˜

CSS

HTML

3D
ãƒªãƒ³ã‚¯
GitHub - yahoo/gifshot: JavaScript library that can create animated GIFs from media streams, videos, or images.
JavaScript library that can create animated GIFs from media streams, videos, or images How gifshot uses the following techno logies: The webRTC getUserMedia() API to get permission to use a user's webcam and manipulate the CameraStream Media object The HTML5 Filesystem APIs to handle the temporary blob URL creation The HTML5 video element to stream the blob URL The canvas API to create a dynamic im
katryo 2014/10/01
YAHOO! ãªã®ã« @uiureo ã£ã½ã„

html5

HTML
ãƒªãƒ³ã‚¯
RICOH THETAã¨JavaScriptã§ãƒã‚³ã‚¹ã‚³ç”¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œã‚‹ã®å·» - aikeâ€™s blog
ãƒã‚³ã‚¹ã‚³ã¯ã€iPhoneã•ãˆã‚ã‚Œã°ã‚ãšã‹1000å††ã§å®Ÿç¾ã§ãã¦ã—ã¾ã†ãƒ˜ãƒƒãƒ‰ãƒžã‚¦ãƒ³ãƒˆãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã§ã™ã€‚ãŸã ã¾ã è¦–è´ã§ãã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒãã‚Œã»ã©å¤šãã‚ã‚Šã¾ã›ã‚“ã€‚ ãã‚“ãªã‚ã‘ã§ä»Šå›žã¯RICOH THETAã‚’ä½¿ã£ã¦ãƒã‚³ã‚¹ã‚³ç”¨ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è‡ªä½œã—ã¦ã—ã¾ãŠã†ã¨ã„ã†ä¼ç”»ã§ã™ã€‚ THETAç”¨ã‚ªãƒ¬ã‚ªãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚¢ãƒ©ã‚¤ãƒ–ãƒ©ãƒªthview.jsã‚’æœ€è¿‘ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ã¾ã—ãŸã€‚iPhoneã®åŠ é€Ÿåº¦ã‚»ãƒ³ã‚µãƒ¼ã®æƒ…å ±ã‚’è¦‹ã¦å‚¾ãã«åˆã‚ã›ã¦å…¨å¤©çƒç”»åƒã‚’è¡¨ç¤ºã—ã¾ã™ã€‚HTMLã¨JavaScriptã ã‘ãªã®ã§ã€æœ¬æ ¼çš„ãªé–‹ç™ºç’°å¢ƒã¯ä¸è¦ã§ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã¨ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒã ã‘ã‚ã‚Œã°èª°ã§ã‚‚ä½œã‚Œã¾ã™ã€‚ â€»WebGLã®é–¢ä¿‚ä¸Šã€iOSã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯8ã«ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ‡ãƒ¢1 æˆ¸æ£šã®ä¸ HTMLçš„ã«ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <tit
katryo 2014/10/01
Javascript

HTML
ãƒªãƒ³ã‚¯
DeNAã‚’é€€è·ã—ã€æ–°ã—ãä¼šç¤¾ã‚’è¨ç«‹ã—ã¾ã™ Â» nmi.jp
2014å¹´6æœˆæœ«ã«ã¦ã€3å¹´é–“å‹¤ã‚ãŸDeNAã‚’é€€è·ã™ã‚‹é‹ã³ã¨ãªã‚Šã¾ã—ãŸã€‚ã“ã‚Œã‹ã‚‰èµ·æ¥ã—ã€ãã¡ã‚‰ã«æ³¨åŠ›ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ç§ã¯ã€2011å¹´7æœˆã«ã€è‡ªåˆ†ã®èµ·æ¥ã—ãŸä¼šç¤¾ãŒè²·åŽã•ã‚Œã‚‹å½¢ã§DeNAã«å‚åŠ ã—ã¾ã—ãŸã€‚å‰ã®ä¼šç¤¾ã§ã¯iPhoneã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãªãFlash Playerã‚’å‹•ã‹ã™è£½å“ã‚’ä½œæˆã—ã€ãã‚ŒãŒDeNAã«é«˜ãè©•ä¾¡ã•ã‚Œã¦è²·åŽã•ã‚Œã¾ã—ãŸã€‚ä»¥å¾Œã€DeNAã§ã¯3å¹´å¼±ã«ã‚ãŸã‚Šã€HTML5ç·æ‹¬ã¨ã„ã†ç«‹å ´ã§ç¤¾å†…å¤–ã§HTML5ã«é–¢ã‚ã‚‹æ§˜ã€…ãªæ´»å‹•ã«å‚åŠ ã—ã¾ã—ãŸã€‚ ã“ã“æ•°å¹´é–“ã®æ´»å‹•ã‚’æŒ¯ã‚Šè¿”ã‚‹ã¨ã€ä»Šã®æ—¥æœ¬ã®HTML5ã€ç‰¹ã«ãƒ¢ãƒã‚¤ãƒ«HTML5ã®æŠ€è¡“ã¯ä¸–ç•Œã§æœ€ã‚‚é«˜ã„ã¨å®Ÿæ„Ÿã—ã¦ãŠã‚Šã¾ã™ã€‚ãã®ã‚ˆã†ãªæµã¾ã‚ŒãŸç’°å¢ƒã®ä¸ã§DeNAã§ã¯æœ€å…ˆç«¯ã®ç ”ç©¶é–‹ç™ºã‚’ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚åŠ›åŠã°ãšãŠè”µå…¥ã‚Šã«ãªã£ãŸã‚ŠæˆæžœãŒå‡ºãªã‹ã£ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚‚ã‚ã‚Šå¤šæ•°ã®æ–¹ã€…ã«è¿·æƒ‘ã‚’ã‹ã‘ã¦ã—ã¾ã„ã¾ã—ãŸãŒã€åŒåƒšã«ã‚‚æµã¾ã‚Œã€ã‚„ã‚ŠãŸã„ã“ã¨ã‚’å˜åˆ†ã«è©¦ã™ã“ã¨ã‚’è¨±ã—ã¦ã„ãŸ
katryo 2014/08/01
DeNA

html5

HTML

Web
ãƒªãƒ³ã‚¯
BrowserSync - pirosikick's diary
BrowserSync livereloadã‚ˆã‚Šbrowser-syncã®æ–¹ãŒã„ã„ã‚ˆã¨èžã„ãŸã®ã§ä½¿ã£ã¦ã¿ãŸã€‚ ä½¿ã„æ–¹ npmã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« $ npm install -g browser-sync æ‰‹å…ƒã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«htmlã¨cssãŒã‚ã‚Šã€html, cssãŒæ›´æ–°ã—ãŸæ™‚ã«htmlã‚’ãƒªãƒãƒ¼ãƒ‰ã—ãŸã„å ´åˆã€ $ browser-sync start --server --files "*.html, css/*css" ã§ã€ãƒãƒ¼ãƒˆ3000ç•ªã§èµ·å‹•ã—ãƒ–ãƒ©ã‚¦ã‚¶é–‹ãã€‚åœ°å‘³ã«å¬‰ã—ã‹ã£ãŸã®ã¯3000ç•ªãŒæ—¢ã«ä½¿ç”¨æ¸ˆã¿ã®å ´åˆã¯3001ç•ªã§èµ·å‹•ã™ã‚‹ï¼ˆç¢ºèªã—ã¦ãªã„ãŒå¤šåˆ†ãã®å¾Œã‚‚ã‚«ã‚¦ãƒ³ãƒˆã‚¢ãƒƒãƒ—ã—ã¦ã„ãç©ºã„ã¦ã‚‹ãƒãƒ¼ãƒˆç•ªå·ã§èµ·å‹•ã™ã‚‹ã¯ãšï¼‰ ãƒ—ãƒã‚ã‚·ã‚‚--proxyã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§ãƒ—ãƒã‚ã‚·ã—ãŸã„ãƒ›ã‚¹ãƒˆåæŒ‡å®šã™ã‚‹ã ã‘ãªã®ã§ã™ã”ã„æ¥½ $ browser-sync start --proxy "ãƒ—ãƒã‚ã‚·ã—ãŸã„ãƒ›ã‚¹ãƒˆå" --f
katryo 2014/07/31
ã‚ˆã•

browser

HTML

CSS
ãƒªãƒ³ã‚¯
æ©‹æœ¬å•†ä¼š Â» node-webkitã§NHK Newsã‚’é€£ç¶šè‡ªå‹•å†ç”Ÿã™ã‚‹ã‚¢ãƒ—ãƒªä½œã£ãŸ
ã‚ã¾ã‚Šã«ã‚‚ä¸–æƒ…ã«ã†ã¨ã„ã®ã§ä½œã£ãŸã€‚ NHKã®RSSã‚’å®šæœŸçš„ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ã€æ–°ç€ãƒ‹ãƒ¥ãƒ¼ã‚¹ã®å‹•ç”»ã‚’é€£ç¶šè‡ªå‹•å†ç”Ÿã™ã‚‹ã€‚ ã¨ã¦ã‚‚ãƒ†ãƒ¬ãƒ“ã£ã½ã„ã€‚ãŠã‹ã’ã§4æ—¥å¾Œã«ã‚ªãƒªãƒ³ãƒ”ãƒƒã‚¯ãŒé–‹å‚¬ã•ã‚Œã‚‹ã¨ã„ã†äº‹ã‚’çŸ¥ã‚ŒãŸã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ https://github.com/shokai/nhk-news-app zipã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ https://github.com/shokai/nhk-news-app/releases node-webkitã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªä½œæˆã®ãŸã‚ã«webkitãŒæ”¹é€ ã•ã‚ŒãŸwebãƒ–ãƒ©ã‚¦ã‚¶ã§ã€HTML/JavaScript/CSSãŒå®Ÿè¡Œã§ãã‚‹ã ã‘ã§ãªãnode.jsã®APIã‚‚ãã®ã¾ã¾å‘¼ã³å‡ºã›ã‚‹ã€‚ ã¤ã¾ã‚ŠjQueryã§DOMæ“ä½œã™ã‚‹ã¨åŒæ™‚ã«nodeã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã‚ˆã†ãªå‡¦ç†ãŒã€åŒã˜ãƒ—ãƒã‚°ãƒ©ãƒ ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ã¦æ›¸ã‘ã‚‹ã€‚å¤‰ã«ãƒ–ãƒªãƒƒã‚¸ã‚’æ›¸ãäº‹ãªãã„ã¤ã‚‚ã®nodeã®ã‚ˆã†ã« require(â€˜ãƒ¢ã‚¸ãƒ¥
katryo 2014/02/06
node

webkit

nhk

app

JavaScript

HTML

web

Node.js
ãƒªãƒ³ã‚¯
DevDocs
New documentation: Linux man pages
katryo 2014/01/30
JavaScript

API

css

html

html5

CSS3
ãƒªãƒ³ã‚¯
CodeMirror
Extensible Code Editor CodeMirror is a code editor component for the web. It can be used in websites to implement a text input field with support for many editing features, and has a rich programming interface to allow further extension. This is a CodeMirror field, configured for editing JavaScript code. Features Accessibility Works well with screen readers and keyboard-only users. Mobile Support
katryo 2014/01/24
HTML

Javascript
ãƒªãƒ³ã‚¯
ä¸–ã®ä¸ã®HTML5ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒç³žã ã‹ã‚‰ã€ä¿ºãŒã€ŒåˆæœŸåŒ–ã€ã®ä½œã‚Šæ–¹ã‚’æ•™ãˆã¦ã‚„ã‚“ã‚ˆ - mizchi's blog
2chã¾ã¨ã‚ã¿ãŸã„ãªã‚¿ã‚¤ãƒˆãƒ«ã«ã—ã¦ã¿ãŸã€‚(ã—ã¦ã¿ãŸã‹ã£ãŸ) HTML5ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¨åˆæœŸåŒ–ã¨ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®è€ƒãˆæ–¹ãŒã€ã€Œã‚¦ã‚§ãƒ–ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ã¯æœ¬å½“ã«å‡ºæ¥ã¦ãªã„ã€‚ ã¨ãã«ã‚½ã‚·ãƒ£ã‚²ã‚’ã‚¦ã‚§ãƒ–ãƒ“ãƒ¥ãƒ¼ã«è²¼ã£ã¦ã‚¹ãƒžãƒ›å¯¾å¿œã—ã¾ã—ãŸç³»ã€‚æœ¬å½“ã«ãƒ€ãƒ¡ã€‚ ã˜ã‚ƒã‚ã©ã†ã™ã‚‹ã‹ï¼ŸåŸºæœ¬çš„ã«ã€ŒåˆæœŸåŒ–ã€ã®è€ƒãˆæ–¹ã‚’ç›´ã›ã°ã©ã†ã«ã‹ãªã‚‹ã€‚ (ã“ã®è¨˜äº‹ã¯Backboneã‚’ä½¿ã†ã¨ãã«è€ƒãˆã¦ã‚‹ã“ã¨ã ã‘ã©ã€ä»–ã§ã‚‚ä¸€ç·’ã ã¨æ€ã†) å‰æ ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã‚„SEOã¯è€ƒæ…®ã—ãªã„ åŸºæœ¬å“²å¦ å…±é€šãƒ¢ãƒ‡ãƒ«ã®åˆæœŸåŒ–ã‚’å¾¹åº•çš„ã«è¡Œã† ã‚µãƒ¼ãƒãƒ¼ã«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’æŠ•ã’ã‚‹ã®ã¯æœ€å°é™ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚µãƒ¼ãƒãƒ¼ãƒ¢ãƒ‡ãƒ«ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’ä½œã‚Šã€æ›´æ–°ãŒæœŸå¾…ã•ã‚Œã‚‹ã¾ã§å†å–å¾—ã—ãªã„ ç†ç”± ã„ãã‚‰DOMã®æœ€é©åŒ–ã—ãŸã¨ã“ã‚ã§UXã«å½±éŸ¿ãŒå¤§ãã„ã®ã¯ã‚µãƒ¼ãƒãƒ¼ãƒªã‚¯ã‚¨ã‚¹ãƒˆ(200~2000ms)ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ®µéšŽã§è¾›ã•ãŒã‚ã¤ã¾ã‚‹ã®ã¯éžåŒæœŸå‡¦ç†ã®éƒ¨åˆ†ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒžã¨ã—
katryo 2013/09/25
HTML

html5

javascript

backbone
ãƒªãƒ³ã‚¯
jQueryã§èƒŒæ™¯ç”»åƒã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç„¡é™ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹
ç”»åƒã®æº–å‚™ ã¨ã‚Šã‚ãˆãšã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ç”»åƒã‚’ç”¨æ„ã—ã¾ã™ã€‚ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹ã®ã§ç¶™ãŽç›®ã®ãªã„ç”»åƒã‚’ä½œæˆã—ãŸæ–¹ãŒã„ã„ã‹ã‚‚ã§ã™ã€‚ ä½œæˆã—ãŸã‚‰ã€Œbg.pngã€ã¨ã„ã†åå‰ã§ä¿å˜ã—ã¾ã™ã€‚ ä»Šå›žã¯ã“ã‚“ãªç”»åƒã‚’ä½œæˆã—ã¦ã¿ã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã—ã‚‡ã¼ã„ã¨ã‹è¨€ã£ã¦ã¯ã„ã‘ãªã„ï¼ html+cssã§ãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ã«ç”»åƒã‚’é…ç½® html+cssã¯ç‰¹åˆ¥ãªã“ã¨ã¯ãªãæ™®é€šã«ä½œã‚Šã¾ã™ã€‚ ç”»åƒã¯bodyã®ã€Œbackgroundã€ã§é…ç½®ã—ã¦ã¿ã¾ã—ãŸã€‚ html <body> <div id="container"> <h1>jQueryã§ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã‚’ç„¡é™ãƒ«ãƒ¼ãƒ—</h1> <p> ã“ã®ãƒšãƒ¼ã‚¸ã¯jQueryã§ãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ç”»åƒã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã§ã™ã€‚ </p> </div> </body> css body{ background: #A6E9FF url(bg.png) repeat-x; margin
katryo 2013/04/12
jQuery

CSS

HTML

javascript

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

èƒŒæ™¯ç”»åƒ

èƒŒæ™¯
ãƒªãƒ³ã‚¯
Bootstrap
Introducing Google Bootstrap. Need reasons to love Google Bootstrap? Look no further. By nerds, for nerds. Forked from Twitter Bootstrap, built by todc, Google Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web. Made for everyone. Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as I
katryo 2013/01/21
é–“é•ã„æŽ¢ã—ã‹

bootstrap

google

HTML

CSS
ãƒªãƒ³ã‚¯
link_toã«HTMLã‚¿ã‚°ã‚’å«ã‚€æ–‡å—åˆ—ã‚’æŒ‡å®šã™ã‚‹æ–¹æ³• - æ£®è–«ã®æ—¥è¨˜
Rails | 21:15 | Railsã®link_toã§HTMLã‚¿ã‚°ã‚’å«ã‚€æ–‡å—åˆ—ã«ãƒªãƒ³ã‚¯ã‚’è²¼ã‚ã†ã¨ã™ã‚‹ã¨ã€å…ƒã®æ–‡å—åˆ—ãŒã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ä»¥ä¸‹ã®ã‚ˆã†ã«link_toã®ãƒ–ãƒãƒƒã‚¯æ§‹æ–‡ã¨ã™ã‚‹ã“ã¨ã§è§£æ±ºã—ã¾ã—ãŸã€‚ link_to(edit_task_path(content), :class => 'btn btn-info') do %> i class="icon-pencil icon-white">i> Edit end %> å‚è€ƒï¼šRails3ã®link_toãƒ˜ãƒ«ãƒ‘ãƒ¼ã§ã€ç”»åƒã¨æ–‡å—åˆ—ã«ãƒªãƒ³ã‚¯ã‚’è²¼ã‚‹
katryo 2012/11/25
rails

HTML

icon
ãƒªãƒ³ã‚¯
Rubyã§URLã‚’æŠ½å‡ºã—ã¦ãƒªãƒ³ã‚¯ã™ã‚‹ï½œDIGITAL SQUADãƒ–ãƒã‚°
Rubyã§URLã‚’æŠ½å‡ºã—ã¦ãƒªãƒ³ã‚¯ã™ã‚‹ Rubyã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰æŠ•ç¨¿ã•ã‚ŒãŸå†…å®¹ã«URLãŒå«ã¾ã‚Œã¦ã„ã‚‹å ´åˆã«ã€ã‚¢ãƒ³ã‚«ãƒ¼ã‚¿ã‚°ã§ãƒªãƒ³ã‚¯ã™ã‚‹ã€‚ ã‚ˆãã¿ã‹ã‘ã‚‹ã‚½ãƒ¼ã‚¹ã ã¨require 'uri' def string_to_link(html_string) URI.extract(html_string).uniq.each{|url| html_string.gsub!(url,"#{url}") } html_string endã“ã‚Œã ã¨http://yoursiteurl.jp/bbs/ã‚‚http://yoursiteurl/sit emapã‚‚ã™ã¹ã¦ http://yoursiteurl.jp/ãŒãƒžãƒƒãƒã™ã‚‹ãŸã‚ã«ã€å…¨ã¦ãŒhttp://yoursiteurl.jp/ã®ãƒªãƒ³ã‚¯ã«ãªã£ã¦ã—ã¾ã†ã€‚ ãªã®ã§ã€ãã‚Œã‚‰ã‚’åŒºåˆ¥ã™ã‚‹ãŸã‚ã«URLã¨æ€ã‚ã‚Œã‚‹æ–‡å—åˆ—ã®ç›´å¾ŒãŒåŠè§’è‹±å—ã€åŠè§’æ•°å—ã€ã‚¢ãƒ³ãƒ€ãƒ¼ãƒãƒ¼ã€ã‚¹ãƒ©ãƒƒã‚·ãƒ¥ä»¥å¤–ã®
katryo 2012/11/20
HTML

ruby
ãƒªãƒ³ã‚¯
Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. $(".chosen-select").chosen({disable_search_threshold: 10}); Default Text Support Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is
katryo 2012/11/15
jQuery

Javascript

github

jQuery

HTML
ãƒªãƒ³ã‚¯
1ãƒ©ãƒ³ã‚¯ä¸Šã®ã€ŒHTML5ã€åˆ¶ä½œã«æ¬ ã‹ã›ãªã„ã‚µã‚¤ãƒˆãƒ»ãƒ„ãƒ¼ãƒ«ãƒ»ã‚¢ãƒ—ãƒªã®ã¾ã¨ã‚21å€‹ï¼
ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã®ã»ã‚“ã ã§ã™(ãƒ»Ã…ãƒ»)âˆ« jsdo.itã€nakamapã€Paberishã€HTML5å®ŸåŠ›ãƒ†ã‚¹ãƒˆã¨ã„ã£ãŸè‡ªç¤¾é‹å–¶Webã‚µãƒ¼ãƒ“ã‚¹ã® HTML5ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã£ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ï¼ ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€å‰µç«‹1å‘¨å¹´ï¼ éžå¸¸ã«æ‰‹å‰å‘³å™Œã§ã¯ã”ã–ã„ã¾ã™ãŒã€ å¼Šç¤¾HTMLãƒ•ã‚¡ã‚¤éƒ¨ãŒå‰µç«‹ã‹ã‚‰1å¹´ã«ãªã‚Šã¾ã—ãŸã£ï¼ãƒ»uãƒ» HTMLãƒ•ã‚¡ã‚¤éƒ¨ã¯ã€ã€ŒHTML5ã€æŠ€è¡“ã‚’è»¸ã«ã€æ§˜ã€…ãªè¡¨ç¾ã«æŒ‘æˆ¦ã—ã¦ã„ãã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’é›†ã‚ãŸéƒ¨ç½²ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯ã€HTMLãƒ•ã‚¡ã‚¤éƒ¨ã®ä¸€å‘¨å¹´ã‚’å‹æ‰‹ã«è¨˜å¿µã—ã¦ã€ HTMLãƒ•ã‚¡ã‚¤éƒ¨ã®ãƒ¡ãƒ³ãƒãƒ¼ã‹ã‚‰ã‹ãé›†ã‚ã¦ããŸã€HTML5ã‚µã‚¤ãƒˆåˆ¶ä½œãƒ„ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ã¾ã™ï¼ ãƒ„ãƒ¼ãƒ«ç³»ã®ã‚µã‚¤ãƒˆ
katryo 2012/11/13
HTML

CSS

ãƒ„ãƒ¼ãƒ«

html5

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

WEBã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
KataPad.com is for sale | HugeDomains
KataPad.com This domain is for sale Fill out the form on the rightbelow. One of our domain experts will em ail you a price within 24 hours.
katryo 2012/11/05
HTML

javascript

webåˆ¶ä½œ

programming

css3

HTML5
ãƒªãƒ³ã‚¯
Androidã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°
Androidã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ä½¿ã£ã¦ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã™ã‚‹ã¨æ¥½ã€‚ç‰¹ã«Ajaxãªã‚µã‚¤ãƒˆã‹ã‚‰ã‚‚ãƒ‡ãƒ¼ã‚¿ã‚’æ‹¾ãˆã‚‹!Read less
katryo 2012/11/01
java

Android

Javascript

Ajax

scraping

HTML

ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°
ãƒªãƒ³ã‚¯
http://kudox.jp/java-script/createjs-preloadjs
katryo 2012/10/29
Javascript

PreloadJS

CreateJS

HTML
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸