[B! JavaScript][CSS] OfficeRiverHeadã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

OfficeRiverHead id:OfficeRiverHead

JavaScriptã¨CSSã«é–¢ã™ã‚‹OfficeRiverHeadã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (27)

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

Startupç”¨ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒä½œæˆã§ãã‚‹PSDã‹ã‚‰HTML/CSS/JSã¾ã§ã‚»ãƒƒãƒˆã«ãªã£ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Startup Design Framework
Startupç”¨ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã‚ˆãè¦‹ã‹ã‘ã‚‹1ãƒšãƒ¼ã‚¸ã§æ§‹æˆã•ã‚ŒãŸã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒç”¨æ„ã•ã‚ŒãŸPSDã‹ã‚‰ã€HTML/CSS(LESSã‚‚)/JavaScriptã¾ã§ã‚»ãƒƒãƒˆã«ãªã£ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚ã‚³ãƒ¼ãƒ€ãƒ¼ã‚‚ã€ãã—ã¦ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãŠã„ã¦æã¯ãªã„ã§ã—ã‚‡ã†ï¼ Startup Design Framework Startup Design Frameworkã¯æœ‰æ–™ç‰ˆã¨ãƒ‡ãƒ¢ç‰ˆã®2ç¨®é¡žãŒã‚ã‚Šã€ã“ã“ã§ã¯ãƒ‡ãƒ¢ç‰ˆã‚’ä¸å¿ƒã«ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ç‰ˆã¨ã„ã£ã¦ã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã§100MBè¶…ãˆãªã®ã§ã€ã™ã”ã„ãƒœãƒªãƒ¥ãƒ¼ãƒ ã§ã™ã‚ˆã€‚ã—ã‹ã‚‚å•†ç”¨åˆ©ç”¨ã§ã‚‚ç„¡æ–™ï¼ ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã€ä¸‹è¨˜ãƒšãƒ¼ã‚¸ã®ä¸‹ã®æ–¹ã‹ã‚‰ã€‚ Startup Demo ãƒ‡ãƒ¢ã§ã¯11ç¨®é¡žã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€2ç¨®é¡žã®ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆãŒå…¥ã£ã¦ã¾ã™ã€‚æœ‰æ–™ç‰ˆã¯80ç¨®é¡žã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨25ç¨®é¡žã®ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã§ã™ã€‚ ãƒ€
OfficeRiverHead 2013/12/19
Startup

PSD

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

CSS

HTML

JavaScript

design

framework
ãƒªãƒ³ã‚¯
uibox.in
This domain may be for sale!
OfficeRiverHead 2013/08/30
javascript

HTML

CSS

component

library

*Webåˆ¶ä½œ

ui
ãƒªãƒ³ã‚¯
è‡ªé¯–ã«è¨ç½®ã—ã¦HTMLã€CSSã€JSã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§é–‹ç™ºã—ã¦éŠã¹ã‚‹ã€ŒEditrã€:phpspoté–‹ç™ºæ—¥èªŒ
Editr - HTML, CSS, JavaScript playground è‡ªé¯–ã«è¨ç½®ã—ã¦HTMLã€CSSã€JSã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§é–‹ç™ºã—ã¦éŠã¹ã‚‹ã€ŒEditrã€ã€‚ ã„ã¤ã§ã‚‚ã©ã“ã§ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ãŒã‚ã‚Œã°é–‹ç™ºãŒã§ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã«ã™ã‚‹ãŸã‚ã®é¯–è¨ç½®åž‹ã‚¨ãƒ‡ã‚£ã‚¿ã€‚ ã‚³ãƒ¼ãƒ‰ãƒã‚¤ãƒ©ã‚¤ãƒˆæ©Ÿèƒ½ãŒã¤ã„ã¦ã„ã‚‹ãŸã‚ã€ç·¨é›†ã‚‚ã—ã‚„ã™ãã€ç·¨é›†çµæžœã‚‚ã™ãè¦‹ã‚‰ã‚Œã‚‹ã®ã§å¦ç¿’ç”¨ã«ã‚‚ã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Flipboardé¢¨ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å®Ÿç¾ã™ã‚‹ãŸã‚ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œflipã€ å‰ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒãƒƒã‚¯ã¾ã¨ã‚ã€ŒBrowserhacksã€ ãƒ–ãƒ©ã‚¦ã‚¶ã‚µã‚¤ã‚ºã«å¿œã˜ã¦srcã‚„widthã‚’ç½®ãæ›ãˆã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒResponsive Imgã€ CSSã®ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œçŠ¶æ³ãŒä¸€ç™ºã§åˆ†ã‹ã‚‹ã€ŒBrowserSupportã€ ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã®éŸ³å£°å†ç”Ÿã«ä½¿ãˆã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã€ŒAudio5jsã€
OfficeRiverHead 2013/05/30
Editr - HTML, CSS, JavaScript playground è‡ªé¯–ã«è¨ç½®ã—ã¦HTMLã€CSSã€JSã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§é–‹ç™ºã—ã¦... via phpspoté–‹ç™ºæ—¥èªŒ http://phpspot.org/blog/

Must

ã‚ã¨ã§ã¿ã‚‹
ãƒªãƒ³ã‚¯
HTML/CSS/JavaScriptã‚’ç·¨é›†ã—ã¦ãã®å ´ã§çµæžœç¢ºèªÂ·Editr MOONGIFT
Editrã¯Webä¸Šã§HTML/CSS/JavaScriptã‚’ç·¨é›†ã—ã¦çµæžœã‚’ç¢ºèªã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ æœ€è¿‘ã€Jsdo.itã®ã‚ˆã†ã«Webä¸Šã§ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ãã®çµæžœã‚’ç¢ºèªã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã®äººæ°—ãŒã‚ã‚Šã¾ã™ã€‚ãã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ç‰ˆã¨ã§ã‚‚è¨€ã†ã¹ããªã®ãŒEditrã§ã™ã€‚ çµæžœãƒšãƒ¼ã‚¸ã€‚ JavaScriptã®ç·¨é›†ã‚’è¡Œãˆã¾ã™ã€‚ ã“ã¡ã‚‰ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€‚ HTMLã€‚ã“ã®3ã¤ã‚’çµ„ã¿åˆã‚ã›ã¦çµæžœãƒšãƒ¼ã‚¸ã«ãªã‚Šã¾ã™ã€‚ è¤‡æ•°ã®HTMLã‚’åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã¾ã™ã€‚ Editrã¯HTML/CSS/JavaScriptã‚’Webä¸Šã§è¨˜è¿°ã—ã¦ã€ãã®çµæžœã‚‚ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ç¢ºèªãŒã§ãã¾ã™ã€‚ã¡ã‚‡ã£ã¨ã—ãŸã‚³ãƒ¼ãƒ‰ã‚’è©¦ã—ãŸã‚Šã€ä¸€éƒ¨ã®æ©Ÿèƒ½ã ã‘ã‚’å–ã‚Šå‡ºã—ã¦éŠã‚“ã§ã¿ã‚‹ã¨è¨€ã£ãŸæ™‚ã«ä½¿ãˆãã†ã§ã™ã€‚ Editrã¯JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆMIT Licenseï¼‰ã§ã™ã€‚ MOONGIFTã¯ã“ã†è¦‹ã‚‹ ãƒ—ãƒ¬ã‚¤ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰çš„ãªã‚µãƒ¼ãƒ“ã‚¹ã¯ç‰¹ã«Web
OfficeRiverHead 2013/05/20
webservice

webã‚µãƒ¼ãƒ“ã‚¹

javascript

css

HTML
ãƒªãƒ³ã‚¯
jsdo.it
This domain may be for sale!
OfficeRiverHead 2013/02/16
HTML

html5

CSS3

CSS

JavaScript

ãƒ†ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
CSSã§é«˜åº¦ãª3Dè¡¨ç¾ãŒã§ãã‚‹ã¨è©±é¡Œã®ã€ŒSprite3D.jsã€ã§ä½œã£ãŸå‡„ã„ãƒ‡ãƒ¢
Sprite3D.js, a small lib... / Carton Box / CSS 3D GLOBEä»–...å…¨8ä»¶
OfficeRiverHead 2013/02/14
CSSã§é«˜åº¦ãª3Dè¡¨ç¾ãŒã§ãã‚‹ã¨è©±é¡Œã®ã€ŒSprite3D.jsã€ã§ä½œã£ãŸå‡„ã„ãƒ‡ãƒ¢ã¾ã¨ã‚8ã¤

JavaScript

CSS

CSS3
ãƒªãƒ³ã‚¯
[JS]ä¾¿åˆ©ã§ç°¡å˜ï¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚„ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»OSã”ã¨ã«åˆ†å²ã—ã¦åˆ©ç”¨ã§ãã‚‹è¶…è»½é‡é«˜é€Ÿã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Conditionizr
IE6/7/8/9/10, Firefox, Chrome, Safari, Operaãªã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§ãªãã€Win, Mac Linuxãªã©ã®OSã€iPadã‚„iPhoneã®Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ç”¨ã«æ¡ä»¶åˆ†å²ã—ã¦ã€å¤–éƒ¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚„ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ãƒãƒ¼ãƒ‰ã•ã›ãŸã‚Šã€classã‚’ä»˜ä¸Žã—ã¦HTMLã§åˆ©ç”¨ã§ããŸã‚Šã™ã‚‹è¶…è»½é‡é«˜é€Ÿã®å˜ä½“ã§å‹•ä½œã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Conditionizr Conditionizrã®ç‰¹å¾´ Conditionizrã®ä½¿ã„æ–¹ Conditionizrã®ç‰¹å¾´ Conditionizrã¯jQueryã‚ˆã‚Š50%é«˜é€Ÿã«å‹•ä½œã—ã€æ¡ä»¶ä»˜ãã®JavaScriptã¨CSSã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹3KBã®è¶…è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ æ¡ä»¶ä»˜ãã®HTMLã‚¿ã‚° æ¡ä»¶ä»˜ãã®å¤–éƒ¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚„ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¼ãƒ‰ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã•ã‚ŒãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ã‚‚å¯¾å¿œ IE, Firefox, Chrome, Safar
OfficeRiverHead 2013/01/31
*åˆ¶ä½œï¼šãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—

ä½œã‚‹

javascript

CSS

åˆ†å²
ãƒªãƒ³ã‚¯
jQueryã¨CSS3ã‚’ä½¿ã£ãŸã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è©³ã—ãèª¬æ˜Žã—ã¾ã™ï½œWebpark
jQueryã¨CSS3ã‚’ä½¿ã£ãŸã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã®ã§ã€ä½œã‚Šæ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã‹ãªã‚Šé•·ããªã‚Šã¾ã™ãŒã€ãŠå½¹ã«ç«‹ã¦ã°ã†ã‚Œã—ã„ã§ã™ã€‚ è‰²ã€…äº‹æƒ…ãŒã‚ã£ã¦IEã§ã”è¦§ã«ãªã£ã¦ã„ã‚‹æ–¹ã®ãŸã‚ã«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚‚è¼‰ã›ã¦ãŠãã¾ã™ã€‚ã‚«ãƒ†ã‚´ãƒªãƒ¼ï¼“ã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã¦ã„ã‚‹ã¨ã“ã‚ã§ã™ã€‚ ãã‚Œã§ã¯ã‚³ãƒ¼ãƒ‰ã‚’è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ HTML ã¾ãšã¯HTMLã§ã™ã€‚ç„¡é§„ã«é•·ã„ã§ã™ãŒä¸€å¿œè¼‰ã›ã¾ã™ã€‚ <ul id="accordion"> <li><a href="#">ã‚«ãƒ†ã‚´ãƒªãƒ¼ï¼‘<span class="arrow rotate"></span></a> <ul id="active"> <li><a href="#">ã‚µãƒ–ã‚«ãƒ†ã‚´ãƒªãƒ¼ï¼‘</a></li> <li><a href="#">ã‚µãƒ–ã‚«ãƒ†ã‚´ãƒªãƒ¼ï¼’</a></li> <li><a href="#">ã‚µãƒ–ã‚«ãƒ†ã‚´ãƒªãƒ¼ï¼“</a></li> </ul> </li> <l
OfficeRiverHead 2013/01/26
*åˆ¶ä½œï¼šãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—

jquery

CSS3

css

JavaScript

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

webdesign
ãƒªãƒ³ã‚¯
[JS]å¤šå½©ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å‚™ãˆãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä¸€è¡Œã‚‚æ›¸ã‹ãšã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Cycle.js
ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚‚ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚‚æ›¸ã‹ãšã«ã€å¤šå½©ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç”»åƒãŒã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã†ã„ã†å®Ÿè£…æ–¹æ³•ãŒã“ã‚Œã‹ã‚‰å¢—ãˆã¦ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ Cycle.js Cycle.js -GitHub å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ä¸‹è¨˜ã®é€šã‚Šã€‚ IE8+ Chrome Firefox Safari Opera TODOã¨ã—ã¦ã€ARIAã®ã‚µãƒãƒ¼ãƒˆã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰æ“ä½œã€IE7å¯¾å¿œã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®è¿½åŠ ã‚’äºˆå®šã—ã¦ã„ã‚‹ãã†ã§ã™ã€‚ ã„ã¤ã‚‚ã¯ã€ãƒ‡ãƒ¢ã€ä½¿ã„æ–¹ã€ã®é †ç•ªã§ç´¹ä»‹ã—ã¦ã„ã¾ã™ãŒä»Šå›žã¯ãƒ‡ãƒ¢ã¨ä½¿ã„æ–¹ã‚’ä½µã›ã¦ã”ç´¹ä»‹ã€‚ Cycle.jsã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— Cycle.jsã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ Cycle.jsã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’headå†…ã«ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’</body>ã®ä¸Šã«å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <title>Cycle.js</titl
OfficeRiverHead 2013/01/25
*åˆ¶ä½œï¼šãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

CSS

Class

webdesign

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

javascript

jQuery

ã‚¹ãƒ©ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
è¦‹ã‚‹ã ã‘ã§ã‚‚ãƒ¯ã‚¯ãƒ¯ã‚¯ã™ã‚‹ã€CSS3ã¨jQueryã®ã‹ã£ã“ã„ã„7ã¤ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ
ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ãŸçž¬é–“ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®ã‚’å¼•ãã¤ã‘ã‚‹ã‚ˆã†ãªCSS3ã¨jQueryã‚’ä½¿ã£ãŸã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®ã‹ã£ã“ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Typography Effects with CSS3 and jQuery [ad#ad-2] ã‹ã£ã“ã„ã„7ã¤ã®ãƒ‡ãƒ¢ å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆ ã‹ã£ã“ã„ã„7ã¤ã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯7ã¤ã‚ã‚Šã€ã©ã‚Œã‚‚ãƒˆã‚ãƒ¡ã‚¯ã‚ˆã†ãªã‹ã£ã“ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ã™ã€‚ ãƒ‡ãƒ¢ã‚’æ¥½ã—ã‚€ã«ã¯ã€Chrome, Safari, Firefoxã§ã”è¦§ãã ã•ã„ã€‚ Demo 1
OfficeRiverHead 2012/12/21
*åˆ¶ä½œï¼šãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—

CSS

css3

JavaScript

jQuery

plugin

typography

ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼

webdesign
ãƒªãƒ³ã‚¯
Compare PHP, Java, Python, JavaScript & CSS Frameworks Â» Best Web Frameworks
After 15 years I'm announcing the closure of Bestwebframeworks.com. This decision was not made lightly and it comes with mixed emotions. While this chapter is coming to an end, I am somewhat proud of what we have achieved together. Hoping that the shared knowledge and experiences gained here will continue to enrich your decisions to choose the most suitable web framework for your needs while the w
OfficeRiverHead 2012/11/12
*ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼šå‚è€ƒ

æ¯”ã¹ã‚‹

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

PHP

Ruby

JavaScript

CSS

HTML

html5

Python
ãƒªãƒ³ã‚¯
HTML5, CSS3, JSã§ãƒžãƒ«ãƒãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚’ä½œã‚Œã‚‹ã€ŒTideSDKã€:phpspoté–‹ç™ºæ—¥èªŒ
HTML5, CSS3, JSã§ãƒžãƒ«ãƒãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚’ä½œã‚Œã‚‹ã€ŒTideSDKã€ 2012å¹´09æœˆ12æ—¥- TideSDK | Create multi-platform desktop apps with HTML5, CSS3 and JavaScript HTML5, CSS3, JSã§ãƒžãƒ«ãƒãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚’ä½œã‚Œã‚‹ã€ŒTideSDKã€ã€‚ å…ƒã€…ã¯TitaniumDesktopã¨ã—ã¦é–‹ç™ºã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€TideSDKã¨ã„ã†åå‰ã«ãªã£ãŸã£ã½ã„ã€‚ Windows, Mac, Linux ã®ã‚¢ãƒ—ãƒªã‚’WEBé–‹ç™ºè¨€èªžã§é–‹ç™ºã§ãã‚‹TitaniumMobileã¿ãŸã„ãªä»•çµ„ã¿ã§ã™ã€‚ ã‚¹ãƒžãƒ›ã ã‘ã˜ã‚ƒãªãã¦ã‚„ã£ã±ã‚Šãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚‚æ¬²ã—ã„ã¨ã„ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã‹ã‚‰ã€ã“ã†ã„ã†ä»•çµ„ã¿ã§ã•ã£ãã‚Šã¨ã‚„ã£ã¦ã—ã¾ã„ãŸã„ã§ã™ãã€‚ Windowsç‰ˆã‚¢ãƒ—ãƒª Linuxç‰ˆã‚¢ãƒ—ãƒª Mac
OfficeRiverHead 2012/09/15
CSS

css3

HTML

html5

javascript

ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
Adobeã€HTML/CSS/JavaScriptã§ã§ããŸæ¬¡ä¸–ä»£ã‚³ãƒ¼ãƒ‰ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã€ŒBracketsã€ã‚’ç™ºè¡¨
OfficeRiverHead 2012/07/02
HTML

Adobe

css

editor

javascript
ãƒªãƒ³ã‚¯
Loading...
OfficeRiverHead 2012/06/20
HTML

html5

jQuery

CSS

CSS3

javascript
ãƒªãƒ³ã‚¯
LESSã‚’ã¯ã˜ã‚ã‚ˆã†ã¨æ€ã£ãŸã‚‰ã¨ã‚Šã‚ãˆãšBootstrapã®mixinsã‚’å…¥ã‚Œã¦ãŠãã¨ä¾¿åˆ©
LESSã‚’ã¯ã˜ã‚ã‚ˆã†ã¨æ€ã£ãŸã‚‰ã¨ã‚Šã‚ãˆãšBootstrapã®mixinsã‚’å…¥ã‚Œã¦ãŠãã¨ä¾¿åˆ© LESSã«ã¯Mixinã¨ã„ã†è¤‡æ•°ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ã¾ã¨ã‚ã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ ä¾‹ãˆã°css3ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãªã©è¨å®šã—ã¦ãŠã‘ã°ã€ã‚ã¨ã§ï¼‘è¡Œã§å‘¼ã³å‡ºã™ã“ã¨ãŒã§ãã¾ã™ã€‚ ã§ã€å®Ÿéš›ä½œæˆã™ã‚‹ã«ã‚ãŸã‚Šä¸€ã‹ã‚‰ä½œã‚‹ã‚ˆã‚Š Twitter Bootstrap ã‚’åˆ©ç”¨ã™ã‚Œã°ã€ã‚ˆãä½¿ã„ãã†ãªæ©Ÿèƒ½ãŒã‚ã‚‰ã‹ã˜ã‚ã¾ã¨ã¾ã£ã¦ã‚‹ã®ã§ã„ã„ã‹ã‚‚ã—ã‚Œãªã„ã§ã™ã€‚ æŠ•ç¨¿æ—¥2012å¹´04æœˆ17æ—¥ æ›´æ–°æ—¥2012å¹´04æœˆ17æ—¥ css3ãƒ—ãƒãƒ‘ãƒ†ã‚£ æº–å‚™ãŒã§ããŸã¨ã“ã‚ã§æ—©é€Ÿä½¿ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ æœ€åˆã¯CSS3ã§è¿½åŠ ã•ã‚ŒãŸã€Œborder-radiusã€ã§è§’ä¸¸ã«ã—ã¦ã¿ã¾ã™ã€‚ ãŸã¨ãˆã°ã€Œid="box1"ã€ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ãŸã€Œdivã€ãŒã‚ã‚Šã¾ã™ã€‚ html <div id="box1"></div> é€šå¸¸ã®cssã§ã—ãŸã‚‰æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã‚ˆãã€‚ css
OfficeRiverHead 2012/04/21
LESS

Bootstrap

javascript

CSS

programming
ãƒªãƒ³ã‚¯
Post by @hamalog
jQuery.LazyJaxDavisã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æ›¸ã„ãŸã€‚ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã€ä¸€èˆ¬çš„ãªé™çš„ã«ç”Ÿæˆã•ã‚Œã‚‹ã‚ˆã†ãªã‚µã‚¤ãƒˆã‚’ã€HTML5 history APIã®åŠ›ã‚’ä½¿ã£ã¦ç´ æ•µã«ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ã—ã¾ã™ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã¨ã€ã™ã¹ã¦ã®ãƒªãƒ³ã‚¯ã‚’ã€é€šå¸¸é·ç§»ã®ä»£ã‚ã‚Šã«ã€Ajaxãƒ™ãƒ¼ã‚¹ã®ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªé·ç§»ã«ã—ã¾ã™ã€‚ãã®éš›ã€history.pushStateã—ã¦ã€é€šå¸¸ã®é·ç§»ã¨åŒã˜ã‚ˆã†ã«è¦‹ã›ã‚‹ã€‚è¨€è‘‰ã«ã™ã‚‹ã®ã¯é›£ã—ã„ã®ã§ã€å®Ÿéš›ã«ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã‚‚ã‚‰ã£ãŸã»ã†ãŒåˆ†ã‹ã‚Šã‚„ã™ã„ã¨æ€ã†ã€‚ä»¥ä¸‹ã®ã‚µã‚¤ãƒˆã®å·¦ãƒŠãƒ“ã‚’ãƒãƒãƒãƒã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ãªã‚Šã—ã¦ã€‚
OfficeRiverHead 2012/04/06
HTML

html5

CSS

css3

JavaScript

jQuery

API

history

javascript
ãƒªãƒ³ã‚¯
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your userâ€™s browser features.Modernizr tells you what HTML, CSS and JavaScript features the userâ€™s browser has to offer.Add your detects Development build What is Modernizr?Itâ€™s a collection of superfast tests â€“ or â€œdetectsâ€ as we like to call them â€“ which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
OfficeRiverHead 2012/03/29
HTML

html5

CSS

css3

JavaScript

modernizr
ãƒªãƒ³ã‚¯
ç©æ¥µçš„ã«å–ã‚Šå…¥ã‚ŒãŸã„9ã¤ã®CSS3ï¼ˆ+jQueryï¼‰ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
CSS3ï¼ˆ+jQueryï¼‰ã‚’ä½¿ã£ãŸã€ã¡ã‚‡ã£ã¨ã„ã„ã‹ã‚‚ï¼ã¨æ€ã†ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã¾ã ã¾ã éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ãŒå¤šã„ CSS3 ã§ã™ãŒã€ã§ãã‚‹ã ã‘ç©æ¥µçš„ã«ä½¿ã£ã¦ã¿ãŸã„ãªãƒ¼ã¨ã‚‚æ€ã£ã¦ã¾ã™ã€‚ ã¾ãšã¯ã„ã‚ã„ã‚è©¦ã—ã¦ã¿ã‚‹ã“ã¨ã‹ã‚‰ã¯ã˜ã‚ã¦ã¿ã¾ã—ã‚‡ã†ï¼ CSS3 ã®ç™»å ´ã§ã€ã„ã‚ã‚“ãª CSS ã®ãƒˆãƒªãƒƒã‚¯ã‚’ä½¿ã£ãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒè€ƒãˆã‚‰ã‚Œã¦ã¾ã™ã€‚ã¾ã ã¾ã CSS3 ã«éžå¯¾å¿œã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚‚å¤šã„ã®ã§ã€å…¨ã¦ã‚’ CSS3 ã§è¡¨ç¾ã™ã‚‹è¨³ã«ã¯ã„ã‹ãªã„ã®ãŒç¾çŠ¶ã§ã™ãŒã€ç§çš„ã«ã¯ç©æ¥µçš„ã«ã©ã‚“ã©ã‚“å–ã‚Šå…¥ã‚Œã¦ã„ããŸã„ãªãƒ¼ã¨ã‚‚æ€ã£ã¦ã¾ã™ã€‚ æµ·å¤–ãƒ–ãƒã‚°ãªã©ã§ã€è‰²ã‚“ãª CSS3 ã‚’ä½¿ã£ãŸ Tips ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã©ã‚Œã‚‚ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦è©¦ã—ã¦ã¿ãŸã‚‚ã®ã°ã‹ã‚Šã§ã™ã€‚ä»¥ä¸‹ã®ç’°å¢ƒã§å‹•ä½œç¢ºèªã‚‚ã—ã¦ã„ã¾ã™ã€‚ Mac : firefoxã€Safariã€Chrome Win : firefoxã€IE8ã€Safariã€
OfficeRiverHead 2012/03/28
JavaScript

jQuery

plugin

CSS

css3
ãƒªãƒ³ã‚¯
IE6ã€œ8ã§CSS3ã‚»ãƒ¬ã‚¯ã‚¿åˆ©ç”¨ã€ŒSelectivizrã€
CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ä½¿ã†ä¸Šã§å•é¡Œã¨ãªã‚‹ã®ã¯ã‚„ã¯ã‚ŠIEã§ã™ã€‚HTML5 & CSS3 Supportã§ç¢ºèªã™ã‚‹ã¨ã€IE6ï½ž8ã¯ã»ã¨ã‚“ã©å¯¾å¿œã§ãã¦ã„ãªã„ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ ãã‚“ãªIEã§ã‚‚CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã®ãŒSelectivizr.jsã§ã™ã€‚è©³ã—ãç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã‚µã‚¤ãƒˆãŒã‚ã¾ã‚Šãªã‹ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚ Selectivizrã®è¨ç½®æ–¹æ³• ã“ã“ã§æä¾›ã•ã‚Œã¦ã„ã‚‹selectivizr.jsã¨JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã§èªã¿è¾¼ã‚€ã ã‘ã§ã€CSS3ã‚»ãƒ¬ã‚¯ã‚¿ãŒIE6ï½ž8ã§ã‚‚åˆ©ç”¨å¯èƒ½ã¨ãªã‚Šã¾ã™ã€‚ã‚³ãƒ¼ãƒ‰ã‚‚å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€ã ã‘ã§ã™ã®ã§ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ <script type="text/javascript" src="[JSãƒ©ã‚¤ãƒ–ãƒ©ãƒª]"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascr
OfficeRiverHead 2012/03/28
CSS

css3

JavaScript

Library

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
Getting started | Less.js
It's CSS, with just a little more. Use with Node.js: npm install -g less > lessc styles.less styles.css Or the browser: <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less" ></script> Or try the online playground ! ðŸ†• Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official do
OfficeRiverHead 2012/03/26
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

CSS

LESS

javascript

ãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µ
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸