ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
ウェブデザインã®ã‚»ãƒ³ã‚¹ã‚’磨ã“ã†ï¼ 2013å¹´æ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIデザインã®ã¾ã¨ã‚
2013å¹´ã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„UIデザインをdribbbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 高解åƒåº¦ã®.psdã‚„.pngファイルをダウンãƒãƒ¼ãƒ‰ã§ããŸã‚Šã€å‹•ãをアニメーションgifã§æ¥½ã—ã‚ãŸã‚Šã—ã¾ã™ã€‚ 2013å¹´ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’振り返りã¤ã¤ã€æ¥å¹´ã¯ã¾ãŸã©ã‚“ãªç´ 敵ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒç”Ÿã¾ã‚Œã‚‹ã®ã‹æ¥½ã—ã¿ã§ã™ã。
ナビゲーション/メニューã®iPhoneアプリデザイン集22é¸
FINDJOB! 終了ã®ãŠçŸ¥ã‚‰ã› 2023å¹´9月29æ—¥ã«FINDJOB!を終了ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§FINDJOB!ã‚’ã”利用ã„ãŸã ã„ãŸä¼æ¥æ§˜ã€æ±‚è·è€…様ã€æ§˜ã€…ãªã”関係者様。 大変長らãFINDJOB!ã‚’ã”愛顧ã„ãŸã ãã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ IT/Webç³»ã®ä»•äº‹ã‚„求人ãŒã¾ã 広ãæ™®åŠã—ã¦ã„ãªã„é ƒã«Find Job!をリリースã—ã¦ã‹ã‚‰ ç´„26å¹´é–“ã€å¤šãã®æ–¹ã€…ã«æ”¯ãˆã¦ã„ãŸã ãã€é‹å–¶ã‚’続ã‘ã¦ã¾ã„ã‚Šã¾ã—ãŸã€‚ 転è·æˆåŠŸã®ãŠå£°ã€æŽ¡ç”¨æˆåŠŸã®ãŠå£°ãªã©ã€å¬‰ã—ã„言葉もãŸãã•ã‚“ã„ãŸã ãã¾ã—ãŸã€‚ ã¾ãŸFINDJOB!経由ã§å…¥ç¤¾ã•ã‚ŒãŸæ–¹ãŒäººäº‹æ‹…当ã«ãªã‚Šã€ FINDJOB!を通ã˜ã¦ã€æ–°ãŸãªäººæã«å‡ºä¼šã†ã“ã¨ãŒã§ããŸãªã©ã€ ãŸãã•ã‚“ã®ã”ç¸ã‚’ã¤ãã‚‹ã“ã¨ãŒã§ããŸã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ãŠã‚Šã¾ã™ã€‚ 2023å¹´9月29日をもã£ã¦ã€FINDJOB!ã¯ãã®æ´å²ã®å¹•ã‚’下ã‚ã™ã“ã¨ã¨ãªã‚Šã¾ã—ãŸãŒã€ 今後もã€IT/Webæ¥ç•Œã‚„クリエイティブ
Facebookã¿ãŸã„ã«textareaã®ä¸€éƒ¨ã‚’強調ã™ã‚‹ - Qiita
Facebookã§äººç‰©ã‚’補完ã™ã‚‹ã¨ã€ãã®äººç‰©åã®å‘¨ã‚Šã«æž ãŒè¡¨ç¤ºã•ã‚Œã¦å¼·èª¿ã•ã‚Œã¾ã™ã‚ˆã（gifç”»åƒå‚照）。 ã“ã‚Œã®ã‚„り方を解説ã—ã¾ã™ã€‚ TL;DR textareaã®å¼·èª¿è¡¨ç¤ºã¯ã€textareaã‚’é€æ˜Žã«ã—ã¦å¾Œã‚ã«ã„ã„æ„Ÿã˜ã®èƒŒæ™¯ã‚’è¨ç½®ã—ã¦ã‚‹ã ã‘ textareaã®ä¸ã«DOMを入れã¦ã‚‚表示ã•ã‚Œãªã„ パッã¨è€ƒãˆã‚‹ã¨textareaã®ä¸ã«DOMツリーを入れるã¨ãã‚ŒãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨æ€ã†ã‹ã‚‚知れã¾ã›ã‚“ ãŒã€ãœã‚“ãœã‚“ãã‚“ãªã“ã¨ã¯ç„¡ãã¦ã€ãã®ã¾ã¾æ–‡å—列ãŒè¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ã”å˜çŸ¥ã®ã‚ˆã†ã«textareaã‚„inputã¯ã€ä»–ã®è¦ç´ ã®ã‚ˆã†ã«åè¦ç´ を表示ã™ã‚‹ã®ã§ã¯ãªãã€è‡ªèº«ã®value属性ã®å€¤ã‚’ç”»é¢ã«è¡¨ç¤ºã™ã‚‹åƒãã‚’ã—ã¾ã™ã€‚value属性ã¯æ–‡å—åˆ—ã‚’æ ¼ç´ã™ã‚‹ãŸã‚ã®ã‚‚ã®ãªã®ã§DOMを入れられãªã„ã‚ã‘ã§ã™ã。 強調用ã®DOMã‚’é‡ãã‚ã‚ã›ã‚‹ textareaã«ã¯DOMã‚’ãã®ã¾ã¾å…¥ã‚Œã‚‰ã‚Œãªã„ã®ã§ã€ä»•æ–¹ãŒãªã周り
スマホUI考（番外編）　ãªãœæ©Ÿèƒ½è¿½åŠ ã‚’ã—続ã‘ã‚‹ã¨ã‚¢ãƒ—リãŒç ´ç¶»ã™ã‚‹ã®ã‹ï¼Ÿ | fladdict
ã“ã®å†™çœŸã¯ã€ã‚¢ãƒ¼ãƒŸãƒ¼ãƒŠã‚¤ãƒ•ã®å門ウェンガー社ã®ã‚¸ãƒ£ã‚¤ã‚¢ãƒ³ãƒˆãƒŠã‚¤ãƒ•ã¨ã„ã†æœ€é«˜ç´šãƒŠã‚¤ãƒ•ã§ã‚る。141ã®æ©Ÿèƒ½ã‚’æŒã¤ã€ã‚®ãƒã‚¹èªå®šã‚‚ã•ã‚ŒãŸåŽšã•24cmã€é‡é‡1.3kgã®ä¸–ç•Œã§æœ€ã‚‚高機能ãªãƒŠã‚¤ãƒ•ã 。トップメーカーãŒè‡ªç¤¾è£½å“ã®å…¨æ©Ÿèƒ½ã‚’１ã¤ã«é›†ç´„ã—ãŸã“ã®è£½å“ã“ããŒã€æ©Ÿèƒ½æ‹¡å¼µã®è¡Œãç€ã先を指ã—示ã—ã¦ã„る。 ãªãœé©åˆ‡ãªæ©Ÿèƒ½è¿½åŠ ã§ã‚ã£ã¦ã‚‚ã€æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¤ã¥ã‘ã‚‹ã“ã¨ã§ç ´ç¶»ã‚’ã™ã‚‹ã®ã‹ï¼Ÿæœ¬ã‚¨ãƒ³ãƒˆãƒªã¯ã€ã€Œã‚¹ãƒžãƒ›UI考（番外編）　顧客やユーザーã®è¦æœ›ã«å…¨ã¦å¯¾å¿œã™ã‚‹ã¨ã€ã‚¢ãƒ—リã¯99%ç ´ç¶»ã™ã‚‹ã€ã®ç¶šãã«ãªã‚‹ã€‚ 本エントリã§ã¯ä»¥ä¸‹ã®ï¼”ã¤ã®å´é¢ã‹ã‚‰ã€æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ãƒªã‚¹ã‚¯ã‚’考ãˆã‚‹ã€‚ã¾ãšç¬¬ä¸€ã«ã€Œé¸æŠžè‚¢ã®æ•°ãŒå¿…ãšã—ã‚‚å–„ã§ã¯ãªã„ã“ã¨ã€ã€‚次ã«ã€Œäººé–“ã®åˆ¤æ–力ã¯ä½¿ã†ã»ã©æ¶ˆè€—ã™ã‚‹ã“ã¨ã€ã€‚ãã—ã¦ã€Œç”»é¢ã‚¹ãƒšãƒ¼ã‚¹ãŒæœ‰é™ã®ãƒªã‚½ãƒ¼ã‚¹ã§ã‚ã‚‹ã“ã¨ã€ã€‚最後ã«ã€Œã©ã‚“ãªã«æ©Ÿèƒ½ã‚’増やã—ã¦ã‚‚ã€ä¸€ç”»é¢ã§å¼·èª¿ã§ãã‚‹ã‚‚ã®ã¯é™ã‚‰ã‚Œã¦ã„ã‚‹ã“ã¨ã€ã€‚ã“れらã®ï¼”ã¤ã¯å…¨ã¦ã€æ©Ÿèƒ½è¿½åŠ ãŒæœ€
フラットデザインã¨ã¯ï¼ŸUIã®ç‰¹é•·ã¨æ³¨æ„点 デザイン会社 ビートラックス: ブãƒã‚°
最近「フラットデザインã€ã¨ã„ã†è¨€è‘‰ã‚’よã耳ã«ã™ã‚‹ 。 ã“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚¿ã‚¤ãƒ«ã¯ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„シャドウãªã©ã®ç«‹ä½“çš„è¦ç´ を極力é¿ã‘コントラストã®å¼·ã„カラーパãƒãƒ«ã¨æ–‡å—è¦ç´ を活用ã—ã¦æ§‹æˆã•ã‚Œã‚‹ã€‚ã“ã®ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®å‡ºç¾ã«ã‚ˆã‚Šã€ä»Šã¾ã§ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚´ãƒ†ã‚´ãƒ†ã®UIãŒã„ããªã‚Šå¤ãã•ãæ„Ÿã˜ã‚‹äº‹æ…‹ãŒç™ºç”Ÿã—ã¦ã„る。 ã“ã“最近ã§ã¯GoogleãŒæä¾›ã™ã‚‹ç¨®ã€…ã®ã‚¢ãƒ—リやFacebookã®UIã€Windows 8ã€ãã—ã¦å¤šãã®ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ä¼æ¥ãŒæä¾›ã™ã‚‹ã‚¹ãƒžãƒ›ã‚¢ãƒ—リã§ã€ã“ã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’UIã®ãƒ†ãƒ¼ãƒžã¨ã—ã¦æŽ¡ç”¨ã™ã‚‹ã‚±ãƒ¼ã‚¹ãŒå¢—ãˆã¦ã„る。 例ãˆãã®å‘¼ã³åを知らãªãã¦ã‚‚ã€ã‚µã‚¤ãƒˆã‚„アプリを通ã—ã¦ã€å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ç›®ã«ã—ã¦ã„ã‚‹ã¨æ€ã†ã€‚代表的ãªä¾‹ã¨ã—ã¦ã¯Clearã€Moniã€Clear Weatherãªã©ãŒæŒ™ã’られる。 フラットデザインã®ä¸»ãªç‰¹å¾´ç‰¹ã«ã¯ã£ãã‚Šã¨ã—ãŸæ±ºã¾ã‚ŠãŒã‚る訳ã§ã¯ãªã„
GitHubã®ã‚ˆã†ãªtextareaã®è£œå®Œæ©Ÿèƒ½ã‚’実装ã™ã‚‹ - カーソルä½ç½®ã®å–å¾— - Qiita
続編 JavaScript - Qiitaã®textarea自動補完ãŒOSSã«ãªã‚Šã¾ã—㟠GitHubã®ã‚³ãƒ¡ãƒ³ãƒˆã§ã¯@ã¨å…¥åŠ›ã™ã‚‹ã¨ã‚«ãƒ¼ã‚½ãƒ«ã®ä¸‹ã«å…¥åŠ›è£œå®ŒãŒå‡ºç¾ã™ã‚‹ã€‚ã•ã‚‰ã£ã¨ã‚„ã£ã¦ã„ã‚‹ãŒã€å®Ÿã¯ã“ã‚ŒãŒçµæ§‹é›£ã—ã„。ãªãœé›£ã—ã„ã®ã‹ã¨ã„ã†ã¨ã€JavaScriptã§ã¯ã‚«ãƒ¼ã‚½ãƒ«ãŒä½•æ–‡å—ç›®ã«ã„ã‚‹ã‹ã¯åˆ†ã‹ã‚‹ãŒã€ カーソルã®XY座標をå–å¾—ã™ã‚‹APIãŒå˜åœ¨ã—ãªã„ ã‹ã‚‰ã 。カーソルä½ç½®ãŒåˆ†ã‹ã‚‰ãªã‘ã‚Œã°ã€é©åˆ‡ãªä½ç½®ã«è£œå®Œå€™è£œã‚’表示ã™ã‚‹ã“ã¨ãŒã§ããªã„。ã§ã¯ä¸€ä½“ã©ã†ã™ã‚Œã°ã„ã„ã®ã‹ï¼Ÿ 今回Qiitaã§ã¯ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã§ã®ãƒ¡ãƒ³ã‚·ãƒ§ãƒ³ã®è£œå®Œæ©Ÿèƒ½ã‚’実装ã—ãŸã€‚本稿ã§ã¯å‰è¿°ã®å•é¡Œã‚’解決ã™ã‚‹ãŸã‚ã«ç”¨ã„ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’解説ã™ã‚‹ã€‚ ã¡ãªã¿ã«ã“ã®ãƒ¡ãƒ³ã‚·ãƒ§ãƒ³è£œå®Œæ©Ÿèƒ½ã¯ãƒãƒ¼ãƒ 用プライベートQiitaã§ã‚る「Qiita:Teamã€ã§ã‚‚勿論使ãˆã‚‹ã€‚ç¾åœ¨çµ¶è³›ç„¡æ–™ãƒˆãƒ©ã‚¤ã‚¢ãƒ«å®Ÿæ–½ä¸ãªã®ã§ã€èˆˆå‘³ã‚’æŒãŸã‚ŒãŸæ–¹ã¯ãã¡ã‚‰ã‚‚使ã£ã¦ã¿ã¦æ¬²ã—ã„。 è¦ç´„ textarea内
Google＋風ã®ãƒœã‚¿ãƒ³UIセット＆ドãƒãƒƒãƒ—ダウン:phpspot開発日誌
Google Styled UI Buttons, Icon Buttons & Dropdown Menu Buttons Google＋風ã®ãƒœã‚¿ãƒ³UIセット＆ドãƒãƒƒãƒ—ダウンã®ç´ æãŒå…¥æ‰‹ã§ãるサイトãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ã•ã«Google＋ã£ã½ã„æ„Ÿã˜ãŒå‡ºã›ã‚‹ã®ã¨ãƒ‰ãƒãƒƒãƒ—ダウンãªã‚“ã‹ã‚‚アイコン付ãã§ç¶ºéº—ã«å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ シンプルãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ã‚‹ã®ã§æ™®é€šã«ã‚µã‚¤ãƒˆã§ä½¿ã£ã¦ã‚‚よã•ãã†ã§ã™ã€‚ アイコン付ãã®ãƒ‰ãƒãƒƒãƒ—ダウンメニュー実装も。 ï¼’ï¼ï¼ã‚’超ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ä»˜ãボタンセットも公開ã•ã‚Œã¦ã„ã¾ã™ã€‚ Firefox, Chrome, Safari, IE7+ã®ãƒ–ラウザサãƒãƒ¼ãƒˆã€‚ Creative Commons Attribution 3.0 Unported License.ãŒãƒ©ã‚¤ã‚»ãƒ³ã‚¹ 関連エントリ Google＋ã®ãƒ•ã‚©ãƒˆã‚¹ã‚¿ãƒƒã‚¯ã‚’実ç¾ã™ã‚‹jQuery＆CSS3ã®ã‚µãƒ³ãƒ—ル Google＋風ã®å††
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
cmmntr.com
2013å¹´ã®ã‚¦ã‚§ãƒ–デザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’探るã‹ã£ã“ã„ã„UIデザインã®ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}