Concept, 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 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
HTMLãã¡ã¤é¨ã®ã»ãã ã§ããã·ã¥ã ããã¼ã¸é·ç§»ããèãã ãã§ã¾ã¯ã¾ã¯ãã¾ãããï¼ åã¯å¤§å¥½ãã§ãã Web Creator's Contest Qï¼HTMLãCSSãJavaScript ã¨ã³ã¸ãã¢ã®ããã®ã³ã³ãã¹ããµã¤ãï¼ã§ã¯ã ãã¼ã¸é·ç§»ã»ç»é¢é·ç§»ããã¼ãã«ããã³ã³ãã¹ããéå¬ä¸ã§ãã ã¨ã¦ã好è©ã§ã5åç®ã¨ãªã£ãå½ã³ã³ãã¹ãã ä»åã®ãã¼ãããåã®å ¥ã£ãã³ã¼ããããããæç¨¿ããã¦ãã¾ãï¼ é åçãªç»é¢é·ç§»ã¨ãã§ã¯ãã®ã³ã¼ãéï¼ Cubic Transition â»ãâ¶Playããã¿ã³ãã¯ãªãã¯ï¼
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
This is a jquery iPad2 simulator, this is only an experiment of what can be done with javascript in ast browsers
Sencha Animatorã使ãã°ãããã¾ã§ã®ãªããã¡ãã£ã¢åºåã«å¹æµããCSSï¼åºåã使ãããã¨ãã§ãã¾ããæåãç»åãã¹ã ã¼ãºã«é·ç§»ãããã¢ãã¡ã¼ã·ã§ã³ã使ããããã°ã©ãã¼ã·ã§ã³ãããã£ããã¿ã³ããã¶ã¤ã³ããããããã«åæç¨ã®ãã©ããã³ã°ã³ã¼ããåãè¾¼ãã ããããã¨ãSencha Animatorã®ä¸ã§è¡ãã¾ããã¾ãããããã¯å ¨ã¦Webæ¨æºæè¡ã使ã£ã¦ã§ãããã¨ã§ãã ãããã®æ¨æºæè¡ã使ãã°ãç¾å¨ãã¹ã¯ãããç¨ã®ãã©ã¦ã¶åãã®ãªããã¡ãã£ã¢åºåã§ä½¿ããã¦ããã»ã¼å ¨ã¦ã®æ©è½ã¯ãApple iOSãBlackBerry Torchãããã¦Google Androidåãã«ç§»æ¤ã»åç¾ãããã¨ãå¯è½ã§ãã CSSï¼åºåã«ã¤ãã¦ä¼ç»ã»æ¤è¨ããã¦ããåºå代çåºãåºåå¶ä½ä¼ç¤¾ã®çæ§ãSencha Animatorã®åºå使è åããªãã·ã§ã³ã«ã¤ãã¦ãåãåãããã ããã åºå使è åããªãã·
å é±ã® 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 ã«ã¤ã㦠å è¨äºã§ã¯ããã«æ¬é¡ã«é²ãã§ããã®ã§ãããããã§ã¯
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}