Webエンジニアã®ãŸã‚ã®Webサービスデザイン実践講座
DeNA 社内勉強会ã«å‘¼ã‚“ã§ã„ãŸã ã„ã¦ã€ãŠè©±ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ Reviewã«ç™»å ´ã—ã¦ã„ãŸã ã„ã¦ã‚‹ã‚µãƒ¼ãƒ“スã¯ã“ã¡ã‚‰ã§ã™ã€‚ å‹•ãå°èª¬æŠ•ç¨¿ã‚µã‚¤ãƒˆ Denkinovel by @katryo ã•ã‚“ http://denkinovel.com/ ã”å”力ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸ( ˘ω˘)
イラスト調ãŒã„ã„æ„Ÿã˜ã®ï¼—ï¼ã®ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆ:phpspot開発日誌
Gesture Icon Set ~ Icons on Creative Market イラスト調ãŒã„ã„æ„Ÿã˜ã®ï¼—ï¼ã®ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆ 有償ã¨ã„ã†ã®ãŒæ®‹å¿µã§ã™ãŒã€ä»Šã®ã¨ã“ã‚＄９ã§å…¥æ‰‹ã§ãã‚‹ãã†ã§ã™ã€‚AIã€PSDã€PNGå½¢å¼ã€‚ 関連エントリ リアルã ã‘ã©ã‚¤ãƒ©ã‚¹ãƒˆèª¿ã®ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³é›†ã€ŒTouch Gesture Icons〠分ã‹ã‚Šã‚„ã™ã„フリーã®ã‚¹ãƒžãƒ›ç”¨ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³12種類 スマホアプリã®æ“作ムービーã«ä½¿ãˆã‚‹ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ç´ æ「Precomposed Touch Gesturesã€
ã“ã‚Œã¯ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸã„ï¼ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç´ 敵ãªã‚¢ã‚¤ã‚³ãƒ³ã¾ã¨ã‚
kenichisuzukiå˜åœ¨ã—ã¦ã„るアイコンもã—ã¦ã„ãªã„アイコンã€ç´ 敵ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸããªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚‚ã®ã‚’集ã‚ã¦ã¿ã¾ã—ãŸã€‚
Blocs - Fast, easy to use and powerful visual web design tool, that lets you create responsive websites without writing code.
The Ultimate Website Builder for Mac, iPad & iPhone Blocs is fast, intuitive and powerful visual web design software, that lets you create responsive websites without writing code. Blocs for MacBlocs for iPadBlocs for iPhone Learn Get up and running fast with our learning portal. You'll find everything you need to master building websites with Blocs. Learning Portal Connect Connect with other Bloc
CommercialCafe
HFI Capital Buys Future Headquarters Office Property in Dallas September 12, 2025| Commercial Real Estate News, Deals, Featured, Office| Views: 0 HFI acquired and is rebranding the Dallas office property as "The Capital Design District," and plans to shape it for the use of financial, entrepreneurial, and business services... Read More SL Green Expands Manhattan Portfolio in $160 Million Deal Sept
User Interface Mockup + Prototyping Toolkits for Keynote, PowerPoint | Keynotopia
Keynote Prototyping Bundle$197 $97All prototyping UI kits in Keynote format +   free lifetime updates PowerPoint Prototyping Bundle$197 $97All prototyping UI kits in PowerPoint format + free lifetime updates Google Slides Prototyping Bundle$197 $97All prototyping UI kits in Google Slides format + free lifetime updates
LAMDASH DNA | メンズシェーãƒãƒ¼ï¼ˆé›»å‹•ãƒ»é›»æ°—シェーãƒãƒ¼ï¼‰ | Panasonic
å½¦æ ¹å·¥å ´ã§50年以上培ã‚ã‚ŒãŸæŠ€è¡“力ã¨ãƒŽã‚¦ãƒã‚¦ã€‚ãれらをã™ã¹ã¦çµé›†ã—ã¦ä½œã‚Šä¸Šã’られãŸãƒ¡ãƒ³ã‚ºã‚·ã‚§ãƒ¼ãƒãƒ¼ã€ŒLAMDASHã€ã€‚何åƒäººã‚‚ã®æŠ€è¡“者やデザイナーã®ç ”究ã€é–‹ç™ºã«ã‚ˆã£ã¦ç£¨ã上ã’られãŸã€ç©¶æ¥µã®æ€§èƒ½ã¨æ´—ç·´ã•ã‚ŒãŸãƒ•ã‚©ãƒ«ãƒ 。もã£ã¨ã‚„ã•ã—ãã€ã‚‚ã£ã¨æ·±å‰ƒã‚Šã¸ã€‚ LAMDASHã®é€²åŒ–ã¯ã¨ã©ã¾ã‚‹ã“ã¨ã‚’知らãªã„。
ウェブサイトã®åˆ¶ä½œã«æºã‚ã‚‹å…¨ã¦ã®äººã«å½¹ç«‹ã¤ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ç°¡å˜ã«ä½œæˆã§ãã‚‹ -Style Guide Boilerplate
ウェブサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„実装ã®ä¸€è²«æ€§ã‚’促進ã™ã‚‹ãŸã‚ã«ã€åˆ¶ä½œã«æºã‚ã‚‹å…¨ã¦ã®äººã«å½¹ç«‹ã¤ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ç°¡å˜ã«ä½œæˆã§ãるテンプレートを紹介ã—ã¾ã™ã€‚ ç¾å½¹æ™‚代ã€ç‹¬è‡ªã®ãƒ†ãƒ³ãƒ—レートを使ã£ã¦ã¾ã—ãŸãŒã€ã“ã†ã„ã†ä¾¿åˆ©ãªã‚‚ã®ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚‹æ™‚代ãªã®ã§ã™ã（é ã„ç›® Style Guide Boilerplate Style Guide Boilerplate -GitHub Style Guide Boilerplateã®ç´¹ä»‹ã®å‰ã«ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰æœªä½“験ã®äººç”¨ã«ã©ã®ã‚ˆã†ã«å½¹ç«‹ã¦ã‚‹ã‹ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ ウェブサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„実装方法を定義ã—ã€ä¸€è²«æ€§ã‚’促進ã™ã‚‹ã€‚ モジュール形å¼ã®è€ƒãˆæ–¹ã‚’促進ã™ã‚‹ã€‚ ページを作æˆã™ã‚‹éš›ã«ãƒ‘ーツやエレメントã§è¿·ã‚ãªã„よã†ã«ã™ã‚‹ã€‚ ウェブサイトを効率的ã«ç®¡ç†ã™ã‚‹ã€‚ スタイルガイド制作ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã¨ã—ã¦ã¯ã€è‰æ¡ˆã‚’制作ä¸ã«ä½œã‚Šã¤ã¤ã€ç´å“時ã«ã¯å®šç¾©ãŒå…¨ã¦ç¶²ç¾…ã•ã‚Œã¦ã„る状態ãŒãƒ™ã‚¹ãƒˆã§ã¯ãªã„ã§
ç´è±†ã«ã¯åµã‚’入れる派ã§ã™ã€‚
ãŠã¯ã‚ˆã†ã”ã–ã„ã¾ã™ã€ @ken_c_lo ã§ã™ã€‚2021å¹´12月10æ—¥ã®ã€æœã§ã™ã€‚ã“ã“ã§ã€ã‚¿ã‚¤ãƒžãƒ¼ã‚’セット… ã“ã®è¨˜äº‹ã¯ã€ã‚„ã‚“ã¡ã‚ƒã‚¯ãƒ©ãƒ–リスナー Advent Calendar 2021ã® 10日目ã¨ã—ã¦ãŠé€ã‚Šã—ã¾ã™ã€‚ ã‚„ã‚“ã¡ã‚ƒã‚¯ãƒ©ãƒ–ã¨ã¯ï¼Ÿ ã‚„ã‚“ã¡ã‚ƒã‚¯ãƒ©ãƒ–ã¨ã¯ã€@yancya ã•ã‚“ãŒæ¯Žæ—¥ï¼ˆæ¯Žæœï¼‰30分ã»ã©ã€è‡ªå®…マンションã®å±‹ä¸Šã§ã€ã„ã¤ã‚‚大体ã»ã¼åŒã˜æ§‹å›³ã§ç´„30分間一人語りを続ã‘ã‚‹å‹•ç”»ã§ã‚る。 ã‚„ã‚“ã¡ã‚ƒã‚¯ãƒ©ãƒ– - YouTube ç¹°ã‚Šè¿”ã™ãŒã€æ¯Žæ—¥ã§ã‚る。屋上ã§ã€ä¼‘日も豪雨ã®æ—¥ã‚‚極寒ã®æ—¥ã‚‚。毎日é…ä¿¡ã™ã‚‹ã®ã¯ãŠã‹ã—ã„。ãã—ã¦é©šãã¹ãã“ã¨ã«æ¯Žæ—¥é¢ç™½ã„。毎日é¢ç™½ã„ã®ã¯æœ¬å½“ã«ã™ã”ã„ã“ã¨ã ã¨æ€ã†ã€‚ ã‚„ã‚“ã¡ã‚ƒã‚¯ãƒ©ãƒ–リスナーã«ã¯å¤§åˆ¥ã—ã¦2種類ã„る。毎日ãã®æ—¥ã®ã†ã¡ã«å¿…ãšè¦³ã¦ã€ã‹ã¤è‡ªåˆ†ãŒè¦³å§‹ã‚ã‚‹å‰ã®éŽåŽ»å›žã‚‚é¡ã£ã¦å…¨éƒ¨è¦³ãŸäººã¨ã€å¿…ãšæ¯Žæ—¥ã§ã¯ãªãæ°—ãŒå‘ã„ãŸæ™‚ã«è¦³ã¦ã€è¦‹é€ƒã—ãŸå›žã¯ç„¡ç†ã—ã¦è¿½ã‚ãªã„人ãŒã„る。 yanc
30分ã§ã§ãã‚‹ï¼Webサイトを高速化ã™ã‚‹6大原則 (1/4)
Webサイトを制作ã™ã‚‹ã¨ãã€ã€Œãƒ‘フォーマンスã€ã‚’æ°—ã«ã—ãŸã“ã¨ãŒã‚ã‚‹ã ã‚ã†ã‹ï¼Ÿã€€ã‚‚ã—ã¾ã£ãŸãæ°—ã«ã—ãŸã“ã¨ãŒãªã„ãªã‚‰ã€æ°—ã‚’ã¤ã‘ãŸæ–¹ãŒã„ã„。閲覧ã«æ™‚é–“ã®ã‹ã‹ã‚‹â€œé…ã„Webサイトâ€ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’与ãˆã€é–²è¦§ã‚’ã‚„ã‚ã•ã›ã¦ã—ã¾ã†æã‚ŒãŒã‚る。 下記ã®ã‚°ãƒ©ãƒ•ã¯ã€ã€ŒSimple-Talkã€ã¨ã„ã†æµ·å¤–ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ¡ãƒ‡ã‚£ã‚¢ã§ç™ºè¡¨ã•ã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼èª¿æŸ»ã®çµæžœã 。アンケートページã®è¡¨ç¤ºã«ã‹ã‹ã‚‹æ™‚é–“ã‚’æ„図的ã«ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã—ã€è¡¨ç¤ºæ™‚é–“ã«ã‚ˆã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ„Ÿã˜ã‚‹ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®é•ã„を調ã¹ãŸã‚‚ã®ã 。 縦軸ãŒãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆ10段階）ã€æ¨ªè»¸ãŒè¡¨ç¤ºã¾ã§ã®æ™‚間を表ã—ã¦ã„る。1～5秒以内ã«ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚ŒãŸäººã«æ¯”ã¹ã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºã¾ã§ã«5秒以上ã‹ã‹ã£ãŸäººã¯2å€ä»¥ä¸Šã‚‚フラストレーションを感ã˜ã¦ã„る。フラストレーションãŒã‚ã¾ã‚Šã«é«˜ã‘ã‚Œã°ã€ã›ã£ã‹ã何らã‹ã®ç›®çš„ã‚’æŒã£ã¦è¨ªã‚Œã¦ããŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚‚å¾…ã¡åˆ‡ã‚Œãšã«ãƒ–ラウザーを閉ã˜ã¦ã—ã¾ã†
ウェブデザインã®è¦‹æ „ãˆã‚’よãã™ã‚‹ãŸã‚ã®7ã¤ã®ã‚ーワード | コリス
7 Key Principles That Make A Web Design Look Good下記ã€ãã®ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚1. ãƒãƒ©ãƒ³ã‚¹2. グリッド3. カラー4. グラフィック5. タイãƒã‚°ãƒ©ãƒ•ã‚£6. ホワイトスペース7. コãƒã‚¯ã‚·ãƒ§ãƒ³ãŠã‚ã‚Šã«1. ãƒãƒ©ãƒ³ã‚¹ãƒãƒ©ãƒ³ã‚¹ã§ä¸€ç•ªå¤§åˆ‡ãªã“ã¨ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒä¸€æ–¹å‘ã«åらãªã„ã“ã¨ã§ã™ã€‚対称ã‚ã‚‹ã„ã¯éžå¯¾ç§°ã®ã‚‚ã®ã§ã‚‚ウェイトã«ã¯ãƒãƒ©ãƒ³ã‚¹ã‚’ãŠãよã†ã«ã—ã¾ã™ã€‚実例： Subtractionã“ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®é‡è¦ãªãƒã‚¤ãƒ³ãƒˆã¯å³ã®ã‚¯ãƒã‚¹ã§ã™ã€‚ã“ã®ã‚¯ãƒã‚¹ã¯ãƒ“ジュアルã®ã‚¦ã‚§ã‚¤ãƒˆã«å¤§ããªå½±éŸ¿ã‚’与ãˆã¦ã„ã¾ã™ã€‚ ã“ã®å°ã•ãªã‚¯ãƒã‚¹ãŒã©ã‚Œã ã‘グラフィックã®ãƒãƒ©ãƒ³ã‚¹ã«åŠ¹æžœãŒã‚ã‚‹ã‹ã¯ã€ã‚ãªãŸã®æ‰‹ã§ã‚¯ãƒã‚¹ã‚’éš ã—ã¦è¦‹ã¦ãã ã•ã„。ã“ã‚ŒãŒéžå¯¾ç§°ã®ãƒãƒ©ãƒ³ã‚¹ã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ã§ã™ã€‚ビジュアルã®ã‚µã‚¤ã‚ºã‚„カラーをコントãƒãƒ¼ãƒ«ã—ã€ã‚¦ã‚§ã‚¤ãƒˆã‚’調整ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ä»®ã«ã‚¯ãƒã‚¹ã®ã‚«ãƒ©ãƒ¼ãŒã‚ª
æ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã§ã‚ˆã使用ã•ã‚Œã¦ã„るテクスãƒãƒ£ï¼šã‚°ãƒ¬ã‚¤ãƒ³
最近よã見ã‹ã‘ã‚‹ã€ã‚½ãƒ•ãƒˆãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ˜ ãˆã‚‹ãƒ†ã‚¯ã‚¹ãƒãƒ£ï¼šã‚°ãƒ¬ã‚¤ãƒ³ã‚’効果的ã«ä½¿ç”¨ã—ãŸã‚µã‚¤ãƒˆã‚’abduzeedoã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ã“れ便利ã§ã„ã„ãï¼Webページã®UIエレメントã®ã‚µã‚¤ã‚ºã‚„マージンãŒç°¡å˜ã«è¨ˆã‚Œã‚‹Chromeã®æ©Ÿèƒ½æ‹¡å¼µ -Dimensions
GLYPHICONS - Visual language that everybody understands
Re* Programming » c#
Ui Parade | Just another WordPress site
uiparade (@uiparade) | Twitter
Ui Parade | Just another WordPress site
UIデザインã«å½¹ç«‹ã¤ãƒ„ール
https://portal.gigaom.com/blog/the-aardvark-theory-of-product-fake-it-till-you-make-it
{{#tags}}- {{label}}
{{/tags}}