Tridiv | CSS 3D EditorConcept, code and design by Julian Garnier. For questions, feedback, bugs or anything related to Tridiv, contact me on twitter @TridivApp. Tridiv is licensed under Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License
Form Follows Function
Form Follows Function project is a collection of entrancing and engrossing "interactive experiences", each experience has its own unique design and functionality. The award-winning project includes a spinning navigation wheel on the website, with each interactive experience represented by a poster. By clicking on a poster, an interactive experience opens up. Each one is as much a piece of art as i
HTML5ã§ã¤ãられãŸã€ãƒšãƒ¼ã‚¸é·ç§»ãƒ»ç”»é¢é·ç§»ã®ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ãŒã™ã”ã„
HTMLファイ部ã®ã»ã‚“ã ã§ã™ã€‚シュッ 「ページé·ç§»ã€ã€èžãã ã‘ã§ã‚¾ã‚¯ã‚¾ã‚¯ã—ã¾ã›ã‚“ã‹ï¼Ÿ 僕ã¯å¤§å¥½ãã§ã™ã€‚ Web Creator's Contest Q（HTMLã€CSSã€JavaScript エンジニアã®ãŸã‚ã®ã‚³ãƒ³ãƒ†ã‚¹ãƒˆã‚µã‚¤ãƒˆï¼‰ã§ã¯ã€ ページé·ç§»ãƒ»ç”»é¢é·ç§»ã‚’テーマã«ã—ãŸã‚³ãƒ³ãƒ†ã‚¹ãƒˆã‚’開催ä¸ã§ã™ã€‚ ã¨ã¦ã‚‚好評ã§ã€5回目ã¨ãªã£ãŸå½“コンテスト。 今回ã®ãƒ†ãƒ¼ãƒžã‚‚ã€åŠ›ã®å…¥ã£ãŸã‚³ãƒ¼ãƒ‰ãŒãŸãã•ã‚“投稿ã•ã‚Œã¦ã„ã¾ã™ï¼ é…力的ãªç”»é¢é·ç§»ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ã‚³ãƒ¼ãƒ‰é›†ï¼ Cubic Transition ※「▶Playã€ãƒœã‚¿ãƒ³ã‚’クリックï¼
Web Icon Fonts | chibatch.jp
Web Icon Fonts Webフォントã§ä½¿ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€‚IE8以下ã§ã¯ä½¿ãˆãªã„ã§ã™ã€‚iOS4.1以下も多分見られãªã„。 _Download(35KB) @font-face{ font-family: 'WebIconFonts'; src: url('WebIconFonts.woff') format('woff'), url('WebIconFonts.ttf') format('truetype'); } .icon { font-family: WebIconFonts; } Arrows !Back! 1Back1 #Forward# 3Forward3 $Up$ 4Up4 %Down% 5Down5 &Done& 6Done6 'Close' 7Close7 (Plus( 8Plus8 )Minus) 9Minus9 Social Networks AAmazon
iPad2 simulator /w Css3, Jquery and HTML5 | alexw.me
This is a jquery iPad2 simulator, this is only an experiment of what can be done with javascript in ast browsers
Sencha - Sencha Animator
Sencha Animatorを使ãˆã°ã€ã“ã‚Œã¾ã§ã®ãƒªãƒƒãƒãƒ¡ãƒ‡ã‚£ã‚¢åºƒå‘Šã«åŒ¹æ•µã™ã‚‹CSS３広告を作æˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚æ–‡å—ã‚„ç”»åƒã‚’スムーズã«é·ç§»ã•ã›ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’作æˆã—ãŸã‚Šã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‹ã‹ã£ãŸãƒœã‚¿ãƒ³ã‚’デザインã—ãŸã‚Šã€ã•ã‚‰ã«åˆ†æžç”¨ã®ãƒˆãƒ©ãƒƒã‚ングコードを埋ã‚込んã ã‚Šã™ã‚‹ã“ã¨ãŒSencha Animatorã®ä¸ã§è¡Œãˆã¾ã™ã€‚ã¾ãŸã€ã“れらã¯å…¨ã¦Web標準技術を使ã£ã¦ã§ãã‚‹ã“ã¨ã§ã™ã€‚ ã“れらã®æ¨™æº–技術を使ãˆã°ã€ç¾åœ¨ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—用ã®ãƒ–ラウザå‘ã‘ã®ãƒªãƒƒãƒãƒ¡ãƒ‡ã‚£ã‚¢åºƒå‘Šã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã»ã¼å…¨ã¦ã®æ©Ÿèƒ½ã¯ã€Apple iOSã€BlackBerry Torchã€ãã—ã¦Google Androidå‘ã‘ã«ç§»æ¤ãƒ»å†ç¾ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ CSS３広告ã«ã¤ã„ã¦ä¼ç”»ãƒ»æ¤œè¨Žã•ã‚Œã¦ã„る広告代ç†åº—ã€åºƒå‘Šåˆ¶ä½œä¼šç¤¾ã®çš†æ§˜ã€Sencha Animatorã®åºƒå‘Šä½œæˆè€…å‘ã‘オプションã«ã¤ã„ã¦ãŠå•ã„åˆã‚ã›ãã ã•ã„。 広告作æˆè€…å‘ã‘オプシ
CSS3 を活用ã—ãŸãƒœã‚¿ãƒ³ç‰ã®ä½œã‚Šæ–¹ - WebOS Goodies
先週㮠Icon Creator Widget ã«ç¶šã„ã¦ã€æœ¬æ—¥ã‚‚ Opera ã®é–‹ç™ºè€…å‘ã‘サイトã‹ã‚‰ã®ãƒã‚¿ã‚’ã²ã¨ã¤ã€‚公開ã•ã‚ŒãŸã®ã¯å…ˆæœˆæœ«ãªã®ã§ã™ãŒã€ CSS3 ã® text-shadow, box-shadow, border-radius ãªã©ã‚’活用ã—ã¦ç¾Žã—ã„ボタンやボックスを作æˆã™ã‚‹æ–¹æ³•ã®è§£èª¬è¨˜äº‹ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚今後㮠Web 制作ã§ã¨ã¦ã‚‚役立ã¤ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã ã¨æ€ã†ã®ã§ã€ãã®å†…容を簡å˜ã«ã”紹介ã—ã¾ã™ã€‚ ãªãŠã€ã“ã®è¨˜äº‹ã¯ CSS3 を使用ã—ã¦ã„ã‚‹ãŸã‚ã€ãƒ–ラウザã«ã‚ˆã£ã¦ã¯æ£ã—ã表示ã•ã‚Œã¾ã›ã‚“。ãŸã¶ã‚“ Firefox, Google Chrome, Opera ã®æœ€æ–°ç‰ˆã§ã‚ã‚Œã°å¤§ä¸ˆå¤«ã‹ã¨æ€ã„ã¾ã™ï¼ˆSafari 㯠box-shadow ã«æœªå¯¾å¿œï¼‰ã€‚ text-shadow, box-shadow, border-radius ã«ã¤ã„㦠元記事ã§ã¯ã™ãã«æœ¬é¡Œã«é€²ã‚“ã§ã„ã‚‹ã®ã§ã™ãŒã€ã“ã“ã§ã¯
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}