Online Mockup, Wireframe & UI Prototyping ToolWireframe, Diagram & Whiteboard Online A simple and powerful visual collaboration solution for your whole team.
デザインやレイアウトã®å‚考ã«ãªã‚‹ã€ç®¡ç†ç”»é¢ãƒ»ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ - NxWorld
Dribbbleã§è¦‹ã‹ã‘ãŸã®ã‚’ä¸å¿ƒã«ã€å…¨ä½“çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚„å„è¦ç´ ã®é…置レイアウトãªã©å‚考ã«ã•ã›ã¦ã‚‚らãŠã†ã¨æ€ã„メモã—ã¦ã„ãŸç®¡ç†ç”»é¢ãƒ»ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒæºœã¾ã£ã¦ããŸã®ã§ã€è‡ªåˆ†ã®æ•´ç†ã‚‚å…¼ãã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚ 管ç†ç”»é¢ã‚„ダッシュボードã§é‡è¦ãªã®ã¯è¦‹æ˜“ã•ã‚„æ“作性ã®é«˜ã•ã ã¨æ€ã„ã¾ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚ã“ã ã‚ã‚ŠãŸã„ã¨ã„ã†å ´åˆã«ã„ã‚ã„ã‚å‚考ã«ãªã‚Šã¾ã™ã€‚ 紹介ã—ã¦ã„ã‚‹ä¸ã«ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’PSDãªã©ã®å½¢å¼ã§ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æã¨ã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚‚ã®ã‚‚ã„ãã¤ã‹ã‚ã‚Šã€ãŸã デザインを見るã ã‘ã§ãªã実際ã«ã©ã®ã‚ˆã†ãªãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã§ä½œæˆã•ã‚Œã¦ã„ã‚‹ã‹ã‚’見ãŸã‚Šã€ãれらをベースã«è‡ªåˆ†å¥½ã¿ã®è¦‹æ „ãˆã«å¤‰æ›´ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ 紹介ã—ã¦ã„るデザインã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚‚ã®ã‚’使用ã™ã‚‹éš›ã¯ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ç‰ã¯å„自ã§å†åº¦ç¢ºèªã—ã¦ãã ã•ã„。
HOVERSTAT.ES | The home of alternative web-design.
8 Jan 2026www.anaiis.worldanaiis presents a world that feels simple at first, then quietly expands into playful, poetic layers, with a typographic rosette as navigation. Credits → OB Studio 7 Jan 2026lafour.comA full frame video portfolio with charming mixed media slideshows and subtle but completely charming details, from timestamps baked into the UI to the timeline track image effect.
ç„¡æ–™ã§å•†ç”¨åˆ©ç”¨ã‚‚å¯èƒ½ãªãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³UIã‚ット「Flat Rounded Square UI Kitã€
iOS 7ã¸ã®ã‚¢ãƒƒãƒ—グレードã«åˆã‚ã›ã¦ã•ã¾ã–ã¾ãªã‚¢ãƒ—リãŒã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚„機能ã®å¤‰æ›´ã‚’è¡Œã£ã¦ã„ã¾ã™ãŒã€ã“ã‚Œã‹ã‚‰ã‚¦ã‚§ãƒ–サイトやアプリをフラットデザインã«ã—よã†ã€ã¨ã„ã†æ™‚ã«ä¾¿åˆ©ãªUIã‚ットãŒã€ŒFlat Rounded Square UI Kitã€ã§ã™ã€‚ブãƒã‚°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„å„種ボタン・アイコン・グラフ・テã‚ストボックスãªã©ãŒçµ±ä¸€æ„Ÿã®ã‚ã‚‹è½ã¡ç€ã„ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã§ä½œã‚‰ã‚Œã¦ãŠã‚Šã€ãƒ•ã‚¡ã‚¤ãƒ«ã¯PSDå½¢å¼ã€JPGå½¢å¼ã€ACOå½¢å¼ã®3種類ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãƒ»ãƒ•ãƒªãƒ¼ãªã®ã§å•†ç”¨ãƒ»éžå•†ç”¨ã‚’å•ã‚ãšè‡ªç”±ã«ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Flat Rounded Square UI Kit http://www.webappers.com/flat-ui-kit/ ã¾ãšã¯ã‚¦ã‚§ãƒ–サイトやソフトウェアãªã©ã§ä½¿ç”¨ã™ã‚‹ãƒŠãƒ“ゲーション・ボタンã„ã‚ã„ã‚。紺色を基調ã¨ã—ã¦ãŠã‚Šã€åŠ¹æžœçš„ã«èµ¤ã‚„水色ãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ノーマルã®ãƒœã‚¿ãƒ³ã¯ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ã‚‹
フォームã®å…¥åŠ›æ¬„ã«ãƒ†ã‚ストを表示ã™ã‚‹éš›ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ã„ã‚„ã™ãよりセマンティックã«å®Ÿè£…ã™ã‚‹æ–¹æ³•
フォームã®å…¥åŠ›æ¬„ã«ãƒ†ã‚ストを表示ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã—ã¦ã€HTML5ã®placeholder属性やtitle属性ã«ã„ã‚ŒãŸãƒ†ã‚ストをスクリプトã§ç½®ãæ›ãˆã‚‹æ–¹æ³•ãªã©ãŒã‚ã‚Šã¾ã™ã€‚ ã—ã‹ã—ã€placeholderã¯placeholderãªã®ã§ã€ãƒ©ãƒ™ãƒ«ã®ä»£æ›¿ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã®ã¯W3Cã§ã‚‚推奨ã—ã¦ã„ã¾ã›ã‚“。 å‚考：The placeholder attribute -W3C フォームã«ä½™åˆ†ãªHTMLã‚’è¿½åŠ ã›ãšã€ãƒ©ãƒ™ãƒ«ã‚’利用ã—ã¦ã‚·ãƒ³ãƒ—ルã«è§£æ±ºã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ 入力時ã¯ãƒ©ãƒ™ãƒ«ãŒãƒ„ールãƒãƒƒãƒ—㧠実装 実装ã®ãƒã‚¤ãƒ³ãƒˆ labelè¦ç´ 内ã®ãƒ†ã‚ストをラベルã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã€‚ åˆæœŸçŠ¶æ…‹ã§ãƒ©ãƒ™ãƒ«ã®ãƒ†ã‚ストを表示ã™ã‚‹ã€‚ 入力時ã«ã‚‚ラベルãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®ã«è¦‹ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã€‚ ラベルã®é…ç½®ã¯ãƒ•ã‚©ãƒ¼ãƒ ã¨ãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§è¡Œã‚れるよã†ã«ã™ã‚‹ã€‚ スクリプトãŒåˆ©ç”¨å¯èƒ½ã§ãªã„時ã§ã‚‚ã€ãƒ©ãƒ™ãƒ«ã‚’利用ã§ãるよã†ã«ã™ã‚‹ã€‚ ã“れらã®ãƒã‚¤ãƒ³ãƒˆã‚’è¸
HTML5+CSS3ã§å®Ÿè£…ã•ã‚ŒãŸã€ã•ã¾ã–ã¾ãªUIエレメントã®ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³
パラグラフ・リスト・見出ã—ãªã© [ad#ad-2] UIパーツã®ä½¿ã„æ–¹ 下記ã®3ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—ã§ã€ã“れらã®UIを自分ã®ãƒšãƒ¼ã‚¸ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ IEã¸ã®å¯¾å¿œ IEã«HTML5ã‚’ç†è§£ã•ã›ã‚‹ãŸã‚ã«ã€2ã¤ã®é‡è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’使用ã—ã¾ã™ã€‚ <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <link rel="stylesheet" href="ie.css" type="text/css" /> <![endif]--> CSSã®ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ãƒ‰ スタイルシートファイルをインクルードã—ã¦ãã ã•ã„。もã—使用ã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒé™ã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ã‚ã‚Œã°ã€ãã®ç®‡æ‰€ã®ã¿ã§å¤§ä¸ˆå¤«ã§ã™ã€‚ <link rel="stylesheet" href="reset.css"
æ ªå¼ä¼šç¤¾ã‚µã‚¤ã‚¾ãƒ¼ï¼ˆCyzo inc.）
2026.3.31 サイゾー2026å¹´5月å·ã€€ç™ºå£²ä¸ã§ã™ã€‚ サイゾー2026å¹´5月å·ã¯ã€æœ¬æ—¥ç™ºå£²ã§ã™ã€‚ 全国ã®æ›¸åº—ã€ã‚³ãƒ³ãƒ“ニã«ã¦ãŠè²·ã„求ã‚é ‚ã‘ã¾ã™ã€‚ 2025.12.27 サイゾー2026å¹´2月å·ã€€ç™ºå£²ä¸ã§ã™ã€‚ サイゾー2026å¹´2月å·ã¯ã€æœ¬æ—¥ç™ºå£²ã§ã™ã€‚ 全国ã®æ›¸åº—ã€ã‚³ãƒ³ãƒ“ニã«ã¦ãŠè²·ã„求ã‚é ‚ã‘ã¾ã™ã€‚ 2025.9.30 サイゾー2025å¹´11月å·ã€€ç™ºå£²ä¸ã§ã™ã€‚ サイゾー2025å¹´11月å·ã¯ã€æœ¬æ—¥ç™ºå£²ã§ã™ã€‚ 全国ã®æ›¸åº—ã€ã‚³ãƒ³ãƒ“ニã«ã¦ãŠè²·ã„求ã‚é ‚ã‘ã¾ã™ã€‚ 2025.6.30 サイゾー2025å¹´8月å·ã€€ç™ºå£²ä¸ã§ã™ã€‚ サイゾー2025å¹´8月å·ã¯ã€æœ¬æ—¥ç™ºå£²ã§ã™ã€‚ 全国ã®æ›¸åº—ã€ã‚³ãƒ³ãƒ“ニã«ã¦ãŠè²·ã„求ã‚é ‚ã‘ã¾ã™ã€‚ 2025.3.31 サイゾー2025å¹´5月å·ã€€ç™ºå£²ä¸ã§ã™ã€‚ サイゾー2025å¹´5月å·ã¯ã€æœ¬æ—¥ç™ºå£²ã§ã™ã€‚ 全国ã®æ›¸åº—ã€ã‚³ãƒ³ãƒ“ニã«ã¦ãŠè²·ã„求ã‚é ‚ã‘ã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}