複数Webサイトã‹ã‚‰ãƒ•ãƒªãƒ¼ã®é«˜å“質ãªå†™çœŸã‚’探ã›ã‚‹ãƒ»ã€ŒStock Upã€
Stock Upã¯è¤‡æ•°ã®å†™çœŸé…布サイトã‹ã‚‰æ¤œç´¢å‡ºæ¥ã‚‹ãƒ•ã‚©ãƒˆæ¤œç´¢ã‚µãƒ¼ãƒ“スã§ã™ã€‚Unsplashã‚„Skitterphotoãªã©ã‹ã‚‰CC0ã§é«˜å“質ãªå†™çœŸã‚’探ã™ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚楽ã§ã„ã„ã§ã™ã。ダウンãƒãƒ¼ãƒ‰å‰ã«ä¸€å¿œãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯ã”自身ã§ç¢ºèªãªã•ã£ã¦ä¸‹ã•ã„ã。 Stock Up
Webサイトã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—制作ã«ä½¿ãˆã‚‹ç„¡æ–™ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ール
2016å¹´3月19æ—¥ Webサイト制作, 便利ツール Webサイトを制作ã™ã‚‹éš›ã«å¤§åˆ‡ãªã‚‚ã®ã®å¤šãã¯ã€åˆ¶ä½œé–‹å§‹ã™ã‚‹å‰ã®æ®µéšŽã«ã‚ã‚Šã¾ã™ã€‚サイトã®è¨è¨ˆãƒ»è¨ˆç”»ãŒã†ã¾ãã„ã£ã¦ã„ãªã„サイトã¯ã€åˆ¶ä½œé–‹å§‹å¾Œã€æ§˜ã€…ãªãƒˆãƒ©ãƒ–ルã«è¦‹èˆžã‚れるã“ã¨ã§ã—ょã†â€¦ã€‚ã¨ã„ã†ã“ã¨ã§ä»Šå›žã¯ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—・プãƒãƒˆã‚¿ã‚¤ãƒ—ã¨å‘¼ã°ã‚Œã‚‹è¨è¨ˆç”»é¢ã‚’作æˆã§ãるオンラインツールをã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚サイトã®å¤§ã¾ã‹ãªå‹•ãã‚’ãƒãƒ¼ãƒ 内ã§ã‚·ã‚§ã‚¢ã—ãŸã‚Šã€ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã—ã‚ã£ãŸã‚Šã¨ã€ä¾¿åˆ©ã«ä½¿ãˆã‚‹ã‚‚ã®ã°ã‹ã‚Šã§ã™ï¼ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ 2016å¹´3月16æ—¥ 追記：AdobeãŒãƒªãƒªãƒ¼ã‚¹ã—ãŸãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングツールも試ã—ã¦ã¿ã¾ã—ãŸï¼â†’ Adobe Experience Design（XD）を使ã£ã¦ã‚¢ãƒ—リã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—を作ã£ã¦ã¿ãŸ ViewFlux ViewFluxã¯ãƒ‡ã‚¶ã‚¤ãƒ³ç”»åƒã®ã‚·ã‚§ã‚¢ã‚„フィードãƒãƒƒã‚¯ãŒç°¡å˜ã«è¡Œãˆã‚‹ãƒ„ール。必è¦ãªãƒšãƒ¼ã‚¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³
ECサイトã«ãŠã‘る考ãˆã‚‹ã¹ãユーザビリティ9ãƒ¶æ¡ ï½œhttps://wp.yat-net.com/name
ECサイトã€ãƒãƒƒãƒˆã‚·ãƒ§ãƒƒãƒ—ã«ãŠã„ã¦è€ƒãˆã¦ãŠãã¹ãユーザビリティを9ã¤ãƒ”ックアップã—ã¾ã—ãŸã€‚ã‚‚ã¡ã‚ã‚“ã“ã‚ŒãŒå…¨ã¦ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã—ã€ã‚µã‚¤ãƒˆè¨è¨ˆã®ä¸Šã§ã¯ã‚‚ã£ã¨ã‚‚ã£ã¨ç´°ã‹ã考ãˆã‚‹ã“ã¨ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚今回ã¯ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’下ã’ãªã„ã€ç›´å¸°çŽ‡ã‚’下ã’ãªã„ãŸã‚ã«æ–½ç–ã™ã‚‹å ´åˆã«ä½•ã‚’ã™ã‚‹ã‹ï¼Ÿã‚’ç°¡æ½”ã«ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ä»–ã®ãƒãƒƒãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚’é‹å–¶ã•ã‚Œã¦ã„ã‚‹æ–¹ãŒã©ã†ã„ã†äº‹ã‚’ã•ã‚Œã¦ã„ã‚‹ã‹ã‚‚凄ãæ°—ã«ãªã‚Šã¾ã™ã。 1.ãƒã‚´ã¯HOME㸠ãƒã‚´ã‚’クリックã™ã‚Œã°ãƒˆãƒƒãƒ—ページã¸è¡Œãã¨ã„ã†èªè˜ã‚’æŒãŸãªã„ユーザーã¯æ²¢å±±ã„ã¾ã™ã€‚トップページã¸è¡ŒããŸã‚ã®ãƒœã‚¿ãƒ³ã¯åˆ¥é€”用æ„ã—ã€ãã†ã„ã£ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã¸ã®ãƒ•ã‚©ãƒãƒ¼ã‚‚æ–½ç–ã—ã¦ãŠã事ãŒå¤§åˆ‡ã§ã™ã€‚ リンク時ã«ãŠã‘る色を変更ã—統一ã™ã‚‹ã“ã¨ã§ãƒ¦ãƒ¼ã‚¶ãƒ“リティã¯ç¢ºä¿ã¾ã™ã€‚ã—ã‹ã—ã€ãƒ–ラウザã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã‚ã‚‹é’色ã«ä¸‹ç·šã¨è¨€ã£ãŸãƒ«ãƒ¼ãƒ«ã‚’採用ã™ã‚‹ã“ã¨ã§ã€ã‚ˆã‚Šå¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å¯¾ã—ã¦ãã‚ŒãŒãƒªãƒ³ã‚¯ã§ã‚ã‚‹ã¨è¨€ã†ã“ã¨ã‚’èªçŸ¥ã—ã¦ã‚‚らã„
Web制作ã§é¢å€’ãªä½œæ¥ã‚’自動化ã™ã‚‹ãƒ“ルドツールã€Grunt v0.4 入門
Web制作ã§é¢å€’ãªä½œæ¥ã‚’自動化ã™ã‚‹ãƒ“ルドツールã€Grunt v0.4 入門 2013-03-14 / 2014-03-12 Webサイトã®è¡¨ç¤ºé€Ÿåº¦ã‚’æ°—ã«ã™ã‚‹ã¨ã€CSSã‚„JavaScriptã®minifyã€gzipã€CSS Spriteã€ç”»åƒã®æœ€é©åŒ–ãªã©ã®é¢å€’ãªä½œæ¥ãŒç™ºç”Ÿã—ã¾ã™ã€‚ Grunt.jsã¨ã¯ï¼Ÿ Grunt.jsã¯ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JavaScriptã®Node.jsを使用ã—ãŸCUIã®ãƒ“ルドツールã§ã™ã€‚ タスクをè¨å®šã—ã¦ãŠãã€ãれらを自動化ã—ã¾ã™ã€‚ コマンドプãƒãƒ³ãƒ—トやターミナルãªã©ã€ã„ã‚ゆる「黒ã„ç”»é¢ã€ã‚’使ã„ã¾ã™ã€‚ Grunt.jsã®ç¾åœ¨ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯0.4.1ã§ã™ã€‚ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒ0.3ã‹ã‚‰0.4ã«ãªã£ãŸã“ã¨ã§ã€å¤§ãã仕様ãŒå¤‰ã‚ã‚Šã¾ã—ãŸã€‚ Grunt.js v0.4ã§ã¯grunt-cliをインストールã—ã¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã”ã¨ã«Gruntやプラグインをインストールã—ã¦ä½¿ç”¨ã—ã¾ã™ã€‚ プラグイ
Web屋ãªã‚‰çµ¶å¯¾å‚考ã«ã—ãŸã„ï¼Web制作ã§å½¹ç«‹ã¤ã‚µã‚¤ãƒˆã¨twiterアカウント | らãµã‚‰ã ^^
Webæ¥ç•Œã«ã„ã‚‹ã¨ã€å¸¸ã«æ–°ã—ã„æƒ…å ±ã‚„æŠ€è¡“ãŒç”Ÿã¾ã‚Œã‚‹ãŸã‚〠必è¦ãªçŸ¥è˜ã®ç§»ã‚Šå¤‰ã‚ã‚ŠãŒé€Ÿã„ã§ã™ã€‚ ãã“ã§ã€æœ€æ–°æŠ€è¡“ã«ä¹—ã‚Šé…ã‚Œãšã€çŸ¥è˜ã‚’å¸åŽã™ã‚‹ãŸã‚ã«ã‚‚ フォãƒãƒ¼ã—ã¦ãŠãã¨ä¾¿åˆ©ãªtwitterアカウントã¨Webサイトを紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ â‘ Webクリエイターボックス Webクリエイターボックス Web制作ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„コード集を記事ã«ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ 分é‡ã‚‚ã¡ã‚‡ã†ã©è‰¯ãã€ã•ãã•ãèªã¿é€²ã‚る事ãŒå‡ºæ¥ã¾ã™ã€‚ twiterアカウントã¯ã“ã¡ã‚‰ã€‚ @webcreatorbox â‘¡Webデザインレシピ Webデザインレシピ 美人デザイナー「ã®ã‚Šã•ã‚“ã€ãŒé‹å–¶ã™ã‚‹ã‚µã‚¤ãƒˆã€‚ CSSやらデザイン系ã®Tipsã‚’ä¸å¿ƒã«Webデザインã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã‚ã‹ã‚Šã‚„ã™ã解説ã—ã¦ãã‚Œã¦ã¾ã™ã€‚ 個人的ã«éžå¸¸ã«åŠ©ã‹ã£ãŸã®ã¯ã“ã¡ã‚‰ã®è¨˜äº‹ã€‚ CSSã¯åˆ†ã‹ã‚‹ã‘ã© jQuery ã¯è‹¦æ‰‹ … ã¨ã„ã†äººãŒ jQuery
コードã®çŸ¥è˜ãŒç„¡ãã¦ã‚‚パワãƒæ„Ÿè¦šã§ã‚µã‚¤ãƒˆä½œæˆã§ãる無料・有料サービス14é¸ | A!@attrip
最近ã®ã‚¦ã‚§ãƒ–サービスã®é€²åŒ–ã¯é€Ÿã„ã‚‚ã®ã§ã€htmlã‚„CSSãªã©ã®ã‚³ãƒ¼ãƒ‰ãŒæ›¸ã‘ãªãã¦ã‚‚ã€çµµãŒæã‘ã‚Œã°ã‚µã‚¤ãƒˆã‚’作æˆã§ãるよã†ã«ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€ã‚³ãƒ¼ãƒ‰ã®çŸ¥è˜ãŒç„¡ãã¦ã‚‚ã€ãƒžã‚¦ã‚¹ã§ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ãる無料・有料サービスを集ã‚ã¦ã¿ã¾ã—ãŸã€‚ PCå‘ã‘サイト作æˆç”¨ 1. Wix ドラッグ＆ドãƒãƒƒãƒ—ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒè‡ªç”±è‡ªåœ¨ã«ã§ãる。ãŠã—ゃれãªãƒ†ãƒ¼ãƒžãƒ†ãƒ³ãƒ—レートも充実ã—ã¦ã„る。html5ã§ä½œæˆã•ã‚Œã‚‹ã®ã‚‚特長。 デザイナー＆コーダーã„らãªããªã‚‹ã‹ã‚‚？ï¼ã‚¦ã‚§ãƒ–ツール『WiX〠| A!@attrip 2. Google サイト Googleã®ã‚µã‚¤ãƒˆä½œæˆã‚µãƒ¼ãƒ“ス。ã¾ã‚‹ã§Wordã®ã‚ˆã†ãªä½¿ã„心地。 テーマã®ãŠã—ゃれ度ã¨å……実度ã¯ã¾ã‚ã¾ã‚ã‹ãªã。 3. Scroll Kit 下ã¸ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ä½œæˆãªã©ã«ä¾¿åˆ©ã€‚çµµã¾ã§æã‘ã¦ã—ã¾ã†ã»ã©è‡ªç”±åº¦é«˜ã„。 html解らãªãã¦ã‚‚サ
2012年北米ã§WEB制作者ã¨ã—ã¦ç”Ÿãã¦ããŸåƒ•ã«ã¨ã£ã¦çµ¶å¯¾ã«ç„¡ãã¦ã¯æˆã‚‰ãªã‹ã£ãŸè‹±èªžåœã‚µã‚¤ãƒˆå…¨éƒ¨ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
This is my roundup post of online information sources, such as technical blogs and trend websites, that helped me a lot as a web designer through out this year. Massive thanks to those pages, and you all! ã•ã¦ã€åƒ•ã®å¹´æœ«æ„Ÿè¬ç¥ï¼ˆï¼Ÿï¼‰ã‚‚ã„よã„よ大詰ã‚ã§ã™ï¼å‰å›žã¯2012年を振り返ã£ã¦ 僕ã«ã¨ã£ã¦ç„¡ãã¦ã¯æˆã‚‰ãªã„アプリやWEBサービスã®æ•°ã€…を大感è¬ã®æ€ã„ã§ã”紹介ã•ã›ã¦é ‚ãã¾ã—ãŸã€‚ 今回ã¯2012å¹´ã®åƒ•ã«ã¨ã£ã¦çŸ¥è˜ã‚„æƒ…å ±ã®å®åº«ã¨ãªã£ã¦ãã‚ŒãŸã‚µã‚¤ãƒˆã®æ•°ã€…を今回ã¯è‹±èªžåœã«çµžã£ã¦è¶…æ„Ÿè¬ã®æ„ã‚’è¾¼ã‚ã¦å…¨éƒ¨ä¸€æ°—ã«ã”紹介ã•ã›ã¦é ‚ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ï¼ ã“ã®ä¸€å¹´ã€åƒ•ã® Facebookã‚„ Twitterã§ä½•åº¦ã‚‚何度
CSSã ã‘ã§ã§ãる？ã®åˆ¤æ–スã‚ルå‘上ãªã©ã€å¤±æ•—ã‹ã‚‰å¾—ãŸ5ã¤ã®æ°—ã¥ã
å‰å›žã®è¨˜äº‹ã§ã¯ã€ã¼ãらã®è‡ªç¤¾ã‚µã‚¤ãƒˆãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ãŒã„ã£ãŸã‚“失敗ã«çµ‚ã‚ã‚Šã€ã‚¼ãƒã‹ã‚‰ä½œã‚Šç›´ã™ç¾½ç›®ã«ãªã£ãŸé¡›æœ«ã‚’ãŠè©±ã—ã¾ã—ãŸã€‚失敗ã¯ã¤ã‚‰ãã¦ã€æ¥ãšã‹ã—ã„。今もã€ã“ã†ã—ã¦è¨˜äº‹ã‚’書ã„ã¦ã„ã‚‹ä¸ã§ã€ã€Œã§ãã‚Œã°å¤±æ•—ã›ãšã«æ¸ˆã¾ã›ãŸã‹ã£ãŸãªã€ã¨ã„ã†è¤‡é›‘ãªæ€ã„ãŒèƒ¸ã«ã“ã¿ä¸Šã’ã¦ãã¾ã™ã€‚ ã›ã‚ã¦ãã®å¤±æ•—ã‚’åçœã—ã€ã€Œç¹°ã‚Šè¿”ã™ã¹ãã§ãªã„ã“ã¨ã€ã¨ã€Œä»Šå¾Œã‚‚継続ã™ã¹ãã“ã¨ã€ã‚’ãã¡ã‚“ã¨è¨€èªžåŒ–ã—ã¦ãŠãã“ã¨ã§ã€å¤±æ•—ã®çµŒé¨“を「æˆé•·ã€ã«ã¤ãªã’ãŸã„。ãã†ã„ã†æ€ã„ã‹ã‚‰ã€ã“ã†ã—ã¦å¤±æ•—談を記事ã«ã•ã›ã¦ã„ãŸã ãã“ã¨ã«ã—ã¾ã—ãŸã€‚ 今回ã®å¾Œç·¨ã§ã¯ã€ãã®å¤±æ•—ã‹ã‚‰å¾—られãŸ5ã¤ã®æ°—ã¥ãã‚’ãŠè©±ã—ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ã‚‚ã—ã€ã“れらã®æ°—ã¥ããŒã¿ãªã•ã‚“を楽ã—ã¾ã›ãŸã‚Šã€ãŠå½¹ã«ç«‹ã¦ãŸã‚Šã™ã‚Œã°å¹¸ã„ã§ã™ã€‚ã¨ã¯è¨€ãˆãŸã£ãŸä¸€åº¦ã®çµŒé¨“ã‹ã‚‰å¾—られãŸã‚‚ã®ã§ã™ã®ã§ã€ã¾ã ã¾ã 洞察ãŒæ·±ã¾ã£ã¦ã„ãªã„ã¨ã“ã‚ã‚‚ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚至らã¬ç‚¹ã‚„誤りãªã©ãŒã‚ã£ãŸã‚‰ã€@Shumpeiã¾ã§ãŠæ°—軽ã«ã”指摘ãã ã•
Google ãŒãŠå‹§ã‚ã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«æœ€é©åŒ–ã•ã‚ŒãŸã‚¦ã‚§ãƒ–サイトã®æ§‹ç¯‰æ–¹æ³•
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム10 オートコンプリート 1 ãŠçŸ¥ã‚‰ã› 69 クãƒãƒ¼ãƒ«ã¨ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ 75 サイトクリニック 4 サイトマップ 15 ã—ã”ã¨æ¤œç´¢ 1 スマートフォン 11 セーフブラウジング 5 ã‚»ã‚ュリティ 1
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
事例紹介 | æ ªå¼ä¼šç¤¾ã‚¤ãƒ³ãƒ•ã‚©ãƒãƒ¼ãƒ³
WebサイトをRetinaディスプレイã«å¯¾å¿œã•ã›ã‚‹æ–¹æ³•
{{#tags}}- {{label}}
{{/tags}}