『イーデス』は、複数の企業と提携しており、当サイトを経由して商品への申込みがあった場合、各企業から報酬を受け取ることがあります。ただし、当サイトで紹介する商品・サービスは、イーデスが独自の基準で評価し掲載しております。 また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。※提携機関一覧 WEBサイトを作るときに、必ず必要になるのが画像素材ですね。 WEBサイトを制作する時に大切なのは、配色のバランスはもちろんですが、素材の良さで天と地ほどWEBサイトの魅力に差がでるので、素材選びがとても重要になります。 そこで、今回現役デザイナー8人が、本気で選んだ実践で活用できる素材サイトやトレンドをキャッチするための情報サイトをご紹介しようと思います。 「ユーザーが信頼して利用できるWEBメディア」を目指す編集部

公開前に知人に見せたら、読むのに20分もかかったわ！！ と、お叱りを受けましたｗ オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい！ サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得

今回のポートフォリオ百科では、IT企業デザイナー職から内定をもらった学生さんに、就職活動でつかったポートフォリオを見せていただきました！こちらで紹介させていただく内容は、別記事「デザイナー内定者に聞く！業界ごとのポートフォリオの作り方」にも少し登場していますが、こちらの記事にはより詳しい内容を載せているので、IT企業への就職を考えている方はぜひチェックしてみてください！編集・執筆 ／ FUMIE HINO, AYUPY GOTO ● ポートフォリオの詳細 早速、IT企業に内定を頂いた学生さんのポートフォリオを覗いてみましょう！ 一つの作品に対し、何ページも使って大きく見やすく紹介することによって、web以外にも作品が作れるということを伝え、ページのボリュームも出しています。いろんなジャンルの作品を取り組んでいるとアピールしつつも、ポートフォリオ全体の統一感が出るように意識して制作しています

モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI 川田寛（ピクシブ株式会社） こんにちは、ふろしきです！ 私はHTML5 Experts.jpで、過去2年ほどGoogle I/Oの情報を発信し、Web技術の変化についてお伝えしてきました。振り返るとGoogleは、2014年にモバイルWebの提唱と技術要素の拡大を図り、2015年からは「RAIL（モバイルWebが目指すべきパフォーマンス指標）」や「Progressive Web Apps（アプリのように振る舞うWeb）」といった、モバイルとの親和性が高いWebを作り出すための”考え方”を推し進めました。今年2016年は、さらにそれを踏み込んでいったという感じがします。 今回のI/Oで取り上げるのもそのひとつ。毎度お馴染みGoogle Developer A

僕はブログを含め複数のwebメディアを運営してますが、それぞれのwebメディアを作るうえで必ず考えている事があります。 それは、 どんな人が、どういう事で困っていて、どういう情報があると解決するのか。 という事です。 メディア作りの基本は人の困ったを助ける事 簡単に言うと困った人を助けるためのwebメディアという事になります。 ざっくり言うとそんな感じなのですが、それだと掲示板とかのメディアでも解決できますよね。 しかし掲示板では意味がありません。 掲示板メディアだとNAVERまとめやYahoo知恵袋には勝てないからです。 勝てる見込みがないメディアを作ってもダメなんです。 これからメディアを育てていくのであればそういった既存メディアよりも検索結果で上位表示されるようにしなければいけません。 そうなれば必然的にニッチで尚且つロングテールの市場やキーワードを中心としたメディアがベターだと考え

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

皆さんはどのような方法で最新の技術や、コードのTipsを収集していますか？ はてなブックマークやTwitter, GitHubなど様々あると思います。 私はテックブログを使った情報収集をしています。今回はエンジニアが見るべきおすすめのテックブログをいっきにご紹介します。 テックブログとは？ ご存知の方も多いと思いますが、テックブログとはWEBサービスやゲーム等を提供している企業が、自社で使っている技術や開発手法を紹介するブログです。デベロッパーブログとも呼ばれます。 エンジニアが持ち回りで書くことが多いので、そこで働いている人のこともわかっちゃいます。 普段使っているサービスがどのような言語でできていて、どのようなフレームワークを使っているか、どんなツールを利用して開発しているのかが載っているのでとても刺激的な内容ばかりです。 転職、新卒の会社選びにも役立つ!? 転職する際に気になるどんな

サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。 レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet looks like in 2016 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 01. 空白スペースを効果的に使う 02. ロゴの配置を一貫させる 03. 縦置きと横置きを考慮したデザイン 04. 縦長スクロールページの素晴らしいアイデア 05. 指のタップに合わせた形と大きさ 06. レイアウトにレスポンシブ用の微調整 07. 一行

Rachel Bobbins Stitch FixでiOSのリードエンジニアをしています。以前はPivotal Labsで働いていました。ユーザ・開発者の両方にとって素晴らしい経験を作り出すことを大切にしています。 twitter.com D.A.ノーマン著「誰のためのデザイン？（原題: \"The Design of Everyday Things\"）」はデザイン哲学に焦点をあてたデザインの書です。そこで紹介されている多くの原則はSwiftのような物理的ではない言語についても当てはまります。このような原則を通して、読みやすく効果的なコードの書き方を探ります。 6年前に読んだ本を読み返しました。 心理学や認知科学から考えて製品を設計するというものです。 この本で紹介されている内容とコードの関係を考えてしまいます。どうやってコードの設計にこれを適用するか。 ひょっとすると危ない未知を歩んで

アフィリエイトとは、サイトにアフィリエイト広告を載せ、広告ページを見たユーザーが商品やサービスを購入した時に、サイト運営者に報酬が入る仕組みのことです。 無料ブログにも広告が貼れるものがありますので、パソコンとインターネット環境があれば、今すぐ誰にでも始めることができます。※Google AdSenseのようにクリック保証型のアフィリエイトもあります。 アフィリエイトを始めるためには、サイトやブログを開設してASPに登録し、広告を掲載する必要があります。無料ブログで始めることもできますが、本気で稼ぎたいのであれば独自ドメインを取得してレンタルサーバーを借りましょう。 アフィリエイトする人のことをアフィリエイターと言いますが、アフィリエイターはASP（アフィリエイト・サービス・プロバイダ）にサイトを登録し、サイトに載せたい広告を選びます。広告を載せるためには広告主の審査を受けなければなりませ

本記事ではマーケティング・広告関連のメディアやブログなど情報収集サイト100選をご紹介します。 2020年現在、マーケティングや広告関連の情報発信をしているメディアやブログは年々増え続けています。オウンドメディア型のサイト、個人サイト、出版社が運営するメディアなど種類も様々です。 [browser-shot url=”https://marketimes.jp” width=”600″ height=”200″ href=”https://marketimes.jp” target=”_blank”] 国内、海外のデジタルマーケティングの最新トレンドや戦略情報を発信するメディア。SEMやソーシャルメディア、Eメールマーケティング、マーケティングテクノロジー、データを中心としたトピックを扱っている。 URL：https://marketimes.jp ferret（フェレット） [brows

作成：2016/02/29 更新：2016/06/29 Webデザイン > 今年の頭にWeb制作に必要な知識が一通り学べるベスト記事9選をまとめましたが、今回はWebデザイン版をコムテブログの中から厳選してピックアップしました。総集編的な感じです。Webデザインに必要な基本知識をサラッと知りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 演出を学びたい レイアウトはユーザーが目的を達成させるために必要な設計。情報・環境に応じてレイアウトを組み立てていきます。上質さ・静寂さ・親しみやすさなど雰囲気や演出を学ぶならこの記事。 オシャレなレイアウトやユーザーが使いやすい配置を実現するために知っておきたい知識を、国産サイトを例にあげながら解説。クライアントの要望に合わせてアイデアを出したいとき、レイアウトで困った時に読んでおきたい記事。 実務で役立つ逆引きレイア