パワポ資料をぐっと魅力的にしてくれる「アイコン」を無料でゲットしよう！ - グローバル経営の極北
最近資料デザインを「現代的」にしたいなと思っていて、フラットデザインのテンプレートを購入して研究したりしてます。そこで重要となるのが「アイコン」で、うまく使うだけで資料がぐっと見やすくなります。いろいろとググってみると良いものがたくさんあるので、今回はそれをご紹介。 まずはこちら。 Googleが提供していてそのサービスでよく使われているMaterial Icon 942種類をパワポですぐ使えるようにコンバートしてくれています。たくさんのカテゴリーごとに網羅的にアイコンが揃っているのですごく使えそうです。さっそくダウンロードしました。 また、同じ方がFont Awesomeのアイコン369種類を同様にパワポ向けにコンバートしてくれています。 親しみやすいデザインが多いので、さまざまなタイプのパワポ資料に活用できそうです。いいですね。 次はこちら。 これは海外のデザインスタジオが作成している
プロに学ぶ、一生役立つ配色の基本ルール8個まとめ【保存版】
なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、適切な配色カラーパレットを決めるのに役立つ８つの基本ルールを詳しく紹介します。 コンテンツ目次 1. 色数を制限しよう。 2. 自然からインスピレーションをもらおう。 3. 60−30−10ルールを試してみよう。 4. まずはグレースケールでデザインしよう。 5. 黒色を利用するのは避けよう。 6. 重要性を色のコントラストで表現しよう 7. 色を使ってユーザーの感情を引き出そう。 8. デザインを理解しやすくしよう。 9. ボーナス: デザイナー向け配色ツールまとめ 配色基本ルール１ 色数を制限しよう。 デザインプロジェクトに配色を適用するには、バランスが重要になります。色数が増えるほどバランスを取るのは難しくなります。配色は最高でも3色までに制限することで、よりよい結果となるで
フリーランスフォトグラファーの教科書｜保井崇志
こんにちは、保井崇志 @_tuck4 です。 「フォトグラファー」ほど誰でもかんたんになれてしまう職業って他にないんじゃないでしょうか。 以前、医学生の友人と話していてビックリしたんですけど、国内の大学医学部は6年制なんですね。さらに卒業しても研修医の期間が2年間あるので、「私は医者です」といえるそのスタート地点まで、最低8年間あるわけです。 お医者さんと比べるのもあれですけど、「私はフォトグラファーです」というのは誰でも、今すぐにでもいえてしまいます。機材に関しても、例えばじぶんは富士フイルムのミラーレスカメラで全ての仕事の撮影をこなしていますし、昔の商業カメラマンほど高いスペックを求められることもありません。 誰もがフォトグラファーになれる時代。多くの才能がこの職業に集まってくるなか、まがりなりにも5年間フリーランスのフォトグラファーとして活動してきました。 そこで今回は「フリーランス
【全32冊】Web業界の著名人が #Sarahah でおすすめしていたビジネス本をまとめてみた
新しい＆流行っているサービスということで、Web業界の著名人の方々も数多く質問を受け付けて、それに答えまくっていました。 その中で、本に関する質問に答えているものがあったので、それを自分用にまとめてみました。 たくさんあったのですが、ビジネス関連本に絞ってみました。（ちょっと定義あいまいですが汗） 実は3名の発言をまとめたのですが、それだけで32冊もの大ボリュームになってしまいました… しかしどれも読みたい本ばかり！みなさんの参考になれば幸いです！ 積読増やしたらごめんなさい。 深津貴之さん（@fladdict） Web業界、特にUI・UX業界で知らない方はいないほどの有名人ですね。 Twitterアカウントはこちら。 THE GUILD代表でありながら、ピースオブケイク CXO（noteのUXの役員）も務められてます。 「誰のためのデザイン」「理解の秘密」「マテリアルデザインガイドライン
GoodpatchのUIデザイナーがおすすめ UIデザインを理解するためのブックリスト【2021増補版】｜Goodpatch Blog グッドパッチブログ
今回は、GoodpatchのUIデザイナーにヒアリングし、UIデザインを理解するためのおすすめ本をまとめました。 次のような人に特におすすめです。 UIデザイナーになったばかりの人 もっとUIデザインについて勉強したい人 サービス、アプリ開発に携わるエンジニア・ディレクターの人 目的別に6つのカテゴリに分けてご紹介します。あなたの関心に沿ったトピックから、 気になる本を見つけていただけると嬉しいです。 1. UIデザインを基礎から理解する ユーザーインターフェース（UI）とは何なのか、どんなデザイン要素があるのか、UIが機能する環境とは？、どうやって作ってリリースするのか…UIデザインを始めるために、まずは基礎知識を網羅しましょう。 ■ はじめてのUIデザイン 改訂版 この本は、著者の1人である吉竹遼さんが「UIデザインを体系的に学ぶための本が少ない」という課題感から企画されました。そのた
10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう
久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは？ モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015（ES6）の登場で大きく変わりました。JavaScript開発の学習がいかに難しいか愚痴をこぼす記事がたくさんありますが、無理もないことです。 本記事ではモダンJavaScriptを紹介します。JavaScriptの進展を解説し、フロントエンドWebアプリケーションを作るために使われているツールや手法の全体像を確認します。JavaScriptを学び始めたばかりの人や、以前は使っていて数年間離れたため変化を知りたい人はぜひ読んでください。 Node.jsについて Node.jsは
これ知ってる？WEBの人なら押さえておきたいツール＆サービス50選 - 死ぬまでWEB屋
公開前に知人に見せたら、読むのに20分もかかったわ！！ と、お叱りを受けましたｗ オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい！ サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得
世界中の無料素材サイトをまとめて画像検索できるサービス厳選６つ【ブロガー＆Webデザイナー保存版】
誰でも簡単に無料でホームページ作成できるおすすめサイトまとめ。 今やブログや個人Webサイトを運営するとき、記事内のアイキャッチ（サムネイル）に使用する写真素材に困ることはないだろう。ネット上には、無料で高品質な画像が山ほど溢れている。例えば以下のようなサイト。 DesignersPics Unsplash Pexels Pixabay Life Of Pix FindA.Photo MMT これらは全て無料で著作権表示の必要ない写真素材を提供するサイトである。これらもほんの一部で、他にもたくさんある。 しかし人間とは贅沢なもので、少し前までは無料というだけでありがたみを感じていたのに、今ではある特定の写真を探すときこれらのサイトを一つ一つブックマークから開いて検索することに面倒臭さを感じる。 しかし需要があれば供給が生まれる。 上に挙げたような複数の無料素材サイトを横断的に検索して一覧で
今年こそは！Adobe関連ソフトのチュートリアルが充実しているブログ・サイト29選
【2016/02/03 追記】一部、内容に誤りがありましたので訂正いたしました。ご指摘ありがとうございます。 デザインや動画制作など、あらゆるシーンで登場するのがAdobe製品です。 いつかは使ってみたいと思いつつもハードルが高いと感じている方も多いのではないでしょうか。 Adobeソフトはプロも使っているソフトのため、高機能で難易度が高いイメージがありますが、実際にはAdobe公式のチュートリアルをはじめ多くの解説サイトが存在しますので、これらを利用すれば充分に独学でも習得できます。 今回は、Adobe関連のチュートリアルを掲載しているサイトやブログをツールごとにご紹介します。 今年こそは使いこなしてみたい、と思っている方はぜひチャレンジしてみてはいかがでしょうか。 Photoshopのチュートリアルサイト 1.Learn Photoshop CC http://tv.adobe.com
月100万円稼ぐアフィリエイターになるのに必読なサイト10選 - アフィリエイト部
タイトル、けっこう盛ってます m(；∇；)mゴメンネ！ でも記事中に、ちゃんと超参考になる10サイト紹介してるので許してくださいっ！！ アフィリエイト界隈の皆様、こんにちは。アフィ部長です(๑•̀ㅂ•́)و✧ 東京の片隅で、ひっそりと専業アフィリエイターをしています。 私も最近流行りのアフィリエイター向けイベントに参加するようになり、例に習って私もはてなブログをはじめようと思います。 アフィリエイター界隈のみなさま、どうか仲良くしてください(灬╹ω╹灬)┣¨ｷ┣¨ｷ* 自己紹介 軽く自己紹介すると、IT＆Web全般が大好きで、はてな歴＆アフィリエイト歴が10年ぐらいの30代独身アラサー男性です。 以前は会社員をしていて、20代で退職・独立してからはITコンサル&Webデザインなど、幅広く色々なお仕事をしてました。 プライベートの趣味では、HTML/CSSで自分でWebサイトをつくったり、簡
デザインの知識を独学で身につける！デザイナー初心者が絶対に見るべきサイト20選
Webデザイナー初心者の方は、日々の仕事で知識やスキル不足に頭を悩ませる場面が多いのではないでしょうか。だけど時間もお金も足りない新人にとって、学校に通ったり、腰を据えて教科書を読んだりというのはなかなか難しいもの。 そんなときは、Web上の有益なサイトで勉強するのはいかがでしょう。今回はWebで見ることができる、教科書並の情報量のサイトや、Webデザインの参考になるサイトなど、全部で20サイトをまとめました。 Webデザインの教科書として読みたいサイトまずは、Webデザインの基本から応用まで網羅的に揃っていて、まさに教科書のように使えるサイトを紹介します。どれもブラウザに開いて常備したいサイトばかりです。 1. Webデザインレシピ ※2020年8月現在、掲載終了 一つひとつの記事にボリュームがあり、ここを読めばWebデザインについて体系的に学べる、まさに教科書のようなサイトです。サイト
フリー素材、無料画像の検索サイトNo.1【タダピク】
NEW 2022.04.05無料サイト「Blank Phostock」を追加しました。 2021.08.27無料サイト「写真素材のおすそわけ」と「キュンカッツ」を追加しました。 2019.02.25無料サイト「fotoma」を追加しました。 2018.05.23無料サイト「フリー素材ドットコム」の情報を更新しました。 2018.02.21無料サイト「unDraw」、「motionelements」の2サイトを追加しました。 2017.09.08フリーイラスト素材サイト「ありさちゃんがいく!!」を追加しました。 2017.08.01無料サイト「イラスタ」、「じぃばぁ」の2サイトを追加しました。 2017.04.18無料サイト「ダ鳥獣ギ画」、有料サイト「ForYourImages」の2サイトを追加しました。 2017.03.29無料サイト「イラストお助け部」、「スキマナース」、有料サイト「Sn
直感操作でページ作成！WordPressプラグイン ページビルダー(Page Builder)
Home プラグイン, ページ作成, 機能拡張・カスタマイズ 直感操作でレスポンシブページ作成。WPプラグイン「ページビルダー(Page Builder)」 WordPress の問題点 − レイアウトのカスタマイズ性 WordPressを使い出した頃、あるいは使い慣れてきた頃、テーマやプラグインをはじめ「WordPress」そのものが持つ多くの可能性や簡便さに驚き、褒め称え満足することはあっても、不満は少ないかもしれません。 しかし、いつの間にか慣れてしまうと、もっと●●だったらいいのに、もっと●●したいのに、、なんらか不満が出てくるものです。 Webデザイナー、コーダーの方には朝飯前のことですら、Web系の知識がないことにはWordPressのカスタマイズは難しいのが実際のところです。 もちろん機能面に関してはプラグインを活用することでかなり補うことができます。ただしそれはあくまで機能
一手間で簡単イメチェン！WordPressプラグイン10選
更新日: 2017年3月9日公開日: 2015年3月9日一手間で簡単イメチェン！WordPressプラグイン10選 "CodeCampus"はオンラインプログラミングスクール No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアです CodeCampとは？（受講生体験記） 「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。元バレエダンサーの挑戦普通の文系大学生/営業職が、エンジニアへ転職し起業するまで成長の記録 サイトデザインはテンプレートによってベースは決まってきます。しかし、プラグインを活用することでオリジナリティーの強いサイトデザインを構築することができ、ありきたりなデザインからワンランク上のサイトを作成することができます。こちらではサイト構成やフォント、メニューに関するプラグインをご紹介し
WordPressカスタマイズの基礎が全て分かる初心者必読の記事10選
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. Webサイトやブログを構築する際に使えるCMSやWebサービスは数多く存在するが、WordPressは近年、もはやCMSのデファクトスタンダードとしての地位を確立している。（※W3TECHの調査によると、世界のWebサイトの約33.9％がWordPress。CMS市場では60.7%がWordPress。） もちろん、私も、ほとんどのサイトやブログをWordPressで構築しているし、国内でもWordPressの導入例は増え続けている。 従って、WordPressのカスタマイズ方法を知っておくと、何かと有利な場合が多い。そこで、本日は、WordPressをカスタマイズしたい初心者が絶対に読むべき１０の記事をご紹介する。 また、私たちバズ部は
Web制作者はおさらいしたい！CSSの勉強になる実用的な基本テクニックまとめ | コムテブログ
TL;DR 実務で意外と使う基本的なものやトリッキーな小技。少ない記述で済む CSS テクニックなどをまとめました。今回は Web 制作に関わるなら、必ずおさえておきたいものや今後使っていきたいテクニック中心です。 画像 １．画像の下にできる隙間をなくす 画像の下に色などを配置すると、わずかに隙間が出来ることがあります。そんな時は親ブロックにline-height: 0;で OK。他には画像に直接vertical-align: bottom;かdisplay:block;を使えます。 css 画像の下にできる隙間をなくす方法 ２．画像の下にテキストが回り込まないようにする 回り込み解除は親要素か以下の例だとテキストにoverflow: hidden;かoverflow: auto;を指定します。IE 対策で zoom 属性 zoom:1;も同時に設定します。 css ３．float を使わ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1日で100個以上のフリーフォントを調べたわたしがおすすめする、おしゃれな日本語フリーフォントサイトまとめ｜あいまいみーのきたろぐ
【勝手に選出】2017年に読んで面白かった本10冊の本 - ロボット・IT雑食日記
PC
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
