Webページやスマホアプリã€UI Kitã®ã‚«ãƒ©ãƒ¼ã®çµ„ã¿åˆã‚ã›ã‚’ã„ã‚ã„ã‚試ã›ã‚‹ -Panda Colors（肉çƒã‹ã‚ã„ã„）
パンダã®è‚‰çƒãŒã‹ã‚ã„ã„オンラインサービスを紹介ã—ã¾ã™ã€‚ Webページやスマホアプリã€ã‚¢ãƒ‰ãƒŸãƒ³ç”»é¢ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ãªã©ã€UIデザインã®ã‚«ãƒ©ãƒ¼ã®çµ„ã¿åˆã‚ã›ã‚’1クリックã§ã„ã‚ã„ã‚試ã›ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“スを紹介ã—ã¾ã™ã€‚
ã‚‚ã®ã®æ•°åˆ†ã§ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã„ãƒã‚´ãŒä½œæˆã§ãるサービス「Logo Garden〠: 二åæ³è¡—é“ã¾ã£ã—ãら
Logo Gardenã¯ã‚¦ã‚§ãƒ–上ã§ç°¡å˜ã«ãƒã‚´ãŒä½œã‚Œã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚ ãƒã‚´ã‚’作るã ã‘ã§ãªãã€ä½œã£ãŸãƒã‚´ã‚’入れãŸå刺やTシャツも作るã“ã¨ãŒã§ãã¾ã™ã€‚ 作ã£ãŸãƒã‚´ã¯ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ï¼ˆã¡ã‚‡ã£ã¨å°ã•ã„ã‘ã©ï¼‰ã€‚ ã©ã†ã„ã†ãƒã‚´ã‚’作ã‚ã†ã‹ãªãã¨è€ƒãˆã‚‹éš›ã«ã‚‚使ãˆãã†ã§ã™ã€‚ 以下ã«ä½¿ã£ã¦ã¿ãŸæ§˜åを載ã›ã¦ãŠãã¾ã™ã€‚ ã¾ãšã€ŒLogo Gardenã€ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ょã†ã€‚ ã¾ãšã©ã†ã„ã£ãŸã‚¸ãƒ£ãƒ³ãƒ«ã®ãƒã‚´ã‹ã‚’é¸ã³ã¾ã™ã€‚ 次ã«ãƒã‚´ã«ä½¿ã„ãŸã„イメージをé¸æŠžã—ã¾ã™ã€‚ ãŸãã•ã‚“種類ãŒã‚ã‚‹ã®ã§ã˜ã£ãã‚Šé¸ã‚“ã§ã¿ã¾ã—ょã†ã€‚ ã‚ã¨ã¯è‰²ã‚„æ–‡å—を入れã¦å¾®èª¿æ•´ã‚’ã—ãŸã‚‰å®Œæˆã€‚ ãã®å¾Œã€ãƒã‚´ã‚’JPGç”»åƒã¨ã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã‚ˆã€‚ ã•ã‚‰ã«ã€ãƒã‚´ã‚’使ã£ãŸè‰²ã€…ãªã‚¢ã‚¤ãƒ†ãƒ も作れるã¿ãŸã„ã§ã™ã€‚（有料ã§ã™ãŒï¼‰ ãƒã‚´ä½œæˆã®éš›ã«ãœã²ã”活用ãã ã•ã„。
ウェブページをã‚ャプãƒãƒ£ãƒ»ç·¨é›†ã§ãるツール「Aviary.comã€ï¼ˆç„¡æ–™ï¼‰ | ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
ライフãƒãƒƒã‚«ãƒ¼éŽåŽ»è¨˜äº‹ã€Œè»½ãã¦é€Ÿãã¦ãƒ–ラウザã§ä½¿ãˆã‚‹ç”»åƒç·¨é›†ãƒ„ール『Aviary Falconã€ã€ã§ã”紹介ã—ãŸç”»åƒç·¨é›†ãƒ„ール「Aviary Falconã€ã®ãƒ¡ãƒ¼ã‚«ãƒ¼AviaryãŒã¾ãŸã¾ãŸä¾¿åˆ©ãªãƒ„ールをリリースã—ã¾ã—ãŸã€‚ウェブページã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚ャプãƒãƒ£ã—ãŸã‚Šç·¨é›†ã—ãŸã‚Šã™ã‚‹éš›ã«ä½¿ãˆã‚‹ã‚¦ã‚§ãƒ–ツール「Aviary Screen Capture:Talonã€ã§ã™ã€‚ 使ã„æ–¹ã¯ã‚·ãƒ³ãƒ—ル。ãŸã¨ãˆã°ã€ã€Œaviary.com/http://www.google.comã€ã¨ã„ã£ãŸå…·åˆã«ã€ã‚ャプãƒãƒ£ã—ãŸã„ページã®å‰ã«ã€Œaviary.com/ã€ã‚’ã¤ã‘ãŸã‚‚ã®ã‚’ブラウザã®ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã«å…¥åŠ›ã—ã¦Enterã‚ーを押ã›ã°OK。ウェブコンテンツã¯ãƒ•ãƒ«ãƒ¬ãƒ³ã‚°ã‚¹ã§ã‚ャプãƒãƒ£ã™ã‚‹ã“ã¨ãŒã§ãã€ç·¨é›†ç”»é¢ã§ã®ç·¨é›†ã¯ã‚‚ã¡ã‚ã‚“ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¸ã®ä¿å˜ã‚‚OK。ユーザ登録ã™ã‚Œã°ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ä¸Šã«ã‚ャプãƒãƒ£ç”»åƒã‚’ä¿å˜ã—ã¦ãŠãã“ã¨ã‚‚ã§ãã¾ã™ã‚ˆã€‚ ç±³L
ブãƒã‚°ã‚¢ãƒ•ã‚£ãƒªã‚¨ã‚¤ãƒˆã§ç¨¼ãã®ã«å½¹ç«‹ã£ãŸã€Œæœ€å¼·ãƒ„ールã€ï¼’ï¼—é¸ã€ä¿å˜ç‰ˆã€‘
検索ã‚ーワードを調ã¹ã‚‹ãƒ„ールã¾ã¨ã‚ ã‚ーワードを調ã¹ã‚‹æ±ºå®šç‰ˆã€ŒGoogle ã‚ーワード プランナー〠GoogleãŒé‹å–¶ã™ã‚‹ã‚ーワードツールã§ã€ãŠãŠã‚ˆãã®æœˆé–“検索数や競åˆæ€§ãŒé«˜ã„ã‹ã©ã†ã‹ã‚’調ã¹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚ーワードリストをダウンãƒãƒ¼ãƒ‰ã—ã¦ãŠã„ã¦ã€ãã“ã‹ã‚‰ä½œã‚‹è¨˜äº‹ã‚’考ãˆã‚‹ã®ãŒåŠ¹çŽ‡çš„。 一定ã®åºƒå‘Šæ–™ã‚’使ã‚ãªã„ã¨ç´°ã‹ãªæ•°å€¤ã¯åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒã€Googleã®ãƒ‡ãƒ¼ã‚¿ã‚’å…ƒã«è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ã‚’決ã‚られるã®ã§ã€ä½¿ã£ã¦ãªã„人ã¯çµ¶å¯¾ä½¿ã£ã¦ãŠãã¾ã—ょã†ã€‚ Googleã‚ーワードプランナー ã‚ーワードã®çµ„ã¿åˆã‚ã›ãŒåˆ†ã‹ã‚‹ã€Œãƒ©ãƒƒã‚³ã‚ーワード〠ã‚ーワードã®çµ„ã¿åˆã‚ã›ã‚’探ã›ã‚‹ã‚¢ãƒ‰ãƒã‚¤ã‚¹ãƒ„ール。 Googleã®ã‚ーワードプランナーã»ã©ç´°ã‹ãªãƒ‡ãƒ¼ã‚¿ã¯åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒã€ã‚·ãƒ³ãƒ—ルã§ä½¿ã„ã‚„ã™ã„ツールã§ã™ã€‚ ラッコã‚ーワード æ¤œç´¢é †ä½ã‚’調ã¹ã‚‹ãƒ„ールã¾ã¨ã‚ æ¥è€…も使ã†é †ä½ãƒã‚§ãƒƒã‚¯ãƒ„ール「GRC〠他ã®ãƒ„ールã ã¨æ¯Žå›žã‚ーワードを入力
日本語もOKï¼ã‚¦ã‚§ãƒ–サイトをPDFã«å¤‰æ›ã—ã¦ãれるサイト「CreatePDF.inã€*二åæ³è¡—é“ã¾ã£ã—ãら（FC2ブãƒã‚°æ™‚代）
「CreatePDF.inã€ã¯ã‚¦ã‚§ãƒ–ページをPDF化ã§ãるサイトã§ã™ã€‚ PDFã«ã—ãŸã„サイトURLを入力ã—ã¦ã€å¤‰æ›ãƒœã‚¿ãƒ³ã‚’押ã™ã ã‘ï¼ç°¡å˜ã«PDFã«å¤‰æ›ã§ãã¾ã™ã‚ˆã€‚ 日本語もãƒãƒƒãƒãƒªå¯¾å¿œã—ã¦ã„ã¦ã€ç¶ºéº—ã«ä»•ä¸ŠãŒã‚Šã¾ã™ã€‚ 以下ã«ä½¿ã£ã¦ã¿ãŸæ§˜åを載ã›ã¦ãŠãã¾ã™ã€‚ ã¾ãšã€ŒCreatePDF.inã€ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã™ã€‚ PDF化ã—ãŸã„ウェブページã®URLを入力。 「Create PDFã€ã‚’クリックã™ã‚‹ã¨ã€å¤‰æ›é–‹å§‹ã§ã™ã€‚ 変æ›å¾Œã€è‡ªå‹•çš„ã«ãƒãƒ¼ã‚«ãƒ«ã«ä¿å˜ã•ã‚Œã¾ã™ã€‚ 通常モードã§PDF化ã—ãŸã‚‰ã€ã“ã®ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ 「landscapeã€ã«ãƒã‚§ãƒƒã‚¯ã„れるã¨æ¨ªå‘ãã«ãªã‚Šã¾ã™ã€‚ 日本語も綺麗ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ã€‚ 手軽ã«ã‚¦ã‚§ãƒ–ページをPDFã«ã§ãã‚‹ã®ã§ã€è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ï¼ （本記事ã§ç´¹ä»‹ã—ãŸã‚µã‚¤ãƒˆï¼šCreatePDF.in）
OSã‚’é¸ã°ãªã„ウェブデザイナーã®ãŸã‚ã®ä½¿ãˆã‚‹ã‚¦ã‚§ãƒ–アプリ15
OSãŒWindowsã§ã‚ã‚ã†ã¨ã€ubuntuã§ã‚ã‚ã†ã¨ã€å…±é€šã®ã‚µãƒ¼ãƒ“スをå—ã‘ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ãŒã‚¦ã‚§ãƒ–アプリケーションã§ã™ã€‚ ウェブデザイナーã®ä¸ã«ã¯ã€è‡ªå®…ã§ã™ã§ã«ubuntuを利用ã—ã¦ã„る人も多ã„。ã¾ãŸã€Macã€Windowsã¨ã€å„自ãã‚Œãžã‚Œã®ä½¿ã„ã‚„ã™ã„物を利用ã—ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 今回ã¯ã“ã†ã—ãŸã‚¦ã‚§ãƒ–開発を仕事ã¨ã—ã¦ã„る人ãŒåˆ©ç”¨ã—ãã†ãªãƒ„ールをã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«ç®¡ç† Googleカレンダー ã‚‚ã¯ã‚„説明ä¸è¦ã®ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«ç®¡ç†ã‚·ã‚¹ãƒ†ãƒ 。 ドラッグã«ã‚ˆã‚‹è¤‡æ•°æ—¥æ•°ã®ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«æŠ•ç¨¿ã¯ã€ãªã«ã‹ã¨é€£æ—¥ä½œæ¥ã«ãªã‚‹ã‚¦ã‚§ãƒ–製作ã«ã´ã£ãŸã‚Šã€‚ ã¾ãŸã€ã‚¿ã‚¹ã‚¯ç®¡ç†ã‚‚çµåˆã•ã‚ŒãŸãŸã‚ã€ç´°ã‹ã„作æ¥ãªã©ã®è¨˜å…¥ã‚‚å¯èƒ½ã€‚ãªã«ã‚ˆã‚Šè¤‡æ•°äººã§ã®äºˆå®šã®å…±æœ‰ã‚‚ã§ãã‚‹ã®ãŒä¾¿åˆ©ã§ã™ã€‚ メール Gmail ã‚‚ã†ä½¿ã£ã¦ã„る人も多数ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€GoogleãŒæä¾›ã™ã‚‹Gmailã¯ã‹ãªã‚Šå¼·çƒˆãªã‚¢ãƒ—リケーションã§ã™ã€‚
資料作りã«ä¾¿åˆ©ãªã‚ャプãƒãƒ£ãƒ¼ãƒ„ãƒ¼ãƒ«ãƒ»åŠ å·¥ãƒ„ãƒ¼ãƒ« : LINE Corporation ディレクターブãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚ブãƒã‚°ãƒ“ジãƒã‚¹éƒ¨ã®æ²³é‡Žã§ã™ã€‚ 説明やæ案ãªã©è³‡æ–™ã‚’作る際ã«ã€Webページやアプリケーションã®ç”»é¢ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å–り込んã り利用ã™ã‚‹ã“ã¨ã¯å¤šãã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 今回ã¯ãã®ã‚ˆã†ãªå ´é¢ã«å½¹ç«‹ã¤ãƒ„ールをã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ç”»é¢ã‚ャプãƒãƒ£ãƒ¼ãƒ„ールã®ä½¿ã„分㑠窓ã®æœã«ã¯ã€Œç”»é¢ã‚ャプãƒãƒ£ãƒ¼ã€ã€ãƒ™ã‚¯ã‚¿ãƒ¼ã«ã¯ã€Œã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚»ãƒ¼ãƒ(ã‚ャプãƒãƒ£)ã€ã¨ã€ã‚ャプãƒãƒ£ãƒ¼ãƒ„ールã¯ã€æ•°å¤šã紹介ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã‚Œãžã‚Œã€ç´°ã‹ã„ã¨ã“ã‚ã§ç‰¹å¾´ã«é•ã„ãŒã‚ã‚Šã¾ã™ã®ã§ã€è‡ªåˆ†ã®å¥½ã¿ã«åˆã‚ã›ã¦ä½¿ãˆã°ã„ã„ã¨æ€ã„ã¾ã™ã€‚ ç§ã®å ´åˆã¯ã€ã‚ャプãƒãƒ£å¯¾è±¡ãŒWebページã‹ãれ以外ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリã‹ç¯„囲ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼æŒ‡å®šã‹å…¨ç”»é¢ã‹ã€æˆ–ã„ã¯ã€è¡¨ç¤ºã•ã‚Œãªã„ページ全体部分もå«ã‚€ã‹ã‚ャプãƒãƒ£ã—ãŸç”»åƒã¯ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦ä¿æŒã—ãŸã„ã‹ã€ã‚¯ãƒªãƒƒãƒ—ボードã«ä¿æŒã§OKã‹ãªã©ã«ã‚ˆã£ã¦ã€ã„ãã¤ã‹ä½¿ã„分ã‘ã‚’ã—ã¦ã„ã¾ã™ã€‚ ã€1】Webページã®ã‚ャプãƒãƒ£ãƒ¼Webページã®
サイトã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚„サイトマップã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãŒã‚µã‚¯ã£ã¨ä½œã‚Œã‚‹ã€ŒNaviewã€
何らã‹ã®ã‚µã‚¤ãƒˆã‚’制作ã—よã†ã¨ã„ã£ãŸã¨ãã€æ§‹æƒ³ã‚’ç·´ã£ãŸã‚Šã€ãƒŠãƒ“ゲーションを考ãˆãŸã‚Šã™ã‚‹ã®ã«ã‚«ãƒ³ã‚¿ãƒ³ã«ã§ãã‚‹ã®ã§ã‚ã‚Œã°ã€ãƒªã‚¢ãƒ«ã«å†ç¾ã§ããŸæ–¹ãŒã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ãã‚„ã™ã„ã§ã™ã‚ˆã。 ã“ã‚Œã¾ã§ã«ã‚‚ã€WEBサイトã®æ§‹æˆå›³ã‚’作æˆã§ãるソフトãªã©ã‚’ã”紹介ã—ã¾ã—ãŸãŒã€ã•ã‚‰ã«æ‰‹è»½ã«ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã‚‚ã®ã‚’ã”紹介ã—ã¾ã™ã€‚ 組織ã®ãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—ツールをマインドマイスターã«ã™ã¹ãç†ç”± 伸ã³ã¦ã‚‹ç”£æ¥ã€ä¼šç¤¾ã€äº‹æ¥ã‚’紹介ã—ã¾ãã‚‹Strainerã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ¬ã‚¿ãƒ¼ã«ç™»éŒ²!! サイト構æˆã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’カンタンã«è¦–覚化ã§ãる「Naview〠「Naviewã€ã¯ã€ã‚µã‚¤ãƒˆã®ãƒŠãƒ“ゲーションメニューやサイトマップã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ã€ãƒ†ã‚ストベースã§ã‚«ãƒ³ã‚¿ãƒ³ã«ä½œæˆã§ãるサービス。 ãƒã‚°ã‚¤ãƒ³ã¯å¿…è¦ã§ã™ãŒã€å…¬é–‹ç”¨ã®URLを発行ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ãªã®ã§ã€é æ–¹ã®ã‹ãŸã¨ã‚„ã‚Šå–ã‚Šã™ã‚‹éš›ã«ã‚‚便利ã§ã™ã€‚ テã‚ストエディタã ã‘ã§ã‚µã‚¤ãƒˆæ§‹æˆã‚’作æˆã§ãã‚‹ ↑サイト構æˆã®ä½œæˆ
グリッドベースã®ã‚µã‚¤ãƒˆã‚’作りãŸã„ãªã‚‰ã€ŽTiny Fluid Gridã€ãŒä¾¿åˆ© | 100SHIKI
ã¡ã¨æŠ€è¡“çš„ãªãƒ„ールã ãŒã€ãƒ¡ãƒ¢çš„ã«ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚ 用途ã«ã‚‚よるã ã‚ã†ãŒæ ¼å状ã®ãƒ©ã‚¤ãƒ³ã«æ²¿ã£ã¦è¦ç´ ã‚’é…ç½®ã—ãŸã‚µã‚¤ãƒˆã‚’作りãŸã„ãªã‚‰ã‚°ãƒªãƒƒãƒ‰ãƒ™ãƒ¼ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒä¾¿åˆ©ã 。 ãã†è€ƒãˆã‚‹ã¨Tiny Fluid Gridã¯çŸ¥ã£ã¦ãŠã„ã¦ã‚‚ã„ã„ã ã‚ã†ã€‚ ã“ã®ã‚µã‚¤ãƒˆã§ã¯ä½œã‚ŠãŸã„グリッドã®ã‚µã‚¤ã‚ºã‚’指定ã™ã‚‹ã ã‘ã§å¿…è¦ãªCSSファイルをダウンãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãる。 ã‚ã¨ã¯ã“れをベースã«ã‚µã‚¤ãƒˆã‚’デザインã—ã¦ã„ã‘ã°ã„ã„ã ã‘ã 。 最近ã®ã‚µã‚¤ãƒˆä½œã‚Šã¯ã‚¹ãƒ”ードå‹è² ã®ã‚ˆã†ãªã¨ã“ã‚ã‚‚ã‚る。ã“ã†ã—ãŸãƒ„ールをã†ã¾ã使ã„ã“ãªã—ãŸã„ã§ã™ã。
iPhoneサイトを無料作æˆï¼Dreamweaver拡張機能ãŒç™»å ´
使ã„慣れãŸDreamweaverã§ã€iPhone用ã®Webサイトを作りãŸã„。ãã‚“ãªWeb制作者ã®å£°ã«å¿œãˆã‚‹ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ï¼ˆæ‹¡å¼µæ©Ÿèƒ½ï¼‰ã€ŒiPhone site extension for Dreamweaver CS4/5ã€ãŒç™»å ´ã—ãŸã€‚利用ã¯ç„¡æ–™ã§ã€é–‹ç™ºå…ƒã®ã‚¨ã‚¤ãƒãƒ„ーオー・スペースã®Webサイトã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãる。 iPhone site extensionã¯ã€ã‚¢ãƒ‰ãƒ“ システムズã®HTML/CSSオーサリングツール「Dreamweaverã€ã«iPhone用Webサイトã®ä½œæˆæ”¯æ´æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã€‚iPhone site extensionã‚’Dreamweaver CS4/CS5ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã¨ã€æ–°è¦ä½œæˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã€ŒiPhone用ページã€ã€ŒiPhone用Webアプリã€ã®2種類ã®HTML/CSSテンプレートãŒé¸æŠžã§ãるよã†ã«ãªã‚‹ã€‚å„テンプレートã«ã¯ã€ã‚¢ãƒƒãƒ—ルã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤
Visualize Website Structure – Sitemap
2014å¹´8月17æ—¥ Webサイト制作, 便利ツール Webサイト制作ã®æº–備編２：Webサイトã®æ§‹æˆå›³ï¼ˆã‚µã‚¤ãƒˆãƒžãƒƒãƒ—）。ã©ã®ãƒšãƒ¼ã‚¸ãŒã©ã“ã¸ãƒªãƒ³ã‚¯ã™ã‚‹ã®ã‹ã€ãƒšãƒ¼ã‚¸ã®é‡è¦åº¦ãªã©ã€Webサイトã®æ§‹æˆã‚’図ã«ã¾ã¨ã‚ã¦ãŠãã¨è£½ä½œé€”ä¸ã§å¤‰æ›´ãŒã‚ã£ãŸå ´åˆã§ã‚‚æ•´ç†ã—ã‚„ã™ããªã‚Šã¾ã™ã€‚Webサイトã®æ§‹æˆå›³ã‚’作るã¨ãã®ãƒã‚¤ãƒ³ãƒˆã¨ä¾¿åˆ©ãªã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ールをã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ å®Ÿè·µã§å¦ã¶Webサイト制作ガイド：ãã®2 目標：Webサイトã®æ§‹æˆã‚’明確ã«ã™ã‚‹ å¿…è¦ãªã‚‚ã®ï¼šç´™ã¨ãƒšãƒ³ 対象レベル：超åˆå¿ƒè€…OKï¼ ç›®æ¬¡ 誰ã®ãŸã‚？何ã®ãŸã‚？Webサイトを作り始ã‚ã‚‹å‰ã«ã€‚ Webサイトã®æ§‹æˆå›³ã‚’ç°¡å˜ã«ä½œã‚Œã‚‹ä¾¿åˆ©ãƒ„ール â†ä»Šã“ã“ Webサイトè¨è¨ˆå›³ – ワイヤーフレームã®ä½œã‚Šæ–¹ Photoshopã§Webサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—よㆠPhotoshopã§ã‚¹ãƒ©ã‚¤ã‚¹ã—ã€ãƒ‘ーツ画åƒã‚’作æˆã™ã‚‹ã‚³ãƒ„ã¨æ–¹æ³•
サイトやサービスã®ãƒ‘フォーマンスをãƒã‚§ãƒƒã‚¯ã—ã¦æ”¹å–„点を教ãˆã¦ãれる『GTmetrix〠| 100SHIKI
サイトやサービスを作ã£ãŸã‚‰ã¾ãšã¯ã“れを試ã—ã¦ã¿ã‚‹ã¨ã„ã„ã‹ã‚‚ã—ã‚Œãªã„。 GTmetrixã¯ã‚µã‚¤ãƒˆã®ãƒ‘フォーマンスをãƒã‚§ãƒƒã‚¯ã—ã€ã©ã“を改善ã—ãŸã‚‰è‰¯ã„ã‹ã‚’æ•™ãˆã¦ãれるツールã 。 診æ–çµæžœã§ã¯ã•ã¾ã–ã¾ãªæ–½ç–ã‚’æ•™ãˆã¦ãれるãŒã€å„ªå…ˆé †ä½ã¾ã§ã¤ã‘ã¦ãれるã®ã¯ãªã‹ãªã‹ä¾¿åˆ©ã ã‚ã†ã€‚ ã¾ãŸä¼šå“¡ç™»éŒ²ã™ã‚‹ã“ã¨ã§ã€è¨ºæ–çµæžœã®å±¥æ´ã‚’ã¨ã‚‹ã“ã¨ã‚‚å¯èƒ½ã 。時間をãŠã£ã¦ã©ã®ã‚ˆã†ã«ãƒ‘フォーマンスãŒæ”¹å–„ã—ãŸã‹ã€å ±å‘Šã™ã‚‹ã®ã«è‰¯ã•ãã†ã 。 最近ã®ã‚µã‚¤ãƒˆã«ãŠã„ã¦ã¯ã€Œé€Ÿåº¦ã¯æ©Ÿèƒ½ã€ã¨ã„ã†ã®ã¯é–“é•ã„ãªã„。ã“ã†ã—ãŸãƒ„ールをã†ã¾ã使ã„ã“ãªã—ãŸã„ã§ã™ãªã€‚
自動ã§ãƒªãƒ³ã‚¯åˆ‡ã‚Œãƒã‚§ãƒƒã‚¯ã—ã€Webサイトã®å“質をä¿ã¤ä¾¿åˆ©ãƒ„ール8é¸ | 人手ã«é ¼ã‚‰ãªã„Webサイトã®æˆ¦ç•¥çš„å“質管ç†æŒ‡å—
Webサイトã®å“質ç¶æŒã«ã¯ã€ãƒªãƒ³ã‚¯åˆ‡ã‚Œã‚„ä¸è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’å°‘ãªãã™ã‚‹ã“ã¨ãŒé‡è¦ã§ã™ã€‚今回ã¯ã€Webサイトå“質ã®å•é¡Œç‚¹ç™ºè¦‹ã¨ãã®è§£æ±ºã¸ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’æ ¼æ®µã«ä¸Šã’る自動ãƒã‚§ãƒƒã‚¯ãƒ„ールを8ã¤ç´¹ä»‹ã—ã¾ã™ã€‚日本アイ・ビー・エムãŒæä¾›ã™ã‚‹IBM Rational Policy Testerã‚„W3Cリンクãƒã‚§ãƒƒã‚«ãƒ¼ã€W3Cマークアップ検証サービスã€ãƒªãƒ³ã‚¯åˆ‡ã‚Œã‚«ãƒƒã‚¿ãƒ¼ã€Web Developerãªã©ã®ãƒ•ãƒªãƒ¼ãƒ„ールも紹介 数百ページ～数万ページã¨ã„ã†Webサイトã§ã¯ã€äººçš„ãªæ¤œæŸ»ã ã‘ã§ã™ã¹ã¦ã®å•é¡Œç‚¹ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã®ã¯å®Ÿè³ªçš„ã«ä¸å¯èƒ½ã«è¿‘ã„。ã¾ãŸã€ãƒšãƒ¼ã‚¸æ•°ãŒå°‘ãªãã¦ã‚‚ã€ãƒã‚§ãƒƒã‚¯æ¼ã‚ŒãŒã‚ã£ã¦ã¯æ„味ãŒãªã„。 自動ãƒã‚§ãƒƒã‚¯ãƒ„ールを利用ã™ã‚‹ã“ã¨ã§ã€å•é¡Œç‚¹ç™ºè¦‹ã¨ãã®è§£æ±ºã¸ã®ã‚¹ãƒ”ードã¯æ ¼æ®µã«ä¸ŠãŒã‚‹ã€‚ç¾ä»£ã®Webサイトã§ã¯ã€ç†æƒ³çš„ãªå“質管ç†ã‚’実ç¾ã™ã‚‹ã«ã¯ã€ä½•ã‚‰ã‹ã®ãƒ„ールã®åˆ©ç”¨ã¯å¿…é ˆã ã¨ã‚‚ã„ãˆã‚‹ã€‚ 最も効率良ã診æ–ã§ãる専門ツール手å‰
0to255
There are 16,777,216 color hex codes. With so many options, how do you choose the right color? The latest research on color perception tells us that somewhere between 40% to 99% of these colors are indistinguishable to the human eye.* Which begs the question: if we can't see the difference between two colors, why should we waste time deciding between them? What if you could easily narrow down the
HugeDomains.com
Captcha security check coolcoding.com is for sale Please prove you're not a robot View Price Processing
アイコンをデザインã™ã‚‹äººã®ãŸã‚ã®ãƒ„ールã‚ット – creamu
アイコンを自分ã§ä½œã‚ŠãŸã„。 ãã‚“ãªã¨ãã«ä½¿ãˆãã†ãªã®ãŒã€ã€ŽThe Icon Designer’s Toolkitã€ã€‚アイコンをデザインã™ã‚‹äººã®ãŸã‚ã®ãƒ„ールã‚ットã§ã™ã€‚ é¢ç™½ã„æ„Ÿã˜ã®ãŒæƒã£ã¦ã„ã‚‹ã®ã§ã”紹介ã—ã¾ã™ã。 IconBuilder Mac版ãŒ$79ã€Windows 版ãŒ$49ã®ã‚½ãƒ•ãƒˆã€‚Photoshopã€Fireworksã¨é€£æºå¯èƒ½ Icon Machine Mac OS X 10.2以上ã§ä½¿ãˆã‚‹ã€Mac用ã®ã‚½ãƒ•ãƒˆã€‚$25 IcoFX MSã®ãƒšã‚¤ãƒ³ãƒˆã‚¢ãƒ—リを拡張ã—ãŸã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®ã‚¢ã‚¤ã‚³ãƒ³ä½œæˆã‚½ãƒ•ãƒˆ Favicon Generator faviconãŒä½œæˆã§ãã‚‹ç„¡æ–™ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ール Photoshopãªã©ã‚’使ã‚ãšã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’作りãŸã„ã¨ãã«ã€ã„ã‹ãŒã§ã—ょã†ã‹ï¼Ÿ The Icon Designer’s Toolkit 天気ãŒã‚ˆã‹ã£ãŸã®ã§ã€ä»•äº‹çµ‚ã‚ã‚Šã«ãŠèŠ±è¦‹ã«è¡Œã£ã¦ãã¾ã—ãŸã€‚皇居
Flash知è˜ãŒãªãã¦ã‚‚æºå¸¯FlashサイトãŒä½œæˆå¯èƒ½--「Fi:Moã€æ供開始 | クリエイティブ | マイコミジャーナル
CELLã¯ã€Flashã®çŸ¥è˜ãŒãªãã¦ã‚‚æºå¸¯3ã‚ャリアã«å¯¾å¿œã—ãŸFlashサイトを作æˆã§ãã‚‹ã€æºå¸¯é›»è©±å‘ã‘Flash作æˆæ”¯æ´ãƒ„ール「Fi:Moã€ã®ã‚µãƒ¼ãƒ“スæ供を開始ã—ãŸã€‚ä¾¡æ ¼ã¯æœˆé¡88,888円。 「Fi:Moã€ã‚¤ãƒ¡ãƒ¼ã‚¸å›³ Fi:Moã¯ã€Flashã®æŠ€è¡“や専門知è˜ãŒãªãã¨ã‚‚Flashページã®ä½œæˆã€æ›´æ–°ãŒã§ãã‚‹Flash作æˆæ”¯æ´ãƒ„ール。Flash Lite1.1以上ã®ãƒ‰ã‚³ãƒ¢ã€auã€softbankã®3ã‚ャリアã«å¯¾å¿œã—ã€ãƒ‡ãƒãƒƒã‚°ãŒä¸è¦ã®ç«¯æœ«æœ€é©åŒ–機能をæ載ã™ã‚‹ã€‚ ã¾ãŸã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„プãƒãƒã‚¤ãƒ€ãƒ¼ã®2階層目ã«ã‚ãŸã‚‹ãƒ©ãƒ³ã‚ングページã€ç‰¹é›†ãƒšãƒ¼ã‚¸ãªã©ã‚’Flash化ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã‚µã‚¤ãƒˆå…¨ä½“ã®é·ç§»ã®è¤‡é›‘化を解消ã—ã€ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚„ランã‚ングç‰ã®å³æ™‚性ã®é«˜ã„ページを自動更新ã™ã‚‹æ©Ÿèƒ½ã‚‚æ載。 ãªãŠã€åŒãƒ„ールã¯å–次店ã¨ã—ã¦ã€ãƒ‰ã‚³ãƒ¢ãƒ»ãƒ‰ãƒƒãƒˆã‚³ãƒ ã®å”力を得ã¦æä¾›ã•ã‚Œã‚‹ã¨ã®ã“ã¨ã€‚ä¾¡æ ¼ã¯ã€æœˆé¡88,888円。詳細ã¯ã“ã¡ã‚‰ã‚ˆã‚Šã€‚
WEB制作ã€ãƒ—ãƒã®ç„¡æ–™ã‚µãƒ¼ãƒ“ス活用術　第1回 - MdN Design Interactive
作æ¥åŠ¹çŽ‡ãŒã‚¢ãƒƒãƒ—ã™ã‚‹éš ã‚ŒãŸä½¿ã„方教ãˆã¾ã™ï¼ WEB制作ã€ãƒ—ãƒã®ç„¡æ–™ã‚µãƒ¼ãƒ“ス活用術 ──デザインã«ä½¿ãˆã‚‹ãƒ„ール（1） クラウド隆盛ã®æ˜¨ä»Šã€ã‚½ãƒ•ãƒˆã‚¦ã‚¨ã‚¢ã¨åŒç‰ã‹ã€ãれ以上ã«ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’æŒã£ãŸã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“スï¼ãƒ„ールãŒè±Šå¯Œã«å–ã‚Šãã‚ã£ã¦ããŸã€‚本記事ã§ã¯ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“スã®ä¸ã§ã‚‚無料利用ãŒå¯èƒ½ãªã‚‚ã®ã‚’é¸ã‚Šã™ãã‚Šã€Web制作を6ã¤ã®ã‚·ãƒ¼ãƒ³ã«åˆ†é¡žã—ã¦ã‚ˆã‚Šå¿«é©ã«ä½œæ¥ã™ã‚‹ãŸã‚ã® 82ã®æ´»ç”¨è¡“ã®ä¸ã‹ã‚‰ã€Web制作ã«ä½¿ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã«ç‰¹åŒ–ã—ãŸç„¡æ–™ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ールã®æ´»ç”¨æ³•ã‚’13点紹介ã™ã‚‹ã€‚デザインã®å¹…を広ã’ã€Webサイトã®è³ªã‚’高ã‚る実践方法を試ã—ã¦ã»ã—ã„。 Tweet [technique 01] オンラインã§æœ¬æ ¼çš„ãªç”»åƒç·¨é›†ã‚’ã™ã‚‹ 「pixlr〠[technique 02] ç¹°ã‚Šè¿”ã—用ã®èƒŒæ™¯ç”»åƒã‚’作æˆã™ã‚‹ 「Tiled backgrounds designer〠[technique 03] カラーパター
ãƒãƒ£ãƒ¼ãƒˆãƒ»ã‚°ãƒ©ãƒ•ãŒä½œã‚Œã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ール22 – creamu
97859900/ iStockphoto/ Thinkstock ãƒãƒ£ãƒ¼ãƒˆã‚„グラフを手軽ã«ä½œã‚ŠãŸã„。 ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Ž22 Useful Online Chart & Graph Generatorsã€ã€‚ãƒãƒ£ãƒ¼ãƒˆãƒ»ã‚°ãƒ©ãƒ•ãŒä½œã‚Œã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ール集ã§ã™ã€‚ 便利ãã†ãªã®ãŒæƒã£ã¦ã„ã‚‹ã®ã§ã”紹介ã—ã¾ã™ã。 Rich Chart Live Flashã§ãƒãƒ£ãƒ¼ãƒˆãŒä½œã‚Œã‚‹ãƒ„ール Online Chart Generator ç´ æ™´ã‚‰ã—ã„ジェãƒãƒ¬ãƒ¼ã‚¿ã€‚ã‹ã£ã“ã„ã„3Dã®ã‚°ãƒ©ãƒ•ã‚’ç°¡å˜ã«ç”Ÿæˆã§ãã‚‹ Chartle.net シンプルã«ä½¿ãˆã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒãƒ£ãƒ¼ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ JS Charts 棒グラフや円グラフãªã©ã€æ§˜ã€…ãªã‚¿ã‚¤ãƒ—ã®ãƒãƒ£ãƒ¼ãƒˆãŒä½œã‚Œã‚‹JavaScript Google Chart Tools Webサイト上ã§ãƒ©ã‚¤ãƒ–ãƒãƒ£ãƒ¼ãƒˆãŒä½œã‚Œã‚‹Google Chart Tools Google Char
CSS3を使用ã—ãŸç¾Žã—ã„フォームãŒç°¡å˜ã«ä½œæˆã§ãã‚‹ -FAARY
CSSã‚„HTMLã®çŸ¥è˜ãŒãªãã¦ã‚‚ç°¡å˜ã«CSS3を使用ã—ãŸç¾Žã—ã„フォームãŒä½œæˆã§ãるオンラインサービス「FAARYã€ã‚’紹介ã—ã¾ã™ã€‚ FAARY - Free, Online CSS Form Generator 「FAARYã€ã®åˆ©ç”¨ã¯ç„¡æ–™ã§ã€ç™»éŒ²ãªã©é¢å€’ãªã“ã¨ã¯ä¸€åˆ‡ç„¡ã—ã§åˆ©ç”¨ãŒã§ãã¾ã™ã€‚ フォームã®ä½œæˆãƒ»ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã‚ãšã‹3ステップã§å®Œäº†ã§ã™ã€‚ フォームã®å†…容をè¨å®š 「Generate!ã€ãƒœã‚¿ãƒ³ã§ã€ãƒ•ã‚©ãƒ¼ãƒ ãŒç”Ÿæˆ ã‚ã¨ã¯ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã 㑠フォームã¯æ—¥æœ¬èªžã«ã‚‚対応ã—ã¦ãŠã‚Šã€å†…容をè¨å®šã™ã‚‹ã™ã‚‹éš›ã«æ—¥æœ¬èªžã®åˆ©ç”¨ãŒå¯èƒ½ã§ã™ã€‚
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}