ナビゲーションメニューデザインã®å‚考ã«ãªã‚‹PSDç´ æMini Navigation by Danie... / Simple black UI menu by ... / Web Application Menu by ...ä»–...å…¨11件
[CSS]スタイルシートã®é‡ã‚’å°‘ã—減らã—ãŸã€æ–°ã—ã„clearfix -micro clearfix
A new micro clearfix hack デモページ [ad#ad-2] 「clearfixã€ã¯ãƒ•ãƒãƒ¼ãƒˆã—ãŸè¦ç´ ãŒè¦ªè¦ç´ ã‹ã‚‰ã¯ã¿å‡ºã—ã¦ã—ã¾ã†ã®ã‚’回é¿ã™ã‚‹ã‚‚ã®ã§ã€å½“サイトã§ã‚‚ã„ãã¤ã‹ç´¹ä»‹ã—ã¦ãã¾ã—ãŸã€‚ 今回紹介ã™ã‚‹ã®ã¯ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®é‡ã‚’æ›´ã«æ¸›ã‚‰ã—（classåã‚‚çŸã）ã—ãŸã€Œmicro clearfixã€ã§ã™ã€‚ ã“ã®æ–°ã—ã„clearfixã®å¯¾å¿œãƒ–ラウザã¯ã€ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ Firefox 2+ Safari 2+ Chrome Opera 9.27+ IE 6+, IE Mac IE6 ã«ã‚‚対応ã—ã¦ã„ã‚‹ã®ã¯å¬‰ã—ã„ã¨ã“ã‚ã§ã™ã€‚
CSS3を出力ã™ã‚‹Photoshopプラグイン「CSS3Ps〠* R4 * Webサービスレビューサイト
Photoshopã§ä½œæˆã—ãŸã‚ªãƒ–ジェクトをCSS3ã§å‡ºåŠ›ã—ã¦ãれるプラグイン「CSS3Psã€ã®ã”紹介ã§ã™ã€‚ Photoshopã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯CS3～CS6ã¾ã§å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ¬ãƒ“ューã§ã¯CS6を使用ã—ã¦ã„ã¾ã™ã€‚ サイトã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã€å³ä¸Šã®ãƒœã‚¿ãƒ³ã‹ã‚‰CSS3Psをダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ファイルを開ãã¨ã€Adobe Extension ManagerãŒèµ·å‹•ã—ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå®Œäº†ã¨ãªã‚Šã¾ã™ã€‚ 次ã«Photoshopã‚’èµ·å‹•ã—ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã®ã€Œã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã€>「エクステンションã€>「CSS3Psã€ã‚’é¸æŠžã™ã‚‹ã¨ã€ãƒ‘ãƒãƒ«ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ オブジェクトを作æˆã—ã¦ã€CSS3を出力ã—ãŸã„レイヤーをé¸æŠžçŠ¶æ…‹ã«ã—ã¾ã™ã€‚ ãã®çŠ¶æ…‹ã§CSS3Psã®ãƒ‘ãƒãƒ«ã‚’クリックã—ã¾ã™ã€‚ （複数ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’é¸æŠžã™ã‚Œã°ã€ãã‚Œãžã‚Œã®ã‚ªãƒ–ジェクトã®CSS3ãŒåã出ã•ã‚Œã¾ã™ã€‚） ã™ã‚‹ã¨ã€ãƒ–ラウザãŒç«‹ã¡ä¸ŠãŒã‚Šã€è‡ªå‹•çš„ã«å‰²ã‚Šå½“ã¦ã‚‰ã‚ŒãŸURL
作æ¥æ™‚é–“ã‚’10分ã®1ã«ã§ãã¦ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã‚³ãƒ¼ãƒ€ãƒ¼ã®ãŠäº’ã„ãŒå¹¸ã›ã«ãªã‚Œã‚‹ãƒ—ラグイン「SPECCTRã€ãŒç´ 晴らã—ã„。
ã‚„ã‚„ã†ã•ã‚“ãã•ã„æ„Ÿã˜ã®ã™ã‚‹ã‚¿ã‚¤ãƒˆãƒ«ã§ã™ãŒã€ãƒ›ãƒ³ãƒˆã®è©±ãªã‚“ã§ã™ã€‚ 海外ã®ã‚µã‚¤ãƒˆã‚’見ã¦ã„ã¦ãŸã¾ãŸã¾è¦‹ã¤ã‘ã¦è©¦ã—ã¦ã¿ãŸã¨ã“ã‚「ã“ã®ãƒ—ラグインを使ãˆã°ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼è‡ªèº«ã€ãã—ã¦ã‚³ãƒ¼ãƒ€ãƒ¼ã®ãŠäº’ã„ãŒå¹¸ã›ã«ãªã‚Œã‚‹ã£!ã€ã¨æ€ã£ãŸã®ã§å…¨åŠ›ã§ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ SPECCTRã«ã¤ã„ã¦ã”ãç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨â€¦ フォントåやオブジェクトã®ã‚µã‚¤ã‚ºã€é–“éš”ã€è‰²ãªã©ã‚’ボタン一ã¤ã§å»ºç¯‰ã®è¨è¨ˆå›³ã®ã‚ˆã†ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä»•æ§˜ã‚’書ã出ã›ã‚‹ ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ã“ã‚Œã¾ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å–ã‚Šã‹ã‹ã‚‹éš›ã«ã€ãƒœã‚¿ãƒ³ã®ã‚µã‚¤ã‚ºã‚„レイアウト間隔をæ£ç¢ºã«èª¿ã¹ãŸã‚Šã™ã‚‹ã«ã¯å…ƒãƒ‡ãƒ¼ã‚¿ã‚’ã„ã¡ã„ã¡é–‹ã„ãŸã‚Šã—ãªã‘ã‚Œã°ãªã‚‰ãšã€åœ°å‘³ãªãŒã‚‰éžå¸¸ã«æ‰‹é–“ã®ã‹ã‹ã‚‹ä½œæ¥ãŒå¿…è¦ã§ã€ãれらを一覧ã«ã§ãる良ã„方法ãŒç„¡ã„ã®ãŒå®Ÿæƒ…ã§ã—ãŸã€‚ ã¾ãŸã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‹ã‚‰ã‚³ãƒ¼ãƒ€ãƒ¼ã«ãƒ‡ãƒ¼ã‚¿ã‚’渡ã—ã¦ã€ã„ã–ã‚ãŒã£ã¦æ¥ãŸæ™‚ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã¿ã‚‹ã¨ã€ã¨ã“ã‚ã©ã“ã‚変ã‚ã£ã¦ã„る部分ãŒã‚ã£ãŸã‚Šã—ã¦ã€ç›¸äº’ã®ç„¡é§„
Retina時代ã®Web制作
Retinaディスプレイをæ載ã—ãŸiPhone 4ãŒç™ºå£²ã•ã‚Œã¦ä¸€å¹´åŠã€‚ å··ã§ã¯é«˜è§£åƒåº¦ã®iPadã‚„MacBookã®ç™ºå£²ãŒå™‚ã•ã‚Œã€Mac OS Xã§ã¯iPhoneã®Retinaディスプレイã«ç›¸å½“ã™ã‚‹HiDPIモードãŒã»ã¼å®Œæˆã«è¿‘付ã„ã¦ã„ã¾ã™ã€‚ ã“れら高解åƒåº¦ãƒ‡ã‚£ã‚¹ãƒ—レイをæ載ã—ãŸç’°å¢ƒã§ã¯ã€äº’æ›æ€§ã‚’ç¶æŒã™ã‚‹ãŸã‚ã€ä½Žè§£åƒåº¦ã®ç’°å¢ƒã«åˆã‚ã›ã¦ä½œã‚‰ã‚ŒãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯åŸºæœ¬çš„ã«ä½Žè§£åƒåº¦ã®ã¾ã¾è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãã‚Œã¯ã‚¦ã‚§ãƒ–ブラウザã«ãŠã„ã¦ã‚‚例外ã§ã¯ã‚ã‚Šã¾ã›ã‚“。従æ¥ã®ã‚¦ã‚§ãƒ–ページã¯ä½•ã®å•é¡Œã‚‚ç„¡ã表示ã•ã‚Œã¾ã™ãŒã€æ–°ã—ã„高解åƒåº¦ã®ãƒ‡ãƒã‚¤ã‚¹ã«ã¯ã€æ–°ã—ã„高解åƒåº¦ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æä¾›ã—ãŸã„ã‚‚ã®ã§ã™ã€‚ Retinaディスプレイをæ載ã—ãŸiPadã€ãã—ã¦ãƒ‘ソコンãŒæ™®åŠã—ãŸæ™‚ã€ã‚¦ã‚§ãƒ–制作ã®æ‰‹æ³•ã‚‚変化を求ã‚られã¾ã™ã€‚æ¥ã‚‹ã¹ã時代ã«å‚™ãˆã€ä»Šã®ã†ã¡ã«Retinaディスプレイã¸ã®å¯¾å¿œæ–¹æ³•ã‚’確èªã—ã¦ãŠãã¾ã—ょã†ã€‚ ※ 以下ã«è¨˜ã—ãŸæ‰‹æ³•ã¯Ma
UI＆UX / é‡è¦ãªã®ã¯ã€æ¯Žæ—¥ã•ã‚ã£ã¦å¬‰ã—ã„ UI UX!
第1å›žã‚¹ãƒžãƒ›ãƒ‡ã‚¶ã‚¤ãƒ³ä¼šè° #sdkaigi AQUA SOCIAL DRIVE - http://aquadrive.jp/ Newers - http://www.newers.net/ Pelo - http://www.pelo.jp/ Cotto - http://cotto.jp/ Pelo's Puzzle - http://www.bascule.co.jp/pelopuzzle/ Bascule Inc. - http://www.bascule.co.jp/ Bascule GO! - http://www.facebook.com/BasculeGo
国内ã®iPhoneアプリã§ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå‚考ã«ãªã£ãŸWebサイトã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…容ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ュリティ上ã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ 以å‰ã‹ã‚‰ã¡ã‚‡ã„ã¡ã‚‡ã„ブックマーク ã—ã¦ã„ãŸã‚“ã§ã™ãŒã€ã„ã¤ã®é–“ã«ã‹å¢— ãˆã¦ãŸã®ã§ä¸€è¦§åŒ–ã—ã¦ã¿ãŸã„ã¨æ€ã„ ã¾ã™ã€‚国内ã®iPhoneアプリサイト㧠WebデザインãŒå‚考ã«ãªã£ãŸã‚µã‚¤ãƒˆã® ã¾ã¨ã‚。ã‚ã‚“ã¾ã‚Šç„¡ã„ã§ã™ãŒãƒ»ãƒ» 個人的ãªå‚™å¿˜éŒ²ã¨ãƒ¡ãƒ¢æ›¸ãã§ã™ã€‚探ã—方も悪ã„ã¨æ€ã„ã¾ã™ã®ã§æ•°ã¯ã•ã»ã©ç¶²ç¾…ã—ã¦ã„ã¾ã›ã‚“。「ã‚ãã“凄ã„ç´ æ•µãªã®ã«è¼‰ã£ã¦ãªã„ã€ã¿ãŸã„ãªã”æ„見ã‚ã‚Šã¾ã—ãŸã‚‰ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã«ã¦ã”æ•™æŽˆé ‚ã‘ã¾ã™ã¨å¹¸ã„ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§è¦‹ãŸã„ã®ã¯ã‚¢ãƒ—リã§ã¯ã‚ã‚Šã¾ã›ã‚“ã®ã§Webサイトã¸ã®ãƒªãƒ³ã‚¯ã—ã‹ã‚ã‚Šã¾ã›ã‚“ã€‚é †ä¸åŒã¨ãªã£ã¦ã„ã¾ã™ã€‚シェア系アプリãŒå¤šã„ã§ã™ã€‚ MogSnap 食ã¹ãŸã‚‚ã®ã‚’写真ã§è©•ä¾¡ã€å…±æœ‰ã™ã‚‹iPhoneアプリ。写真系ãªã®ã§ã“ã†ã„ã£ãŸã‚¹ãƒ©ã‚¤ãƒ‰ãŒã‚ã‚‹ã¨ã‚¢ãƒ—リã®æ¦‚è¦ã‚’イメージã—ã‚„ã™ã„ã§ã™ã。
Webデザインã®ãƒªãƒ³ã‚¯é›† | ズãƒãƒƒã‚¯
デザイン制作 (522) é›»å機器メーカー (69) å·¥æ¥ãƒ¡ãƒ¼ã‚«ãƒ¼ (59) エコ (29) ファッション (262) 美容・癒ã—・å¥åº· (108) æºå¸¯ãƒ»é€šä¿¡ (33) 金èžãƒ»è¨¼åˆ¸ãƒ»æ ªãƒ»ä¿é™º (27) åŒ»ç™‚ãƒ»ç—…é™¢ãƒ»ä»‹è· (80) 建築・ä¸å‹•ç”£ (141) 教育・å¦æ ¡ (116) 転è·ãƒ»äººæ・採用 (11) 自動車・ãƒã‚¤ã‚¯ (51) 航空・鉄é“・é‹é€æ¥ (33) é£²æ–™ãƒ»é£Ÿå“ (190) 飲食店 (79) ホテル・旅館・旅行 (77) スãƒãƒ¼ãƒ„ (53) 音楽 (36) アート (159) ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆ (76) 雑貨・家具 (133) マーケティング (20) ãã®ä»– (513)
38 Mobile (iPhone) Sites - Web Designer Wall
As you may probably know mobile design is getting more and more popular, particularly the iPhone design. Almost every popular website or web app offers a mobile version now. In this post, I’ve collected a list of 38 nicely designed sites (ranging from personal, blog, portoflio, editoral, web app, etc.) that are optimized for iPhone. I hope this list will come in handy when you need to design a mob
Internet Explorer 6 No More - ie6nomore.com | Home
Check out the code samples for different styles and languages, or just copy and paste the following code onto your site: <!–[if lt IE 7]> <div style=’border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;’> <div style=’position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;’><a href=’#’ onclick=’javascript:t
ドットパターンã®ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ç´ æã¾ã¨ã‚「30 Free Polka Dot Backgroundsã€
ã•ã¾ã–ã¾ãªå¹´ä»£ã®å¥³æ€§ã‹ã‚‰æ„›ã•ã‚Œã‚‹æ™®éçš„ãªãƒ‘ターン「ドットã€ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«åˆã‚ã›ãŸã•ã¾ã–ã¾ãªè¡¨ç¾ãŒã§ãるパターンã¨ã—ã¦åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã“ã§ä»Šå›žã¯ã€ãƒ‰ãƒƒãƒˆãƒ‘ターンã®ã‚¢ã‚¤ãƒ‡ã‚¢ã¨ã‚‚ãªã‚Šãã†ãªãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ç´ æã‚’ã¾ã¨ã‚ãŸã€Œ30 Free Polka Dot Backgroundsã€ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ （Polka Dots） カラフルãªãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ã€ã‚·ãƒƒã‚¯ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã§ã•ã¾ã–ã¾ãªãƒ‘ターンãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ä¸ã§ã‚‚æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ピックアップã—ã¾ã—ãŸã®ã§ã€ä¸‹è¨˜ã‹ã‚‰ã”覧ãã ã•ã„。 詳ã—ãã¯ä»¥ä¸‹ â– Retro Polka Dots レトãƒãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’演出ã™ã‚‹ãƒ‰ãƒƒãƒˆãƒ‘ターン。å¤ç‰©é›‘貨店ãªã©ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã´ã£ãŸã‚Šã§ã™ã€‚ â– Polka Dots 18 – Backgrounds & Photoshop Patterns ç´°ã‹ãªãƒ‰ãƒƒãƒˆãƒ‘ターンãŒä¸¦ã³ã¾ã™ã€‚ã•ã‚Šã’ãªãデザインã«é£¾ã‚Šã‚’åŠ ãˆãŸã„時ã«ãŠã™
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
鮮やã‹ãªè‰²åˆã„ãŒç›®ã‚’引ãデザインã®WEBサイト25個 | designaholic
続ãã¯ã“ã¡ã‚‰ã‹ã‚‰ã©ã†ãž Showcase of Vibrant Colors in Web Design 一æ©é–“é•ã†ã¨ãŸã ã†ã‚‹ã•ã„ã ã‘ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã—ã¾ã„ãã†ã§ã™ãŒã€é®®ã‚„ã‹ãªè‰²ä½¿ã„ã®ã‚µã‚¤ãƒˆã¯è¦‹ã¦ã„ã‚‹ã ã‘ã§ã‚‚楽ã—ã„ã§ã™ã。
ランã‚ング
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
マークアップエンジニア ãŸã‚™ã‹ã‚‰ã†ã‚Œã—ã„ Fireworksã®ä½¿ã„æ–¹ã‚ã‚Œã“ã‚Œ
ウェブデザインã®ã‚»ãƒ³ã‚¹ã‚’å¦ã¼ã†ã€2012年上åŠæœŸæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIデザインã®ã¾ã¨ã‚
LogoSauce - Recent logos
sp-web.jp
S5-Style
Site Under Maintenance
indeza.jp
{{#tags}}- {{label}}
{{/tags}}