ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
Reconstrukt.
Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /nfs/c12/h05/mnt/217481/domains/reconstrukt.com/html/core/modules/file/file.module on line 893 Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /nfs/c12/h05/mnt/217481/domains/reconstrukt.com/html/core/modules/file/file.module on line 899 Warning: "
Web屋ã®ç§ãŒãƒ–ックマークã—ã¦ã„るサイト65 | Webクリエイターボックス
2017å¹´7月14æ—¥ 便利ツール ä¹…ã—ã¶ã‚Šã«è‡ªåˆ†ãŒãƒ–ックマークã—ã¦ã„るサイトを整ç†ã—ã¦ã¿ã¾ã—ãŸã€‚昔ã‹ã‚‰å¤‰ã‚らãšæ„›ã—続ã‘ã¦ã„ã‚‹Webサービスやãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚µã‚¤ãƒˆãªã©å¤šæ•°ã‚ã£ãŸã®ã§ä¸€æŒ™ã«ã”紹介ã—ã¾ã™ï¼æœ‰åã©ã“ã‚ã‹ã‚‰ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„ã‘ã©ä¾¿åˆ©ãªã‚µã‚¤ãƒˆã¾ã§ã€å¤šæ•°ã‚ã‚‹ã®ã§æ™‚é–“ã®ã‚る時ã«ã˜ã£ãり見ã¦ã¿ã¦ãã ã•ã„ï¼ â†‘ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ã„るサイト 目次 Webサービス デザイン関連 ç”»åƒé–¢é€£ CSS jQuery WordPress フォント スマートフォン é…色関連 HTML5 メルマガ Webサービス 1. Sendoid Sendoidã¯ä¼šå“¡ç™»éŒ²ä¸è¦ã®ãƒ•ã‚¡ã‚¤ãƒ«é€ä¿¡ã‚µãƒ¼ãƒ“ス。ファイルをアップãƒãƒ¼ãƒ‰å¾Œã«URLãŒç”Ÿæˆã•ã‚Œã¾ã™ã€‚パスワードè¨å®šå¯ã€‚ 2. HTMLエンコードフォームHTMLエンコードフォームã¯ç‰¹æ®Šè¨˜å·ãªã©ã‚’エンコード・デコードã—ã¦ãれるWebサービ
最近よã使ã£ã¦ã‚‹ã€Web制作ã«å½¹ç«‹ã¤Webサービス的ãªã‚„ã¤
å°‘ã—å‰ã«èžã„ã¦ãã‚ŒãŸæ–¹ãŒã„ãŸã®ã§ã¤ã„㧠ã«ã‚·ã‚§ã‚¢ã—ã¦ã¿ã¾ã™ã€‚個人的ã«æœ€è¿‘よã好ん ã§ä½¿ã£ã¦ã„ã‚‹ã€Web制作ã«å½¹ç«‹ã¤Webサー ビスã¿ãŸã„ãªã‚‚ã®ã‚’ã”紹介。全部既出㧠çã—ã„ã‚‚ã®ã¯ç„¡ã„ã‚“ã§ã™ã‘ã©ã€ä¸€è¦§ã«ã™ã‚‹ ã®ã‚‚ãŸã¾ã«ã¯ã„ã„ã‹ã‚‚ã§ã™ã。 ã¨ã„ã†ã‚ã‘ã§ã€å ´åˆã«ã‚ˆã£ã¦ã¯èª°å¾—ãªè¨˜äº‹ã§ã™ã‘ã©ã”了承下ã•ã„。僕ãŒã“ã“最近ã§ã‚ˆã使ã£ã¦ã‚‹Webツールをå¤ã„ã®ã‹ã‚‰æ–°ã—ã„ã®ã¾ã§ã€é †ä¸åŒã§ã”紹介ã—ã¦ã„ãã¾ã™ã€‚ web計。 →　黄金比・白銀比をサクサク計算 計算ãŒé¢å€’ãªé»„金比や白銀比をã€æ•°å€¤ã‚’入力ã™ã‚‹ã ã‘ã§ã‚µã‚¯ã‚µã‚¯å‡ºã—ã¦ãã‚Œã¾ã™ã€‚動作も軽ãã¦ã‚¹ãƒˆãƒ¬ã‚¹ç„¡ã—ã§ã™ã€‚ web計。 simplelib →　よã使ã†jQueryコードをパッケージã§é…布 ã‚ã£ã¡ã‚ƒæ¥½ã§ã™ã€‚jQueryã§ä½œã‚ŠãŸã„機能ã ã‘ã‚’é¸æŠžã—ã¦ã€1ã¤ã®jsファイルã«ãƒ‘ッケージã«ã—ã¦ãã‚Œã¾ã™ã‚ˆã€‚ページスクãƒãƒ¼ãƒ«ã¨ã‹ã‚¿ãƒ–ã¨ã‹éœ€è¦ã®é«˜ã„ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã€‚ã¡ã‚‡ã£ã¨æ©Ÿèƒ½ã‚’
プãƒãƒ¬ãƒ™ãƒ«ã§ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã„WEBサイトレイアウト作æˆPhotoshopãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†:phpspot開発日誌
25 Excellent Photoshop Web Design Layout Tutorials プãƒãƒ¬ãƒ™ãƒ«ã§ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã„WEBサイトレイアウト作æˆPhotoshopãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ã€‚ ã‹ãªã‚Šã‚¯ã‚ªãƒªãƒ†ã‚£ãŒé«˜ãã¦ã€ï¼‘ã¤ã®ä»•äº‹ã¨ã—ã¦ã†ã‘ã¡ã‚ƒã£ãŸã»ã†ãŒã‚ˆã„ãらã„ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒæ²¢å±±ã§ã™ã€‚ 本ãªã©ã§ã“ã†ã—ãŸãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ã‚’è²·ã†ã¨åƒå††ä»¥ä¸Šã—ãŸã‚Šã—ã¾ã™ã‹ã‚‰ã€ãªã‚“ã¨ã‚‚有り難ã„ã§ã™ã。 英語ã§æ›¸ã‹ã‚Œã¦ã„ã¾ã™ãŒã€è‹±èªžåŠ›ã‚‚åŒæ™‚ã«å‘上ã•ã›ã¡ã‚ƒãˆã‚‹ã¨ã„ã†æ„味ã§ã¯æœ¬å½“ã«ã„ã„æ•™æã§ã™ã€‚ 関連エントリ 立体感ãŒã†ã¾ã出ãŸWEBサイトデザイン作æˆPhotoshopãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« スタイリッシュãªWEBレイアウト作æˆPhotoshopãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« フレッシュãªPhotoshop用WEBレイアウトãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼’５ 3Dエフェクトを使ã£ãŸç¶ºéº—ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’作るPhotoshopãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†
[CSS]å¯å¤‰ã§ã‚‚固定ã§ã‚‚対応ã§ãã‚‹ã€ã‚·ãƒ³ãƒ—ルãªã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ -Grid
Fruidレイアウトã§ã‚‚Fixedレイアウトã§ã‚‚ã€å…¥ã‚Œåã§ã‚‚対応ã§ãã‚‹ã€ã‚·ãƒ³ãƒ—ルãªã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ を実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ デモページ：入れåã®ã‚°ãƒªãƒƒãƒ‰ Gridã®ä½¿ã„æ–¹ Gridã¯ã€ä½¿ã„方も簡å˜ã§ã™ã€‚ コンテナã¨ãªã‚‹è¦ç´ ã®classã«ã€Œgridsã€ã‚’åŠ ãˆã¾ã™ã€‚ åè¦ç´ ã«æœ›ã‚€ã‚µã‚¤ã‚ºã®classを指定ã—ã¾ã™ã€‚ Gridã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ 2011å¹´7月1日リリース版ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã™ã€‚ グリッドã¯ã€2分割ã€3分割ã€4分割ã€5分割ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ /* * Grid * A simple, flexible, fluid grid system that can flow nicely inside a fluid or a fixed container or play good with another Grid system. * Brajeshwar, http://
ãˆï¼Photoshop？ã£ã¦è¦‹é–“é•ã†ã»ã©ã®UIã‚’å‚™ãˆãŸCSSジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ -LayerStyles
Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ãƒ‘ãƒãƒ«ã‚’模ã—ãŸã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã§ã€ãƒ‰ãƒãƒƒãƒ—シャドウや角丸やグラデーションãªã©ã‚’生æˆã§ãã‚‹CSSジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’紹介ã—ã¾ã™ã€‚
国産ã®WebデザインギャラリーサイトãŒä¸€ç•ªå‚考ã«ãªã‚‹ã®ã§ã¾ã¨ã‚㟠- ã‹ã¡ã³ã¨.net
Webデザインã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¯æ²¢å±± ã‚ã‚Šã¾ã™ãŒã€çµå±€æ„Ÿæ€§ã®è¿‘ã„国産 ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒä¸€ç•ªå‚考ã«ãªã‚‹ã® ã§ã¾ã¨ã‚ã¾ã—ãŸã€‚探ã—ã¦ã¿ã‚‹ã¨çµæ§‹ ã„ã‚ã„ã‚ã‚ã‚‹ã‚“ã§ã™ã。助ã‹ã‚Šã¾ã™ã€‚ ã‚„ã¯ã‚Šã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¯å›½ç”£ãŒã„ã„ã§ã™ã。沢山ã‚ã‚‹ã®ã§ã€ã‚る程度厳é¸ã—ã¦ã„ã¾ã™ã€‚ io3000 最近知りã¾ã—ãŸã€‚ã™ã”ãã„ã„ã§ã™ãã€ã“ã“。見やã™ã„ã—ã€ä½¿ã„ã‚„ã™ã„ã§ã™ã€‚ãŠã™ã™ã‚。 io3000 straightline bookmark ã¨ã«ã‹ãクールã§ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã„サイトをブックマークã—ã¦ã„るギャラリー。 straightline bookmark Web Design Clip ã“ã¡ã‚‰ã‚‚個人的ã«ã‚ªã‚¹ã‚¹ãƒ¡ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã§ã™ã€‚目的ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ç›´ãã«è¦‹ã¤ã‹ã‚Šã¾ã™ã‚ˆã€‚ Web Design Clip Good Design Web ã“ã¡ã‚‰ã¯ä»–ã§ã¯ã‚ã¾ã‚Šè¦‹ã‹ã‘ãªã„良デザインã®ã‚µã‚¤ãƒˆã‚’紹介ã—ã¦ã‚‹è²´é‡ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§ã™ã€‚ Good Desi
ワンパターンãªã‚¦ã‚§ãƒ–デザインã‹ã‚‰æŠœã‘出ã™ãŸã‚ã®10ã®ãƒ’ント
10 Great Tips to Boost Creativity [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚㫠ウェブサイトをデザインã™ã‚‹ã¨ãã€ãƒ¯ãƒ³ãƒ‘ターンã«é™¥ã£ã¦ã—ã¾ã†ã“ã¨ã¯ç°¡å˜ã§ã™ã€‚デザイナーã¯è‡ªåˆ†ãŒä½•ãŒå¾—æ„ã§ã‚ã‚‹ã‹çŸ¥ã£ã¦ãŠã‚Šã€ãれを強ã¿ã«ã—ã¦å¸¸ç”¨ã—ã¦ã—ã¾ã†å‚¾å‘ãŒã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—ãªãŒã‚‰ã€é€šå¸¸ã¨ã¯ç•°ãªã‚‹è¦–点をã¨ã‚‹ã“ã¨ã§ã€å‰µé€ çš„ãªã‚¢ãƒ—ãƒãƒ¼ãƒã‚’æ–°ã—ã„é™ç•Œã¸ã¨ãŠã—上ã’ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å‰µé€ åŠ›ã‚’ã‚¢ãƒƒãƒ—ã•ã›ã‚‹ã“ã¨ã¯ã‚¦ã‚§ãƒ–デザインã®ç¾åœ¨ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’å¦ã³ã€ä½•ãŒãれをæˆåŠŸã•ã›ãŸã‹ã‚’ç†è§£ã—ã€ãã—ã¦ã‚ãªãŸè‡ªèº«ã®ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’使ã£ã¦ãれらã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’実行ã™ã‚‹ã“ã¨ã‹ã‚‰å§‹ã‚ã¾ã™ã€‚ ã‚ãªãŸã®å‰µé€ 力をã‚ãµã‚Œå‡ºã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã«ã€ã“ã“ã«è€ƒæ…®ã«å…¥ã‚Œã‚‹ã¹ã10ã®ãƒ’ントãŒã‚ã‚Šã¾ã™ã€‚ 1. カラーを考ãˆã¦ã¿ã‚‹ サイトをゼãƒã‹ã‚‰ä½œæˆã™ã‚‹æ™‚ã‚„ä¿®æ£ã™ã‚‹æ™‚ã€ã‚³ãƒ³ã‚»ãƒ—トを強ãã™ã‚‹ãŸã‚ã«ã‚«ãƒ©ãƒ¼ã®çŸ¥è˜ã‚’æ·±ã‚
ミニマルãªã‚¦ã‚§ãƒ–デザインã§ä½¿ç”¨ã•ã‚Œã‚‹ç‰¹å¾´çš„ãª12ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆ
ミニマルデザインã§ã‚ˆã使用ã•ã‚Œã‚‹ç‰¹å¾´çš„ãªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¨ãれを効果的ã«ä½¿ç”¨ã—ãŸã‚¦ã‚§ãƒ–サイトを1stwebdesignerã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Modern Element Trends In Minimal Webdesign of 2010 ミニマルデザインã®ç‰¹å¾´çš„ãª12ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆ å‚考ã¨ã—ã¦å½“サイトã§ç´¹ä»‹ã—ãŸé–¢é€£è¨˜äº‹ã‚’記ã—ã¦ã„ã¾ã™ã€‚ 多ãã®åŠ¹æžœçš„ãªãƒã‚¬ãƒ†ã‚£ãƒ–スペース å‚考：ウェブデザインã«ãŠã‘ã‚‹ãƒã‚¬ãƒ†ã‚£ãƒ–スペースã®æ´»ç”¨ã‚¬ã‚¤ãƒ‰ グリッドベースã®ã‚¦ã‚§ãƒ–デザイン å‚考：グリッドシステム-サイトã¸ã®æœ‰åŠ¹æ´»ç”¨æ–¹æ³• クリアã§å¤§ããªã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ 繊細ãªãƒ†ã‚¯ã‚¹ãƒãƒ£ã¨ãƒ‘ターン å°ã•ã„アイコン 軽ã„シャドウã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ¬ã‚¿ãƒ¼ãƒ—レスã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ å‚考：ドãƒãƒƒãƒ—シャドウã¨ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½¿ç”¨ã‚’的確ã«ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« レタープレスエフェクトã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« リボンã€ã‚¹ã‚±ãƒƒãƒã€ç‚¹ç·šã€ãƒ«ãƒ¼ãƒ©ãƒ¼ã€åŠé€æ˜Žãª
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
[CSS]CSS3ã§ä½•ãŒã§ãã‚‹ã®ï¼Ÿã€€ã¨ã„ã†æ™‚ã«ã¿ã¦ãŠããŸã„サイト集
角丸ã€ãƒ‰ãƒãƒƒãƒ—シャドウã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©å¤šå½©ã§é¢ç™½ã„スタイルをCSS3ã§ã¯ç°¡å˜ãªè¨˜è¿°ã§å®Ÿè£…ã§ãã¾ã™ã€‚ CSS3ã§ã„ã£ãŸã„何ãŒã§ãã‚‹ã®ã‹ã€ã©ã®ã‚ˆã†ã«è¨˜è¿°ã™ã‚‹ã®ã‹ãªã©ã€ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªã‚‚ã®ã‹ã‚‰å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã§ã‚µãƒ³ãƒ—ルやコードãªã©å®Ÿè£…例ãŒæŽ²è¼‰ã•ã‚Œã¦ã„るサイトを紹介ã—ã¾ã™ã€‚
ç”»åƒã‚’一切使ã‚ãšã«CSS3ã ã‘ã§ãƒ‰ãƒ©ãˆã‚‚ã‚“ã‚’æã„ã¦ã¿ãŸï¼Â - è£æŠ€shop DD
昨日ã®ç”»åƒã‚’使ã‚ãšã«CSS3ã ã‘ã§ä½œã£ãŸã‚µã‚¤ãƒˆã€ŒNetaGearã€ã«å¼•ã続ãã€æœ¬æ—¥ã‚‚CSS3ã®è¨˜äº‹ã§ã™ã€‚ã“ã“最近ã®ç§ã®ãƒžã‚¤ãƒ–ームã¯CSS3ã§è‰²ã€…ã‚„ã£ã¦ã¿ã‚‹ã“ã¨ãªã‚“ã§ã™ãŒã€CSS3を使ãˆã°ç”»åƒãªã‚“ã¦ä½¿ã‚ãšã«çµµãŒæã‘ã‚‹ã‚“ã˜ã‚ƒãªã„？ã¨ã„ã†ç–‘å•ã‚’抱ã実際ã«ä½œã£ã¦ã¿ã¾ã—ãŸï¼ 今回作æˆã—ãŸã®ã¯æ—¥æœ¬äººãªã‚‰èª°ã‚‚ãŒçŸ¥ã£ã¦ã„る国民的ã‚ャラクターã®ã€Œãƒ‰ãƒ©ãˆã‚‚ã‚“ã€ã§ã™ã€‚使ã†ã‚‚ã®ã¯XHTML+CSS3ã ã‘ã§ä¸€åˆ‡ã®ç”»åƒã¯ä½¿ã„ã¾ã›ã‚“。画åƒã‚’使ãˆã°ç°¡å˜ã«ã§ãã‚‹ã®ã¯è¨€ã†ã¾ã§ã‚‚ãªã„ã“ã¨ã§ã™ãŒã€ã™ã¹ã¦ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‹ã‚‰æˆã‚Šç«‹ã¤ã“ã¨ãŒå‰æã§ã™ã€‚ CSS3ã§ä½œã£ãŸãƒ‰ãƒ©ãˆã‚‚ã‚“ã®å®Œæˆå“ï¼ CSS3 ドラãˆã‚‚ã‚“ 最近ã®ãƒ‰ãƒ©ãˆã‚‚ã‚“ã¨ã„ã†ã‚ˆã‚Šã€å¤§å±±ã®ã¶ä»£ã•ã‚“ãŒå£°ã‚’ã‚„ã£ã¦ã„ãŸé ƒã®ãƒ‰ãƒ©ãˆã‚‚ã‚“ã®æ–¹ãŒå¥½ããªã®ã§ã€ãã£ã¡ã‚’イメージã—ã¦ä½œã‚Šã¾ã—ãŸã€‚注æ„äº‹é …ã¨ã—ã¦ã¯Google Chromeã¨firefoxã§é–²è¦§ã—ã¦ãã ã•ã„。Operaã§ã¯ä¸€éƒ¨CSS3ã«å¯¾
テーブルを見やã™ãã€ä½¿ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã®ã‚¢ãƒ«ãƒ†ã‚£ãƒ¡ãƒƒãƒˆã‚¬ã‚¤ãƒ‰
ウェブページã§ãƒ‡ãƒ¼ã‚¿ã‚’ã¿ã›ã‚‹ãƒ†ãƒ¼ãƒ–ルを見やã™ãã€ä½¿ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚„機能性ãªã©UIパターンを紹介ã—ãŸã‚¢ãƒ«ãƒ†ã‚£ãƒ¡ãƒƒãƒˆã‚¬ã‚¤ãƒ‰ã‚’Janko At Warp Speedã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Ultimate guide to table UI patterns 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ テーブルã®ã€Œï¼ˆã‚¨ã‚¯ã‚»ãƒ«ã§ã„ã†ã¨ã“ã‚ã®ï¼‰è¡Œã¨åˆ—ã€ã®è¡¨è¨˜ã¯ã€ã€Œæ¨ªåˆ—ã¨ç¸¦åˆ—ã€ã«çµ±ä¸€ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. 列を交互ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚° 2. 列をフル㫠3. テーブルã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ 4. ソート 5. フィルタリング 6. ページãƒãƒ¼ã‚·ãƒ§ãƒ³ 7. スクãƒãƒ¼ãƒ« 8. 固定ã•ã‚ŒãŸãƒ˜ãƒƒãƒ€ 9. ヘッダã®ãªã„テーブル 10. æ‹¡å¼µå¯èƒ½ãªåˆ— 11. 列ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ 12. マルãƒãƒ—ルãªåˆ—ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ ã¯ã˜ã‚㫠テーブルã¯æ§‹é€ 化ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‚’ã¿ã›ã‚‹ã‚‚ã®ã§ã™ã€‚ãã—ã¦ã€ãã®ç›®çš„ã¯ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿ã‚„ã™ãã—ã€èµ°æŸ»ã—ã‚„ã™ãã€ç°¡å˜
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Wieden Kennedy: design company
http://www.designwalker.com/2010/06/jquery-forms.html
Button Maker
bookma! - 404
{{#tags}}- {{label}}
{{/tags}}