Long-time Android Engineering VP Dave Burke said today that he is stepping down from the role. Burke, who spent 14 years building Android, is not leaving Alphabet and is exploring…

個人や商用で無料利用できる、日本語のフリーフォント260種類を紹介します（公開時より、2つ追加）。 ビジネスからプライベートまで、幅広く利用できるフォントが満載です！ 毎年まとめていますが、去年は219種類だったので、大幅に増えています。無料でなくなったフォントや配布終了になったフォントもいくつかありました。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も明記。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には、利用条件やライセンスを必ず確認して守ってください。 まずは個人的に、今年一年かなり使用したフォントからご紹介。 3種類

ひらがな・カタカナ・漢字が使える最近リリースされたものを中心に、日本語のフリーフォントを紹介します。 年賀状などに使える手書き文字、冬コミ用のデザインフォント、仕事にも使える読みやすいフォントなど、たくさん揃っています。 フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には、利用条件やライセンスを必ず確認して守ってください。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ 東青梅ゴシック / 東青梅ゴシック C 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 梅PゴシックとM+ OUTLINE FONTSをベースに、よく使われる漢字の字形をより統一したフォント。伝統的な形を受け継ぎつつ、モダンゴシックとの折衷をはかり、視認性が重視されたデザインです。 字画が多くても、読みやすいですね。 廻想体

靴下×スニーカー、ストッキング×パンプス、裸足×バレエシューズ…など、足のニオイが気になるコーディネートは無限大。特に発汗の増える夏は足元がムレやすく、ニオイがより深刻です。そこで、体臭・多汗症治療の一人者として知られる医学博士、五味常明先生に、足のニオイを改善する方法を教えてもらいました！ どうして足は臭くなるの？ 恋人の家にあがることになったときや、待ち合わせのお店がお座敷だったときなど、ドキッとしませんか？ 靴を脱ぐシチュエーションで、私たちを悩ませる足のニオイ。そもそもどうして足は臭ってしまうのでしょうか？ その原因について聞いてみました。 「足のニオイの種類は、大きくふたつに分けられます。ひとつは足の皮膚上でバクテリアや細菌といった雑菌が繁殖することで生まれるニオイのケース。そしてもうひとつは、体の中から発生するアンモニアによるニオイのケースです」（五味先生・以下同） ニオイが発

WEB制作で必ずと言っていいほど登場するものの１つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。 飾り付きの見出し 擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれば、☆や♡にすることもできます。 同じくbefore、afterを使うパターンです。transformプロパティで斜めにした長方形と長方形を重ねることで三角形を作っています。 beforeとafterを使ったシンプルな見出しです。ボーダーを指定した擬似要素の位置をpositionプロパティで指定しています。 ボーダーがある見出し キャプション付きの見出しです。シンプルなので使いやすいですが、レスポン

Web制作をする際に必ずと言っていいほど必要になるのが「ボタン」です。 今はCSSのみで作られているボタンが主流で、たくさんのライブラリやスニペットが出回っていますが、作っているサイトによってはアニメーションが過剰すぎたり、トーンが合わない場合も出てきます。 そこで今回は派手でかっこいいアニメーションというより、実用性や汎用性を重視したボタンに厳選して、コピペでお手軽に使用することができるCSSのボタンをいくつかご紹介します。少しお洒落にスタイリング・アニメーションしたいけど、そこそこでいい…と思っている方向けの厳選セレクションです。 コピペですぐ使える実用性の高いCSSボタン サイト上でカスタマイズするものより、もう少し高度なデザインをお求めの方は以下のサイトをご参考下さい。こちらは既に出来上がっているデザインのソースをダウンロードするタイプになりますので、カスタマイズには少々スキルが必

毎月公開されたデザイン性の高いフリーフォントのみをピックアップし、まとめてご紹介しています。今回は、2016年8月度のフリーフォントまとめです。 シンプルで使いやすいフォントから、モダンでオシャレな手書きやミニマル書体、2016年に爆発的人気のブラシフォントなど幅広いセレクションを揃えています。商用利用の有無について一緒に記載しています、変更されている可能性もあるので、参照ページを確認するようにしましょう。 詳細は以下から。 新作続々！デザイナーが確認しておきたい、すごいフリーフォントまとめ Aldi Slim Font 第１弾からややスリムになって帰ってきた書体は、Regular と Bold の2ウエイトが収録されています。 ※　個人、商用利用可能 Gothvetica もともと似ている Gotham と Helvetica フォントを組み合わせた、その名も「ゴスベチカ」。 ※　個人利

こんにちは！　デザイナーのすーちゃんです。 梅雨が明けたと思ったら太陽が容赦なくて干からびそうですね！ さて、Webデザインをするとき、みなさんはなんのツールを使いますか？ いろいろありますが、一番ポピュラーなのはPhotoshopですよね！ 今回は、これからWebデザインをはじめてみたい人のために、はじめにやっておくといいPhotoshopの設定をご紹介したいと思います！ どうしてはじめに設定が必要なの？ どうしてWebデザインの話なのに、Photoshopの設定について話すのか、次からご説明したいと思います。 設定なんて面倒くさい！ 「設定なんて面倒なことしないで、すぐにデザインしたいのに！」と思っている方もいらっしゃるでしょう。 「設定」とか「取扱説明書」とかって、省けるものなら省きたいですよね。 わかります。 わりとどんなツールでも難なく使いこなせてしまう！　という方は全然問題ない

基本的に会員制のWebサービスを利用すれば、アカウントへのログインIDやパスワードが必要になります。みなさんの中でも、そうした会員制のWebサービスでアカウントをお持ちだと思いますが、どのように管理されているのでしょうか？ よくあるのが固定のログインIDとパスワードで設定している、というケースですがセキュリティ上の問題もあるので、なるべくは個々で設定するべきです。一方で、それらアカウント情報が管理できなくて煩雑になってしまうという方もいらっしゃるかもしれません。 そういったアカウント情報の管理は、専用のツールやアプリを活用するのもひとつの手段です。今回は、パスワード管理に使えるツール・アプリをまとめてご紹介します。 パスワードを保管する場所が決まっていない方は、今すぐ利用してみましょう。 （※各サイトの利用料金情報などは執筆時点である2016年7月30日の内容です。今後変更となる可能性があ

CSSの登場から20年。この間、CSSはものすごく進化していました。「それって昔のやり方ですね」なんて言われないように、今後のサイト制作でチェックしておきたい最新のプロパティ（と関数）が学べる記事を9つ、厳選して紹介します。まだまだドラフト段階の仕様もありますので、各自記事の解説をチェックしてください。 1.グリッドレイアウトが捗るGrid Layout Module 『CSSレイアウトの常識が変わる！Grid Layout Moduleが胸アツ』（WPJ） CSSのレイアウトといえば、伝統的にはfloatプロパティ、最近ではFlexboxをよく使いますよね。仕様策定中の「Grid Layout Module」なら、もっと効率が上がりそうです。 2.テキストの回り込みが簡単に！ CSS Shapesプロパティ 『CSS Shapesでテキストを回り込ませるレイアウトを表現』（Webクリエイ

日本中の書体デザイナーさんの努力によって、素敵な日本語フリーフォントが数多く公開されるようになったいま、複数の書体をインストールしているひとも多いでしょう。しかしデザインのとき、いつも同じ書体ばかり使ってしまう、という人もいませんか？ 公開されているフォントの数が増えたことで、どれも利用してよいか悩んでしまうこともしばしば。特に、デザインコンセプトにあった、商用利用にも対応できる素材を探すのは、時間のかかる作業のひとつかもしれません。 今回は、無料ダウンロード可能で、商用ライセンスにも対応した日本語フリーフォントという条件で、幅広いデザインに利用できる、万能アイテムのみをまとめてご紹介します。

ぼくがWebデザインに携わってからこれまで約5年半、Web上の多くの優良なサイトから知恵を借りて、ド素人からなんとかフリーで仕事を貰えるまでになった。そして常々、Webから与えてもらった知識や情報を還元したいと思っていた。 こうしてブログを始め自ら情報を発信する場を得たので、一度Web制作に関する良質な情報をまとめて提供してみたい。 このエントリーでは、Web制作の初心者もしくはWeb制作に興味があってこれから始めてみたいという人が、うまくWebの世界に入っていくのに役立つような情報を厳選して紹介している。 一人でWeb制作全般を見れるようになるための基礎的な情報を広く列挙してあるが、必要な箇所だけ断片的に取り上げてもらっても役立つと思う。またできるだけ日本語の中で閉じるよう、海外サイトは最低限にとどめた。 目次 とにかく１ページに詰め込むことを優先したのでかなり長いが、下の目次から必要な

材料は全部DAISO！ペイントして、世界にひとつのオリジナル傘を作っちゃお。梅雨の季節が楽しみになるかもよ

どんな商品やサービスにおいても、デザインは必ず関わってくる分野です。優れた商品やサービスをつくるためには、チーム全員がデザインに関する基礎知識を身につけておいた方が良いでしょう。 そこで今回は、ノンデザイナーでもデザインを簡単に・楽しく学べるスライドをご紹介します。もちろんデザイナーの方々にとっても役立つものばかりなので、ぜひ参考にしてください！ ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう そもそもデザインって何？という根本的なところから、良いデザインの選び方を具体例を交えて紹介しています。タイトルの通りノンデザイナー向けなので、これからデザインを勉強する人、デザイナーと関わる仕事をしている人は必読です。Q＆A方式でスライドが進んでいくのでさらっと読めます。

スマホのカメラで写真を撮影するのが当たり前の現在、撮った写真をそのままInstagramなどのSNSで共有する機会が多くあります。そんな写真に加工をひと手間加えると、より見栄えよく友達に見せることができます。自撮りを撮影する機会の多い人は、顔の補正機能なども気になるところでしょう。 本記事では、スマホ単体で手軽に本格的な画像編集・写真加工ができる基本無料のアプリをピックアップし、それぞれのおすすめポイントを紹介します。

新しいサービスが誕生したり、様々な機能の追加や更新があったりと、IT業界はとにかく流れが早いものです。 IT、Web業界で働くのであれば、流れにしっかりとついていくためにも情報収集は欠かせません。 今回は、IT・Web業界の最新動向やニュースが分かるメディアをまとめてご紹介します。 最新ニュースがいち早く分かる速報性の高いものから、解説が充実しているものまで様々です。 めまぐるしく変化するIT業界で取り残されないためにも、RSSに登録するなどして日々最新情報をチェックしておくことをオススメします。 2016年入社の新卒・最近Web業界に就職した方は、今回ご紹介するメディアは最低限おさえておきましょう。 マーケティング関連 1.Web担Forum http://web-tan.forum.impressrd.jp/ Webサイトにまつわる総合的な情報を集めたインプレス提供のメディアです。 W