[B! css3] hitrokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hitrok id:hitrok

css3ã«é–¢ã™ã‚‹hitrokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (35)

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

[JS]æ“ä½œæ„ŸãŒæ¥½ã—ã„ï¼å·¦å³ã«ãƒ‰ãƒ©ãƒƒã‚°ãƒ»ãƒ•ãƒªãƒƒã‚¯ã—ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Snap.js
è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ã‚’å·¦å³ã«ãƒ‰ãƒ©ãƒƒã‚°ï¼ˆãƒ•ãƒªãƒƒã‚¯ï¼‰ã—ã¦ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å·¦å³ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã™ã‚‹ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã«ã‚‚ã‚¹ãƒžãƒ•ã‚©ã«ã‚‚å¯¾å¿œã—ãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ jQueryãªã©ã®ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã¯ä¾å˜ã—ã¾ã›ã‚“ã€‚ Snap.js -GitHub Snap.jsã®ç‰¹å¾´ Snap.jsã®ãƒ‡ãƒ¢ Snap.jsã®ä½¿ã„æ–¹ Snap.jsã®ç‰¹å¾´ jQueryãªã©ã®ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¸ã®ä¾å˜ã¯ç„¡ã— CSS3ã‚’ä½¿ã£ãŸå¼·åŠ›ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ã‚¹ãƒ©ã‚¤ãƒ‰ã¯å³ãƒ»å·¦ã«å¯¾å¿œ ãƒ‰ãƒ©ãƒƒã‚°æ“ä½œã®ã‚µãƒãƒ¼ãƒˆ ãƒ‰ãƒ©ãƒƒã‚°æ“ä½œç¦æ¢è¦ç´ ã‚‚å®šç¾©å¯èƒ½ ã‚¹ãƒžãƒ•ã‚©ã®ãƒ•ãƒªãƒƒã‚¯æ“ä½œã®ã‚µãƒãƒ¼ãƒˆ ãƒ•ãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã®ã‚µãƒãƒ¼ãƒˆ ã‚¤ãƒ™ãƒ³ãƒˆã®æœ‰åŠ¹ãƒ»ç„¡åŠ¹ã®è¨å®š ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒç°¡å˜ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ IE10ã‚’å«ã‚€å…¨ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ IE7/8/9ã¯CSS3ã§ã®ä¸€éƒ¨ã®æ©Ÿèƒ½ãŒåˆ¶é™ã•ã‚Œã¾ã™ã€‚ Firefox 10+ Chrome, Safariãªã©ã®We
hitrok 2013/05/08
ã‚¹ãƒ©ã‚¤ãƒ‰

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

js

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

jQuery

CSS3

ui

*ã¤ã‹ã†
ãƒªãƒ³ã‚¯
MonodEz.com is for sale | HugeDomains
Make 12 monthly payments Pay 0% interest Start using the domain today. See details
hitrok 2013/02/25
css

CSS3

ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³

ã‚¹ãƒãƒƒãƒˆãƒ©ã‚¤ãƒˆ
ãƒªãƒ³ã‚¯
Textillate.js
About Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Usage Simply include textillate.js and it's dependencies in your project to start creating unqiue effects. Credits Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.
hitrok 2013/02/18
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

css

js

CSS3

plugin

Animation

JavaScript

jquery
ãƒªãƒ³ã‚¯
HTML5 & CSS3 Tools and Tutorials
hitrok 2012/11/30
CSS3

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿

html5

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
html5 & CSS3 ã§ä½œã‚‰ã‚ŒãŸå‡„ã„ã‚µã‚¤ãƒˆã„ã‚ã„ã‚ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
seki ã«ç¶šãã€ã€ŒãŠãŠã‹ã¿ã“ã©ã‚‚ã®é›¨ã¨é›ªã€ã‚’å¨˜ã¨å…±ã«è¦‹ã¦ãã¾ã—ãŸã€‚ é¢ç™½ã‹ã£ãŸã‚“ã§ã™ãŒã€ã“ã‚Œã€å®Œå…¨ã«å¤§äººå‘ã‘ã®æ˜ ç”»ã§ã™ãã€‚ 6 æ³ã®æˆ‘ãŒå¨˜ã¯çµ‚å§‹ã¤ã¾ã‚‰ãªãã†ã ã£ãŸã®ã§å…¨å›½ã®è¦ªå¾¡ã•ã‚“ã¯è¦æ³¨æ„ï¼ æœ€è¿‘ã¯ã€html5 & CSS3 ã§ä½œã‚‰ã‚ŒãŸå‡„ã„ã‚µã‚¤ãƒˆãŒã©ã‚“ã©ã‚“å‡ºã¦ãã¦ã¾ã™ãã€‚ ãã®è¾ºã‚Šã®ã¾ã¨ã‚è¨˜äº‹ãŒã‚ã‚Šã¾ã—ãŸã®ã§ã€ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¦ã‚§ãƒ–ã®é€²åŒ– ã“ã‚Œã¡ã‚‡ã£ã¨å‰ã«è©±é¡Œã«ãªã‚Šã¾ã—ãŸãŒã€ã™ã”ã„ã§ã™ã‚ˆãã€‚ã•ã‚‰ã«ã‚¦ã‚§ãƒ–ã®æ´å²ã¾ã§å‹‰å¼·ã§ãã‚‹ã€‚ç´ æ™´ã‚‰ã—ã„ã€‚ These Are Things - Home of the Modern World Map ã“ã‚Œå¥½ãã§ã™ã€‚ãªã‚“ã‹ã„ã„ã§ã™ã‚ˆãã€‚æš–ã‹ã„æ°—åˆ†ã«ãªã‚Œã‚‹ã€‚ ä»–ã«ã‚‚ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚µã‚¤ãƒˆãŒãŸãã•ã‚“ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ Matteo Cianfarani Lambooja AgÃªncia Digital - Goleando na Internet
hitrok 2012/09/06
HTML5

CSS3

å‹‰å¼·

*ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
CSS Arrow Please - By Simon Hoejberg - @shojberg
Create and export CSS code for a custom box with an arrow extending out from the side. Great for tooltips, flyouts and the like.
hitrok 2012/05/22
CSSã§å¹ãå‡ºã—ã‚’ä½œã‚Œã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿

css

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿

generator

css3

webåˆ¶ä½œ

å¹ãå‡ºã—
ãƒªãƒ³ã‚¯
stroll.js - CSS3 Scroll Effects
hitrok 2012/04/17
CSS3

scroll

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
A Star Wars CSS3 experiment. An AT-AT.
A css3 experiment using markup and css to create an AT-AT. Border radius, transf orms and opacity are among the properties uses.If you are viewing this on ios head over here for a static version. For some reason ios breaks with all the extra animation. I will try and find a fix for this. Â© 2011 Rua Webdesign. This is an personal experiment to find out what is possible using some of the newer CSS3 p
hitrok 2012/03/29
CSS3

*ã“ã‚Œã¯ã™ã”ã„
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã‚’å‡ºã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»scrolloramaã‚’ä½¿ã£ãŸãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚µãƒ³ãƒ—ãƒ« - ã‹ã¡ã³ã¨.net
hitrok 2012/03/23
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ï¼

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

*ã“ã‚Œã¯ã™ã”ã„

HTML5

CSS3
ãƒªãƒ³ã‚¯
2011å¹´ã€æŠ¼ã•ãˆã¦ãŠããŸã„ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®11ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
Web Design Trends in 2011 [ad#ad-2] ä»¥ä¸‹ã€å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ 1. HTML5 + CSS3 2. ã‚·ãƒ³ãƒ—ãƒ«ãªã‚«ãƒ©ãƒ¼ã‚¹ã‚ãƒ¼ãƒ 3. ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œ 4. è¦–å·®åŠ¹æžœ 5. ã‚¿ãƒƒãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ 6. å¥¥è¡Œã 7. å¤§ãã„å†™çœŸã®èƒŒæ™¯ 8. ç´ æ•µãªãƒ‰ãƒ¡ã‚¤ãƒ³å 9. QRã‚³ãƒ¼ãƒ‰ 10. ã‚µãƒ ãƒã‚¤ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ 11. Life Stream 1. HTML5 + CSS3 HTML5ã¨CSS3ã¯ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã‹ã‚‰ä»Šæ—¥ã¾ã§ã€ã‚ã¾ã‚Šå¤šãã¯ä½¿ç”¨ã•ã‚Œã¾ã›ã‚“ã§ã—ãŸã€‚ã—ã‹ã—ã€ã“ã®2011å¹´ã€å¤šãã®ã‚µã‚¤ãƒˆã§æŽ¡ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã¯ãšã§ã™ã€‚ å¤šãã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯Flashã‹ã‚‰é›¢ã‚Œã¦ã¯ã˜ã‚ã¦ã„ã¾ã™ã€‚æ¬¡ã®2ã¤ã®ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ Scribblertoo(Flash) ã“ã“ã§æ³¨æ„ã—ã¦ã»ã—ã„ã®ã¯ã€Flashã¨HTML5ã¯æ•µå¯¾ã™ã‚‹ã‚‚ã®ã§ã¯ãªã„ã“ã¨ã‚’ç†è§£ã—ã¦ãŠã„ã¦ãã ã•ã„ã€‚å•é¡Œã¯ã€
hitrok 2012/03/23
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ï¼

HTML5

*ã“ã‚Œã¯ã™ã”ã„

CSS3

ã¾ã¨ã‚

WEBãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
impress.jsã§ãƒ‰æ´¾æ‰‹ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ã¤ãã‚ã†ãœï¼
â€œHTML5ã‚¢ãƒ—ãƒªä½œã‚ã†ãœï¼â€é€£è¼‰ãŒã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã—ãŸï¼ ãƒ‡ã‚¸ã‚¿ãƒ«ãƒãƒªã‚¦ãƒƒãƒ‰ã®ç¾å½¹ã‚¢ãƒ—ãƒªã‚¯ãƒªã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼å°‚æ”»è¬›å¸«ãŒã€æœ€è¿‘ã¯ã‚„ã‚Šã®ã€ŒHTML5ãƒ»JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»CSS3ãƒ»APIã€ã®ç´¹ä»‹ã€ã¾ãŸãã‚Œã‚‰ã‚’çµ„ã¿åˆã‚ã›ãŸã€Œsampleã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ç´¹ä»‹ã¨è§£èª¬ã€ã‚’åŽ³é¸ã—åŸ·ç†ã—ã¦ã„ãã¾ã™ã€‚ æœ€è¿‘ã€ã‚»ãƒŸãƒŠãƒ¼ã§ã“ã®ã€Œimpress.jsã€ã‚’åˆ©ç”¨ã™ã‚‹æ©Ÿä¼šãŒå¤šã„ã®ã§ã™ãŒã€ãã®éš›ã«å‚åŠ è€…ã‹ã‚‰è©•åˆ¤ãŒè‰¯ã„ã®ã§ã€ã¾ãšã¯ã“ã‚Œã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ impress.jsã¨ã¯ï¼Ÿ CSS3ã‚’æ´»ç”¨ã—ãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ï¼ˆãƒ©ã‚¤ã‚»ãƒ³ã‚¹MITï¼‰ã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ å¯¾è±¡ãƒ–ãƒ©ã‚¦ã‚¶ Safariãƒ–ãƒ©ã‚¦ã‚¶ãŒç¾çŠ¶ã§ã¯æœ€ã‚‚ã‚¹ãƒ ãƒ¼ã‚ºã«å‹•ä½œã—ã¾ã™ã€‚ä¸€å¿œã€Chromeã‚‚æŽ¨å¥¨ãƒ–ãƒ©ã‚¦ã‚¶ã§ã™ã€‚ ç‰¹å¾´ ã€1ã€‘ãƒ‰æ´¾æ‰‹ãªã‚¹ãƒ©ã‚¤ãƒ‰å‹•ä½œ æœ€å¤§ã®ç‰¹å¾´ã¯æ´¾æ‰‹ã§ã‚¤ã‚±ã‚¤ã‚±ãªã‚¹ãƒ©ã‚¤ãƒ‰ã€‚å§‹ã‚ã¦ã¿ãŸäººã¯å¿…ãšè¦‹å…¥ã‚‹ã“ã¨é–“é•ã„ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚·ãƒ³ãƒ—
hitrok 2012/03/15
ãƒ—ãƒ¬ã‚¼ãƒ³

JavaScript

*ã“ã‚Œã¯ã™ã”ã„

ã‚¹ãƒ©ã‚¤ãƒ‰

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

html5

css3

impress.js
ãƒªãƒ³ã‚¯
ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªCSS3ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã€ŒCSS3 Image Galleries, Slideshows and Image Effectsã€
TOPÂ Â >Â Â WebDesignÂ Â >Â Â ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªCSS3ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã€ŒCSS3 Image Galleries, Slideshows and Image Effectsã€ é™ã‚‰ã‚ŒãŸã‚¹ãƒšãƒ¼ã‚¹ã‚’æœ‰åŠ¹ã«åˆ©ç”¨ã™ã‚‹ãŸã‚ã€ã‚‚ã£ã¨é…åŠ›çš„ã«å†™çœŸã‚’è¦‹ã›ã‚‹ãŸã‚ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ã¨ã„ã†æ–¹ã¯éžå¸¸ã«è¦†ã„ã¨æ€ã„ã¾ã™ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯CSS3ã§å®Ÿç¾ã™ã‚‹ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼é›†ã€ŒCSS3 Image Galleries, Slideshows and Image Effectsã€ã€‚ Sliding Image Panels with CSS3 æ–‡å—ã‚„ã€å†™çœŸã®å‹•ããªã©ã€ä»Šã¾ã§ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã«ã¯ãªã‹ã£ãŸã‚®ãƒŸãƒƒã‚¯ã‚„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒCSS3ã«ã‚ˆã£ã¦å®Ÿç¾ã•ã‚Œã¦ã„ã¾ã™ã€‚ã„ãã¤ã‹ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šæ—¥ã¯ãã®ä¸ã‹ã‚‰å¹¾ã¤ã‹æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è©³ã—ãã¯
hitrok 2012/03/05
CSS3

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

jQuery
ãƒªãƒ³ã‚¯
Enhancing Education with Animation Frameworks: Unlocking New Possibilities in Learning
Enhancing Education with Animation Frameworks: Unlocking New Possibilities in Learning Education in the digital age thrives on innovation. Techno logies like CSS animation frameworks are transf orming the way information is presented, making it more accessible, engaging, and effective. Animation tools have emerged as valuable assets in creating interactive educational content, fostering understandin
hitrok 2012/02/29
jQuery

plugin

CSS3

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼

*ã“ã‚Œã¯ã™ã”ã„

*ã‚„ã£ã¦ã¿ã‚‹

*use
ãƒªãƒ³ã‚¯
[CSS]box-shadowã‚’ä½¿ã£ã¦ã€ç´™ãŒãµã‚ã‚Šã¨æµ®ã‹ã‚“ã ã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¤ã‘ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
Creating Different CSS3 Box Shadows Effects [ad#ad-2] ãƒ‡ãƒ¢ å®Ÿè£… ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯box-shadowã«å¯¾å¿œã—ãŸä¸‹è¨˜ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã”è¦§ãã ã•ã„ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] å®Ÿè£… åŸºæœ¬ã¨ãªã‚‹HTML 8ã¤ã®å„ãƒ‡ãƒ¢ã®HTMLã®åŸºæœ¬ã¯åŒã˜ã§ã€classåãŒç•°ãªã‚‹ã ã‘ã§ã™ã€‚ <div class="box effect"> <h3>Effect</h3> </div> åŸºæœ¬ã¨ãªã‚‹CSS divè¦ç´ ã¨h3è¦ç´ ã®åŸºæœ¬ã¨ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã§ã™ã€‚ .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
hitrok 2012/02/28
ç´™ãŒãµã‚ã‚Šã¨æµ®ã‹ã‚“ã ã‚ˆã†ãªå½±

css3

box-shadow
ãƒªãƒ³ã‚¯
Oops... sorry. This site is optimized to Safari | NIPPON COLORS - æ—¥æœ¬ã®ä¼çµ±è‰²
Color data cited: â€œæ—¥æœ¬ã®ä¼çµ±è‰² The Traditional Colors of Japanâ€. PIE BOOKS, 2007.
hitrok 2012/02/17
æ—¥æœ¬

color

CSS3

è‰²

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSS3ã§ä½œã‚‹ãµã‚ã£ã¨æµ®ãä¸ŠãŒã‚‹ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ— â€“ creamu
ã€ŒHOW TO CREATE ANIMATED TOOLTIPS WITH CSS3ã€ã¨ã„ã†è¨˜äº‹ã§ã€CSS3ã§ä½œã‚‹ãµã‚ã£ã¨æµ®ãä¸ŠãŒã‚‹ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ DEMO å‹•ããŒè‡ªç„¶ã§æ°—æŒã¡ã„ã„ã§ã™ãã€‚ HOW TO CREATE ANIMATED TOOLTIPS WITH CSS3
hitrok 2012/02/16
CSS3

ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—

tooltip
ãƒªãƒ³ã‚¯
Ext Japan - Sencha Touchç™»å ´ - ãƒ¢ãƒã‚¤ãƒ«ç”¨HTML5ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
æ¥ç•Œåˆã®HTML5ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªç”¨ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ Sencha Touchã‚’ä½¿ãˆã°ã‚¿ãƒƒãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚’è£…å‚™ã—ãŸApple iOSã‚„ Androidç«¯æœ«ä¸Šã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®ã‚ˆã†ãªWebã‚¢ãƒ—ãƒªãŒé–‹ç™ºå¯èƒ½ã§ã™ã€‚ Webæ¨™æº–æŠ€è¡“ã«æº–æ‹ Sencha Touchã¯HTML5ã€CSS3ã€JavaScriptã«ç‰¹åŒ–ã—ãŸä¸–ç•Œåˆã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚SSencha Touchã¯ã“ã‚Œã‚‰ã®æŠ€è¡“ãŒæŒã¤åŠ›ã‚’æœ€å¤§é™ã«å¼•ãå‡ºã—ã€ã‹ã¤æŸ”è»Ÿã§æœ€é©åŒ–ã•ã‚ŒãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚Sencha Touchã§ã¯ã€éŸ³å£°ã‚„å‹•ç”»ã‚’çµ„ã¿è¾¼ã‚€ç‚ºã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„ãƒ‡ãƒ¼ã‚¿ã‚’ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚åˆ©ç”¨å¯èƒ½ã«ã™ã‚‹localStorageãƒ—ãƒã‚ã‚·ãƒ¼ãªã©ã§HTML5ã®æ©Ÿèƒ½ãŒåˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãŸSencha Touchã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã¯CSS3ã‚’æœ€å¤§é™æ´»ç”¨ã—ã¦ã¨ã¦ã‚‚å …ç‰¢ãªã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã
hitrok 2012/02/03
HTML5

iOS

é–‹ç™º

CSS3

HTML

android

senchatouch

*ã‚„ã£ã¦ã¿ã‚‹
ãƒªãƒ³ã‚¯
Victor Coulon : Mon blog High Tech
Lâ€™expansion du commerce Ã©lectronique a rÃ©volutionnÃ© la maniÃ¨re dont les entreprises interagissent avec leurs clients. En particulier, lâ€™expÃ©dition internationale estâ€¦
hitrok 2012/02/01
pathã®ã‚¢ãƒ¬ã€‚

*ã“ã‚Œã¯ã™ã”ã„

css

CSS3

UI

path
ãƒªãƒ³ã‚¯
Arctext.js - Curving text with CSS3 and jQuery
Example 1 - Curve Curved with a radius of 300 $example1.arctext({radius: 300})
hitrok 2012/01/26
æ–‡å—ã‚’ã‚«ãƒ¼ãƒ–ã•ã›ã‚‹

CSS3

jQuery
ãƒªãƒ³ã‚¯
ã„ã¾ã•ã‚‰èžã‘ãªã„ï¼žï¼œï¼› åŸºç¤Žã‹ã‚‰å¦ã¶ã€ŒHTML5ã€è¶…å…¥é–€ï¼
HTML5 æ—‹é¢¨ã€å¹ãè’ã‚Œã¦ã¾ã™ãï¼(^0^)ï¼ ã•ã¦ã€ã‚‚ã®ã™ã”ãçªç„¶ã§æç¸®ã§ã™ãŒã€ã“ã®åº¦ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã€è¨ç«‹ã—ã¾ã—ãŸï¼ æ ªå¼ä¼šç¤¾ã‚«ãƒ¤ãƒƒã‚¯ï¼ˆæœ¬ç¤¾ï¼šç¥žå¥ˆå·çœŒéŽŒå€‰å¸‚ã€ ä»£è¡¨å–ç· å½¹CEOï¼šæŸ³æ¾¤å¤§è¼”ã€http://www.kayac.comä»¥ä¸‹ã€Œã‚«ãƒ¤ãƒƒã‚¯ã€ï¼‰ã¯ã€HTMLï¼‹CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€JavaScriptÂ ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ‹…å½“ã™ã‚‹è·ç¨®ãŒæ‰€å±žã™ã‚‹ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã‚’ç™ºè¶³ã„ãŸã—ã¾ã™ã€‚ ã“ã‚Œã¾ã§HTMLãŠã‚ˆã³CSSã€JavaScriptã®æ‹…å½“è€…ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒžãŒæ‰€å±žã™ã‚‹æŠ€è¡“éƒ¨ã€ãƒ‡ã‚¶ã‚¤ãƒŠãŒæ‰€å±žã™ã‚‹æ„åŒ éƒ¨MEèª²ï¼ˆMEã¯Markup Engineerã®ç•¥ï¼‰ã«åˆ†ã‹ã‚Œã¦æ‰€å±žã—ã¦ã„ã¾ã—ãŸãŒã€æ˜¨ä»Šã®HTML5ã®é€²åŒ–ã¨æ™®åŠã‚’å—ã‘ã¦ã€HTMLã€CSSã€JavaScriptã®æ‹…å½“è€…ã¯ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã«ã¦æ´»å‹•ã‚’ã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã™ã€‚ ãã‚“ãªHTMLãƒ•ã‚¡ã‚¤éƒ¨å“¡ãŒä»Šå›žãŠé€ã‚Šã•ã›ã¦ã„ãŸã ãã®ã¯ã€ HTML5 ã«ã¤ã„ã¦åŸºç¤Žã‹ã‚‰
hitrok 2011/09/16
HTML5

ã¾ã¨ã‚

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

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

css3

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