• ホーム
  • このブログについて
  • Flipsについて

Flips Blog Web担の小技

ウェブ担当者の為の小技&小ネタ

2015下半期Webデザイナー、ディレクターなら絶対読んでおかないと後悔する厳選記事まとめ

0
  • 投稿者: Yamada_nt
  • カテゴリー: Webデザイン · サイト運営のコツ
  • — 2015年11月25日

Webデザイナーのための厳選記事

6月から今日までの濃厚な情報源をご紹介します。

どの記事も、正直見逃したことを後で知ったら後悔するレベルだと思います。とりあえず見たこと無い記事があったら一度覗いてみてください。

コンテンツ

  • 2015下半期超良記事厳選まとめ
    • シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50
    • Web制作者はブックマークしておくと便利!HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス 
    • 【新人ディレクター向け vol.6】企画書に使える!信頼できるデータの引用元15選
    • IT屋必見! 『コマンドプロンプト』のストレスが少し減る小技集
    • デザインのこつが分かる!確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips
    • これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。
    • SEの僕が業務でバリバリ使うExcel術14選+おまけ
    • Photoshop用無料のレイヤースタイル1000+で作業時間を大幅短縮
    • 守ってはいけない、iOSのデザインルール4つ
    • 「MSゴシック」、「MS明朝」についてのお話
    • 資料作成スピード3倍?本当に使えるパワポ&ワードの厳選高速化テクまとめ
    • 配色センスが全くない?それならマテリアルパレットをちょっと使ってみて?
    • 最初に設定しないと絶対損するGoogleAnalytics 5つの必須設定&解説 2015
    • 【永久保存版】エンジニア・デザイナー必見!「UI/UX」の基礎が学べるSlideshare30選
    • 最前線IT企業のデザイナーたちが参考にしてきた「UI・UXの良書」とは

2015下半期超良記事厳選まとめ

シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50

CSSコード

今年一番の記事は何ですかって聞かれたらこれって答えます。CSSみてコピペしてそのまま使える。シンプルが故にカスタマイズの幅も広く、お世話になっております。また、全てにサンプル表示が付いているため、アクセスも早く、効率的です。

Web制作者はブックマークしておくと便利!HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス 

HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス

まさかコーダーでブクマしてない人はいないよね的、超効率化できるWebサービス。

CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できます。

【新人ディレクター向け vol.6】企画書に使える!信頼できるデータの引用元15選

企画書に使える!信頼できるデータの引用元15選

非常に有用なリソース元のまとめ記事。あんなデータやこんなデータを参照できます。

様々な裏付けに持って来いの引用元です。また、様々なアンケート結果など、利用可能なリソースが豊富に蓄えられているサイトなども紹介されており、困ったときは一度頼ってみるといいだろう。

IT屋必見! 『コマンドプロンプト』のストレスが少し減る小技集

201511252048

IT屋なのでWeb屋そんなに関係ないんだけど、私達の業界では幾度と無くPCのメンテ作業があるので、そういう時のためのcmd。ドヤ顔をきめるための一品。

デザインのこつが分かる!確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips

デザインのこつが分かる!確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips

今年7回くらいお世話になりました。

正直テクニックとかデザイナーじゃないのでよくわかっていませんが、色々作成するときのネタになります。発想力に限界を感じた時は一度リラックスして参考にしてみるといいと思います。

これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。

これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。

これさえあればっていうのは釣り堀だけど、すんごいレベルアップした気持ちになれる一品。はてぶ1,000つくだけある。

SEの僕が業務でバリバリ使うExcel術14選+おまけ

エクセル術

ぶっちゃけるともうほんと便利な技多い。凄く効率的になれる。そこらへんのエクセル本買う前に一度は見ておくべき。

Photoshop用無料のレイヤースタイル1000+で作業時間を大幅短縮

Photoshopレイヤー

正直まとまりすぎてて笑う。このページをブックマークしてレイヤーを使うことはこれからIllustratorで同じものを作ろうとする人の数倍仕事ができるようになるでしょう。初心者ですらレイヤーで一発変換できるすぐれもの。

守ってはいけない、iOSのデザインルール4つ

201511252053

読み物。だが、読んでない人がいたら一度読んでおくべきもの。

「MSゴシック」、「MS明朝」についてのお話

「MSゴシック」、「MS明朝」についてのお話

はてぶ数もすごくタイトルだけみるとまさかMSゴシックがきえてなくなるんじゃ・・・とおもったけど全然違いました。

でも知らなかったーっていう人も多いので、一度みてみるといいかも。まさかのリコー記事。

資料作成スピード3倍?本当に使えるパワポ&ワードの厳選高速化テクまとめ

201511252056

3倍早くなるっていうよりは、3倍使いやすくなるテクニックなきがする。普通に使えるテクニック満載でおどろいた。

配色センスが全くない?それならマテリアルパレットをちょっと使ってみて?

マテリアルパレット

配色が決められない子が数秒できめられるようにするためのツール。すっごい便利なので使ってみるといい。玄人向けではない。

最初に設定しないと絶対損するGoogleAnalytics 5つの必須設定&解説 2015

Analytics

ひとことで言うと自分のアクセスを1にすることは全てにおいて無駄なこと。こういうのを最初から除外しましょうっていう記事。読みながら設定するだけでいいくらい丁寧に書いてある。

【永久保存版】エンジニア・デザイナー必見!「UI/UX」の基礎が学べるSlideshare30選

おかんでもわかるUX

30は多い。暇な時の勉強リソース。ただ、スライドって何故か見てる時見やすいんだけど、頭に入ってないんだなぁ・・・。なんでだろうなぁ・・・。

最前線IT企業のデザイナーたちが参考にしてきた「UI・UXの良書」とは

201511252059

その名の通りグリー株式会社、GMOインターネット株式会社や、ヤフー株式会社などの企業に務める企業戦士達が読んできた本が紹介されている。

いかがでしたでしょうか。

正直順位すらつけにくい記事ばっかりなので、なんともいえませんけど、是非気になったタイトルはチェックしてみてくださいね。
それでは、また。

このエントリーをはてなブックマークに追加
Pocket

Share

タグ: CSSサイト運営デザイン

Flips 手軽に始めるビジネスホームページ

— Yamada_nt

1999年より、Web制作、ウェブサイト運営支援を行なっており、Web担当者へお勧めの情報を共有しています。2007年より「ホームページを作る人のネタ帳」というブログをはじめ、現在はプロブロガーとして生活。 2008年、アルファーブロガーアワード受賞。 全国各地でブログセミナーや、サイト運営に関する様々な運営ノウハウセミナーなども行なっております。

  • 前の記事 【便利すぎ】スマホ、タブレットにも対応のとてつもなく簡単にリモートデスクトップを構築するChrome拡張

関連する記事

  • 地味に便利なExtention Webデザイナーなら地味だけどちょっと便利!と感じるChromeエクステンション 2014年12月25日
  • どうやってホウキを届けるのか 回線もPCも無いおばあちゃんにどうやってオンラインでホウキを売るのか 2014年03月21日
  • インテリアデザイナーのためのテンプレート インテリアデザイナーの為の美しいWebテンプレート集 2014年11月27日
  • マテリアルパレット 配色センスが全くない?それならマテリアルパレットをちょっと使ってみて? 2015年07月30日
  • 新しい記事

    • 新着記事
    • タグ
    • Webデザイナーのための厳選記事2015下半期Webデザイナー、ディレクターなら絶対読んでおかないと後悔する厳選記事まとめ2015年11月25日
    • リモートデスクトップの決定版【便利すぎ】スマホ、タブレットにも対応のとてつもなく簡単にリモートデスクトップを構築するChrome拡張2015年11月17日
    • フォームマルチデバイス対応、動画選択、手軽|最高峰のフォーム作成サービス「typeform」2015年10月31日
    • オススメフォント個人的ベスト|フォント好きの為のフォント、2015年版2015年10月29日
    • デッサン動画顔を描く上で非常に参考になる赤ちゃんから、少女、美女、成人、熟女、おばあちゃんまでを描いたデッサン動画2015年10月24日
    • Adobe CSS Facebook Google JavaScript jQuery Mac Photoshop SEO SVG お知らせ アイコン インスピレーション エクセル サイト運営 サービス デザイン パワーポイント フォント フラットデザイン ブログ プレゼン マーケティング ライフハック 中小企業に訊く 文章術 素材 運用
  • 記事の検索ができます

  • 人気記事

    • 今度こそ3日で覚えるパワーポイントテクニック集、デザイン、表現力アップまとめ
    • あぁこれがパララックス効果の使い方かと納得のパララックスWebデザイン7つ
    • 各種パーツごとにWebデザインを色々見たい人の為のまとめサービス色々|レスポンシブ・ヘッダー・フッター・サイドバー・ロゴ等
    • GoogleChromeを使うなら絶対に使うべきスムーススクロール機能付きエクステンション
    • 20以上のレスポンシブ対応の無料htmlテンプレート HTML5UP
    • 適切な伝え方|とにかく人にものを伝えるのが苦手な人が一度は読むべき5つのコツ
    • 週末に一気にプレゼンの極意を学べる良記事、スライド、動画まとめ
    • 2015年の最もよく使われているWebデザイントレンド
    • 【便利すぎ】スマホ、タブレットにも対応のとてつもなく簡単にリモートデスクトップを構築するChrome拡張
  • アーカイブ

  • Twitter

    @flips_jp からのツイート
  • Facebookページ

  • 最近の投稿

    • 2015下半期Webデザイナー、ディレクターなら絶対読んでおかないと後悔する厳選記事まとめ 2015年11月25日
    • 【便利すぎ】スマホ、タブレットにも対応のとてつもなく簡単にリモートデスクトップを構築するChrome拡張 2015年11月17日
    • マルチデバイス対応、動画選択、手軽|最高峰のフォーム作成サービス「typeform」 2015年10月31日
    • 個人的ベスト|フォント好きの為のフォント、2015年版 2015年10月29日
    • 顔を描く上で非常に参考になる赤ちゃんから、少女、美女、成人、熟女、おばあちゃんまでを描いたデッサン動画 2015年10月24日
  • カテゴリ

    • Chrome
    • JavaScript
    • SEO
    • Webデザイン
    • おしらせ
    • サイト運営のコツ
    • サービス
    • ソーシャルメディア
    • テンプレート
    • フリーフォント
    • プレゼン資料の作り方
    • ライフハック
    • 未分類
    • 無料アイコン
    • 無料素材
  • サイト内検索

© Copyright 2015 Flips Blog Web担の小技. Typegrid Theme by WPBandit.