æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
ディテールã«ã“ã ã‚ã£ãŸã€ç¾Žã—ã„デザインã®ãƒŠãƒ“ゲーション集
1ピクセルã®ãƒ©ã‚¤ãƒ³ã€ç´°ã‹ã„エレメントã€ç¾Žã—ã„グラデã€ç¹Šç´°ãªãƒ†ã‚¯ã‚¹ãƒãƒ£ãªã©ã‚’使用ã—ã¦ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã«ã“ã ã‚ã‚Šã¤ã¤ã€ä¸»å¼µã—ã™ãŽãªã„ç´ æ™´ã‚‰ã—ã„ナビゲーションをDribbbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
ココを押ãˆã¦ãŠã‘ã°CSS3ãŒã ã„ãŸã„分ã‹ã‚‹ãƒ„ール集 | 日刊ウェブãƒã‚°å¼
CSS3 Generator CSS3ã®å„ブラウザã”ã¨ã®å¯¾å¿œçŠ¶æ³ã®ç¢ºèªã¨ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®ç”ŸæˆãŒåŒæ™‚ã«è¡Œãˆã‚‹ä¾¿åˆ©ãƒ„ール。対応状æ³ã¯ãƒ–ラウザã®ã‚¢ã‚¤ã‚³ãƒ³ã®ä¸Šã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’æŒã£ã¦ã„ãã¨è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ Official Site CSS3 Gradient Generator v2.0 グラデーションã®ã‚³ãƒ¼ãƒ‰ã‚’åã出ã™ãƒ„ール。カラーピッカーãªã©ã‚’使ã£ã¦ç›´æ„Ÿçš„ã«æ“作ã§ãã‚‹ Official Site CSS Border Radius ボーダーã®è§’丸を表ç¾ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’åã出ã™ãƒ„ール。四辺ã®å‘¨å›²ã«ã‚る数値を変更ã™ã‚‹ã ã‘ã§ã™ã€‚ Official Site Button Maker ç”»åƒã‚’一切使ã‚ãšã«CSSã ã‘ã§ã‚¯ãƒ¼ãƒ«ãªãƒœã‚¿ãƒ³ã‚’作æˆã€‚グラデーションã€è§’丸ã€å½±ãªã©ã®èª¿ç¯€ãŒå¯èƒ½ Official Site CSS3, please! å·¦å´ã®ã‚³ãƒ¼ãƒ‰ã‚’書ãã‹ãˆã‚‹ã¨ã€ãƒ—レビューãŒå³ä¸Šã®ãƒ—レビューãŒå¤‰åŒ–ã—ã¾ã™ã€‚CSS3テス
iPadã®ã‚µã‚¤ãƒˆé–‹ç™ºã€ã‚¢ãƒ—リ紹介ç‰ã®ã‚¨ãƒ³ãƒˆãƒªè‰²ã€…:phpspot開発日誌
iPadãŒæ—¥æœ¬ã§ã‚‚発売ã¨ã„ã†ã“ã¨ã§iPad 関連ã®ã‚¨ãƒ³ãƒˆãƒªç‰ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ テレビãªã©ã§ã‚‚紹介ã•ã‚Œã¦ãŠã‚Šã€ãã‚Œãªã‚Šã®å£²ã‚Œè¡ŒããŒäºˆæƒ³ã•ã‚Œã‚‹ãŸã‚ã€ã‚µã‚¤ãƒˆé–‹ç™ºè€…ã®æ–¹ã¯iPadã¸ã®æœ€é©åŒ–ãªã©ã‚’準備ã—ã¦ãŠãã¨ã‚ˆã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 サイト開発 iPad用ã®ã‚µã‚¤ãƒˆä½œæˆã«è¦šãˆã¦ãŠãã“ã¨è‰²ã€… iPadã«æœ€é©åŒ–ã—ãŸã‚µã‚¤ãƒˆãŒã¤ãれるã‹ã‚‚ã—ã‚Œãªã„5ã¤ã®æ–¹æ³•ï¼ˆåŸºæœ¬ç·¨ï¼‰ - EC studio デザインブãƒã‚° JavaSciprt/PHPã«ã‚ˆã‚‹iPad検出コード例ã¨.htaccessã«ã‚ˆã‚‹ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆä¾‹ アプリ関連 iPadã‚’è²·ã£ãŸã‚‰ã¾ãšæœ€åˆã«æ¤œè¨Žã™ã¹ã iPadアプリ40本+α | tobu iPhone 10 Must Have iPad Apps for Designers | Inspired Magazine デザイナーå‘ã‘ã®iPadアプリ１ï¼é¸ ãã®ä»– ASCII.jp：iPadã‚’è²·ã†ï¼ ãã®å‰ã«
House of Buttons
A collection of great UI buttons spotted in the wild. Curated by MaxButtons. Â Submissions welcome.
スタイルシートã§ç¸¦æ›¸ã - 縦書ã用CSS - tategaki.info
縦書ãレイアウト用スタイルシートã§ã™ã€‚JavaScriptãªã©ã‚’使用ã›ãšã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¿ã§ç¸¦æ›¸ãを実ç¾ã§ãã¾ã™ã€‚ 縦書ãWebレイアウト用ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ "tate-style.css"ã§ã™ã€‚コピーã—ã¦ãŠä½¿ã„ãã ã•ã„。 ※ 2013.03.27 font-familyè¨å®šã‚’アップデート。 ※ 2011.07.03 ç´°ã‹ã€œã„ä¿®æ£ã‚’ã—ã¾ã—ãŸã€‚詳ã—ã㯠→ ã“ã¡ã‚‰ã§ã€‚ @charset 'UTF-8'; /* 縦書ãレイアウト用スタイルシート tate-style.css last updated : Mar 27 , 2013 [email protected] http://freefielder.jp http://tategaki.info/ */ div.tate-area{ float:right; font-size:12pt; } div.tate-area a{ col
ã†ã£ã¨ã‚Šã—ã¦ã—ã¾ã†ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸Webサイト30
2017å¹´6月29æ—¥ Webデザイン シングルページã®Webサイトã¯ã‚ã¾ã‚Šã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒãªã„å ´åˆãƒ»ã²ã¨ã¤ã®ç‰©ã‚’強調ã—ãŸã„å ´åˆã«åŠ¹æžœçš„ã§ã™ã€‚Javascriptを使ã£ã¦ãŠã‚‚ã—ã‚ã„å‹•ãã‚’ã¤ã‘ãŸã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚‚ãŸãã•ã‚“ã‚ã‚Šã€1ページã®ä¸ã«ãŸãã•ã‚“ã®ã‚¢ã‚¤ãƒ‡ã‚¢ãŒã¤ã¾ã£ã¦ã„ã¾ã™ï¼ã“ã“ã§ã¯ä¸–ç•Œä¸ã®Webサイトã®ä¸ã‹ã‚‰ç¾Žã—ã個性的ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã‚’紹介ã—ã¾ã™ã€‚次ã®Webサイトデザインã®å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ â†‘ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã®Webサイトギャラリー pikaboo http://www.pikaboo.be/ フルFlashã®ã‚µã‚¤ãƒˆã‹ã¨æ€ã£ãŸã‚‰Javascriptã§æ»‘らã‹ãªå‹•ãを表ç¾ã—ã¦ã„ã¾ã—ãŸï¼å¿…è¦‹ï¼ Think Green Meeting http://www.thinkgreenmeeting.com/ 車ã¨é£›è¡Œæ©Ÿã®ã‚¤ãƒ©ã‚¹ãƒˆãŒãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§æ¶ˆãˆã¦ã„ãã¾ã™ï¼
Appleã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ãŸã‚ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«15 – creamu
Appleã®ã‚µã‚¤ãƒˆã®ã‚ˆã†ãªã€ã‹ã£ã“ã„ã„インターフェースを実装ã—ãŸã„。 ãã‚“ãªã‚ãªãŸã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Ž15 Incredible Apple Webdesign Style Coding Tutorialsã€ã€‚Appleã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ãŸã‚ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ã§ã™ã€‚ ã‹ãªã‚Šã‹ã£ã“ã„ã„ã®ãŒæƒã£ã¦ã„ã¾ã™ã‚ˆã€‚ A Beautiful Apple-style Slideshow Gallery With CSS & jQuery Appleã®è£½å“紹介ã§ä½¿ã‚ã‚Œã¦ã„るよã†ãªã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€‚jQueryã§å‹•ä½œã—ã€PHPã‚„DBã¯å¿…è¦ãªã„ Apple style Accordion Menu Appleã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ã§ä½¿ã‚ã‚Œã¦ã„るよã†ãªã€ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ How to: Recreate apple.com menubar Appleã®ã‚°ãƒãƒ¼ãƒãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚ˆãã€ã‚½ãƒ¼ã‚¹ã‚‚綺麗。
ボックスè¦ç´ をレンガ状ã«ç¶ºéº—ã«æ•´åˆ—ã•ã›ã‚‹ã€ŒjQuery Masonryã€ãŒå‡„ã„:phpspot開発日誌
ボックスè¦ç´ をレンガ状ã«ç¶ºéº—ã«æ•´åˆ—ã•ã›ã‚‹ã€ŒjQuery Masonryã€ãŒå‡„ã„ã§ã™ã€‚ 普通ã€é«˜ã•ã®é•ã†ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã‚’ float ã¨ã‹ã§ä¸¦ã¹ã‚‹ã¨æ¬¡ã®ã‚ˆã†ãªã€ã©ã†è¦‹ã¦ã‚‚見れãªã„å´©ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹jQuery Masonry を使ã†ã¨ã€æ¬¡ã®ã‚ˆã†ã«ã€ç¶ºéº—ã«ãƒ†ãƒˆãƒªã‚¹ã£ã½ã整列ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ ↓↓↓↓↓↓↓↓↓↓ ã“れを実ç¾ã™ã‚‹ã®ã«å¿…è¦ãªJavaScript コードã¯ä»¥ä¸‹ã®ã‚ˆã†ã«æ•°è¡Œã€‚ã“ã‚Œã§å®Ÿç¾å¯èƒ½ã§ã™ã€‚ $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); ã“ã®ä»•çµ„ã¿ã‚’使ã£ã¦ãƒ–ãƒã‚°ç‰ã‚’表示ã™ã‚‹ã¨ã‚‚ã£ã¨é¢ç™½ã„ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ æ–°èžã£ã½ããªã‚Šã¾ã—ãŸã。 ブラウザ幅を変ãˆã‚‹äº‹ã§ã„ã‚ã„ã‚ãªè¦‹ãˆæ–¹ã«ãªã‚‹ã®ã‚‚é¢ç™½ã„ã§ã™ã€‚ 以下ã®ã‚¨ãƒ³ãƒˆãƒªã‚’å‚ç…§ã—ã¦ãã ã•ã„。 jQuery Masonry ? B
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}