Animated Card Stacks
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
CSS3・HTML5を利用ã—ãŸãƒŠãƒ“・タブメニューãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€Œ15 Fresh Navigation Menu Tutorial using CSS3 and HTML5ã€
CSS3・HTML5を利用ã—ãŸãƒŠãƒ“・タブメニューãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€Œ15 Fresh Navigation Menu Tutorial using CSS3 and HTML5〠CSS3ã‚„HTML5ã§è¡¨ç¾ã§ãã‚‹å‹•ãや変化ã¯ç¢ºå®Ÿã«åºƒãŒã£ã¦ãã¦ãŠã‚Šã€é‡å®ã•ã‚Œã‚‹ã‚·ãƒ¼ãƒ³ã‚‚éžå¸¸ã«å¤šã見られã¾ã™ã€‚ãã‚“ãªä¸ä»Šå›žã¯CSS3・HTML5を利用ã—ãŸãƒŠãƒ“・タブメニューãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€Œ15 Fresh Navigation Menu Tutorial using CSS3 and HTML5ã€ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ CSS3 Menu – Impressionist UI – by Valeriu Timbuc for Design Modo デザインã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆãŸã„時ã«ã¯æ˜¯éžå‚考ã«ã—ãŸã„ã€ç‹¬ç‰¹ãªå‹•ãã®ã‚るナビゲーションやタブメニューãŒã¾ã¨ã‚られã¦ã„ã¾ã™ã€‚æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ピックアップã—ã¾ã—ãŸã®ã§ã€ä¸‹è¨˜ã‚ˆã‚Šã”
ã€åŽ³é¸ã€‘日本ã®å…¨iOSプãƒã‚°ãƒ©ãƒžã«æ§ãï¼iPhoneアプリ制作ã«å‚考ã«ãªã‚Šã™ãŽã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ³ã‚¯é›†15é¸ | DX.univ
iOSアプリ開発担当ã®è…原ã§ã™ã€‚ iPhoneã‚„iPadã®ã‚¢[...]ã€åŽ³é¸ã€‘日本ã®å…¨iOSプãƒã‚°ãƒ©ãƒžã«æ§ãï¼iPhoneアプリ制作ã«å‚考ã«ãªã‚Šã™ãŽã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ³ã‚¯é›†15é¸ by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当ã®è…原ã§ã™ã€‚ iPhoneã‚„iPadã®ã‚¢ãƒ—リ開発ã¯ã™ã¹ã¦ä¸€äººã§è²©å£²ã™ã‚‹ã¨ã“ã‚ã¾ã§æŒã£ã¦ã„ã‘ã‚‹ã®ãŒé…力ã®1ã¤ã§ã™ã€‚ アプリ開発作æ¥ã‚’大ãã分類ã—ã¾ã™ã¨ プãƒã‚°ãƒ©ãƒ デザイン 販売 ã«ã‚ã‹ã‚Œã¾ã™ã€‚販売ã«é–¢ã—ã¦ã¯AppStoreãŒã‚ã‚‹ã®ã§ã€å¿ƒé…ã¯ã‚ã‚Šã¾ã›ã‚“。残りã®ãƒ—ãƒã‚°ãƒ©ãƒ ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ãŒã€ãªã‹ãªã‹ä¸¡æ–¹ã‚’å¾—æ„ã«ã™ã‚‹ã¨ã„ã†ã®ãŒé›£ã—ã„ã¨æ€ã„ã¾ã™ã€‚僕ã¯ãƒ—ãƒã‚°ãƒ©ãƒ ã¯å‡ºæ¥ã‚‹ã®ã§ã™ãŒãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‹ã‚‰ã£ãã—ダメã§ã™ã€‚ 今日ã¯ãã†ã„ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ãªãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘ã«å‚考ã«ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ³ã‚¯é›†ã‚’ã”紹介ã„ãŸã—ã¾ã™ã€‚個人ã®ã‚¢ãƒ—リ開
Googleã‹ã‚‰å¦ã¶ ヌルヌルサクサクãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ - Qiita
##スマフォwebページã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ アプリã§ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«å®Ÿè£…ã•ã‚Œã¦ã„るスライドメニューã§ã™ãŒã€webページã§ã¯ãªã‹ãªã‹ä½¿ã„心地ã®ã‚ˆã„スライドメニューãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã¯è¦‹ã‹ã‘ã¾ã›ã‚“。 スマートフォンã®ãƒ–ラウザã§ã¯javascriptã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã©ã†ã—ã¦ã‚‚ガタガタã«ãªã£ã¦ã—ã¾ã†ã—ã€ã¡ã‚‰ã¤ãやスクãƒãƒ¼ãƒ«åˆ¶å¾¡ã®ã‚ã‚“ã©ãã•ã•ã‹ã‚‰ã‚‚ã†webページã§ãƒã‚¤ãƒ†ã‚£ãƒ–アプリ並ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’実装ã™ã‚‹ãªã‚“ã¦ç„¡ç†ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ Facebookã®webページã§ã™ã‚‰ãƒœã‚¿ãƒ³ã®åå¿œã¯æ‚ªã„ã—アニメーションも動ã‹ãªã„ã—最悪ã§ã™ã€‚ ##一方Google先生ã¯ãƒ‘ーフェクトãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’実装ã—ã¦ã„㟠ã•ã™ãŒGoogleå…ˆç”Ÿï¼ ä¿ºé”ã«å‡ºæ¥ãªã„ã“ã¨ã‚’( Googleã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ä»¥ä¸‹ã®ç‚¹ã§ãƒ‘ーフェクトã§ã™ã€‚ スライドã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã¨ã¦ã‚‚滑らã‹ãƒ»ã¡ã‚‰ã¤ã‹ãªã„ ボタンã®åå¿œã«ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ãª
Galeria iPhone App
Galeria iPhone App An App for central shopping-center in St. Petersburg
(ãã®å ´ã§ç·¨é›†ã™ã‚‹UI) ã®å®Ÿè£…方法を考ãˆã¦ã¿ãŸ - Cyokodog :: Diary
ç”»é¢ä¸Šã®å¤‰æ›´ã—ãŸã„ãƒ‡ãƒ¼ã‚¿ã‚„æ–‡ç« ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ç”»é¢é·ç§»ã‚’ã›ãšãã®éƒ¨åˆ†ã®ã¿ãŒç·¨é›†å¯èƒ½çŠ¶æ…‹ã«ãªã‚‹ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®ã“ã¨ã‚’ Edit-In-Place ã‚ã‚‹ã„㯠In-Place-Editor ã¨å‘¼ã¶ãã†ã§ã™ã€‚ jQueryã§Edit-In-Place（ãã®å ´ç·¨é›†ï¼‰ã‚’実ç¾ã™ã‚‹ãŸã‚ã®ãƒ—ラグイン＆ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã„ã‚ã„ã‚ - IDEA*IDEA inplace edit ã§å§‹ã‚ã‚‹ DOM スクリプティング - è„±ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºå¿—å‘ ä»Šå›žã¯ jQuery ã«ã‚ˆã‚‹ In-Place-Editor ã®å®Ÿè£…方法ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã™ã€‚ In-Place-Editor ã®åŠ¹æžœçš„ãªä½¿ã„æ–¹ 登録文書を承èªãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã§ã¾ã‚ã™ã‚ˆã†ãªã‚·ã‚¹ãƒ†ãƒ ã®å ´åˆã€åŒä¸€æ–‡æ›¸ã«å¯¾ã—複数ユーザãŒä¿®æ£ã‚„åŠ ç†ã‚’ã™ã‚‹ã¨ã„ã†ã‚±ãƒ¼ã‚¹ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚ãã®éš›èµ·ã“ã‚‹å•é¡Œã¨ã—ã¦ã€Œãƒ‡ãƒ¼ã‚¿ç·¨é›†ä¸ã«ä»–者ã«æ›´æ–°ã‚’先越ã•ã‚Œã€ç™»éŒ²å‡¦ç†ã§æŽ’他エラーã«ãªã£ã¦ã—ã¾ã£
JavaScriptã§ä½œã‚‰ã‚ŒãŸã€è¦‹ãŸã“ã¨ãªã„UIデザインã®Webサイト
æ ªå¼ä¼šç¤¾ã‚µã‚¤ã‚¾ãƒ¼ï¼ˆCyzo inc.） / Raffael Stüken / La Moulade - Creative St...ä»–...å…¨11件
Mobile App Gallery｜tappgala.com
Mobile App Galleryã¯å„種アプリã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã§ã™ã€‚カテゴリã”ã¨ã€è‰²ã”ã¨ã«åˆ†ã‘ã¦åˆ†ã‹ã‚Šã‚„ã™ã表示ã—ã¦ã„ã¾ã™ã€‚
CSS3ã ã‘ã§ä½œã‚‹ClickableãªUI - ãらã’ã らã‘
最近ã¯HTMLã‚„CSSãらã„ã—ã‹æ›¸ã„ã¦ã„ã¾ã›ã‚“ãŒã€HTMLã‚„CSSã§ã§ãã‚‹ã“ã¨ã‚’考ãˆãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ HTML5ã‚„CSS3ã¯ã‚¯ãƒã‚¹ãƒ–ラウザ（主ã«IE）を考ãˆãŸã‚Šã™ã‚‹ã¨ã€ç¾å®Ÿçš„ã§ãªã„よã†ãªæ°—ã•ãˆã—ã¾ã™ãŒã€Mobileデãƒã‚¤ã‚¹ã«é™ã‚Œã°ã€ã‚‚ã†æ—¢ã«ä¸€èˆ¬çš„ãªæŠ€è¡“ã§ã™ã€‚ HTMLã¯ãƒ•ã‚©ãƒ¼ãƒ パーツãªã©ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªè¦ç´ ãŒã‚ã‚Šã¾ã™ã€‚ãれらã¯Perlã‚„PHPã€ã‚‚ã—ãã¯Javascriptを使ã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨å¯¾è©±ã™ã‚‹ãŸã‚ã«åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ CSSã§ã‚‚ :hover ã‚„ :activeã€:visited ãªã©ã®æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã®å¯¾è©±ãŒã§ãるセレクタã¨ã—ã¦ä½¿ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ã—ã‹ã—ã€ãれらã§ã§ãã‚‹UIã«ã¯é™ç•ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ CSS3ã§ã¯ã•ã‚‰ã«ä¾¿åˆ©ãªã‚»ãƒ¬ã‚¯ã‚¿ãŒè¿½åŠ ã•ã‚Œã¦ã„ã¦ã€ãã‚Œã¨ãƒ•ã‚©ãƒ¼ãƒ パーツãªã©ã‚’組ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã€ä»Šã¾ã§ã§ã¯Javascriptを使用ã—ãªã‘ã‚Œã°ã§ããªã‹ã£ãŸã‚ˆã†ãªUIãŒä½œã‚Œã‚‹ã¨è€ƒãˆã¾
Mac OS X 10.7 Lion Buttons with CSS3
Download the file via File menu. Works in all modern browsers (only Webkit, no “flashing†in Mozilla). Made by Thomas Maier, he works at Special Machine. View it here on Dribbble and like it if you have an account. Update: The clicked state is darker now. 03/21/11 Update: Mozilla is better supported now. 03/22/11
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Design Patterns on CodePen
Loading...
{{#tags}}- {{label}}
{{/tags}}