CSS3のFlexboxをはじめ、CSSアニメーション、CSSのセレクタ、jQuery3, ES6, Bootstrap4など、フロントエンドのマークアップやコーディングに役立つチートシートを紹介します。 ブックマークしておいて、PDFや画像をダウンロードして、すぐに確認できるようにしておくと便利ですね。

テレビ、パソコン、スマートフォンなど、現代人は目を酷使する場面が多いです。 メガネやコンタクトで視力の矯正はできますが、可能であれば裸眼で生活できる方がいいですよね。 そこで今回は、簡単にできる視力回復トレーニング を7つご紹介します。 視力が落ちてきたなと感じたら、早めにトレーニングをして視力を回復させましょう。 目次 目も腕や腕と同じように筋肉で動かしているので、パソコン作業など目を使った後は筋肉が疲れています。 運動をした後にストレッチで筋肉をほぐすように、目もほぐしてあげましょう。 【ストレッチ方法】 1：右眉の方向に視線を動かして3秒見つめ、視線を戻し、左眉に視線を動かして3秒見つめます。 2：同様に、右頬の方向を3秒、戻して左頬の方向を3秒見つめます。 3：右（水平方向）に視線を動かして3秒見つめ、視線を戻し、左（水平方向）に視線を動かして3秒見つけます。 4：真上に視線を動か

2016 - 11 - 03 へい、ブロガー２年生よ、Twitterで初心者ブロガーに持ち上げられて嬉しくなってないかい？ 雑談 Twitter Google+ Pocket スポンサーリンク 最近なぜかTwitterでよくフォローされるんですよ。 はて？どなたかしら？と見てみると、はてなブロガーの方が多い。 うーむむむ、むーん。 僕は何も有益なことをツイートしないからさ、申し訳ない気分になっちゃう。 お風呂止めないといけないのにウンコが止まらへん。あかーーーん！お湯止めてぇぇぇーー — 隊長＠アウトドア好き (@taicho_ishikawa) 2016年11月2日 あらやだ、恥ずかしいわねオホホホホ 持ち上げられると困っちゃう問題！ そんなわけでたまに知らない人とやり取りする機会も増えたんだけど、たまーに、たまーーーに僕を持ち上げてレスくださる方がいるんですよ。 もうね、ヤメチクリー

今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■

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

企業のロゴをデザインする際に重要となる要素の一つが「フォント」です。 どのフォントを使うかによってイメージが大きく異なりますので、目的としている企業のコンセプト、イメージしているものに近いものを選ぶ必要があります。 そんなロゴデザインでぜひとも参考にしたいのが有名企業、ブランドが採用しているフォントです。 誰もが知る大手企業でも意外に定番のフォントを使っていたり、既存のフォントをベースにユニークなアレンジを加えている企業があったりと、デザインのヒントが隠れています。 今回は、有名企業・ブランドが採用しているロゴフォントをまとめてご紹介します。 ▼ディレクターとデザイナーで読みたい資料 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを

今回は無料で使える便利なMacアプリを総まとめしてみました。使えそうなものがあれば是非チェックしてみてください。

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

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

Begin learning here by typing in your first name surrounded by quotation marks, and ending with a semicolon. For example, you could type the name "Jamie";  and then hit enter.

文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間のスペースを均等にし、テキストを美しく整然とした一つのまとまりにデザインします。 カーニングがされていない、カーニングがいいかげんな仕事は、デザインの世界において大罪の一つです。カーニングはデザイナーが早い段階で身につけるべき重要なスキルです。 20 Typography Mistakes Every Beginner Makes 基本的だけど大切なタイポグラフィのシンプルな14のルール リーダビリ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

2017年10月31日 CSS, Webデザイン, Wordpress サービスを提供しているWebサイトにとって大切なのが、各プラン内容とその料金。複数の選択肢がある場合、その違いがわかりにくかったら、ユーザーを困惑させてしまいます。今回はWebサービスのコンバージョンにも繋がる、わかりやすい料金表の作り方を考えてみたいと思います。 ↑私が10年以上利用している会計ソフト！ 料金表をデザインするときのポイント 1. プランの違いをわかりやすく まずは各プランのサービス内容と料金をわけることから始めましょう。各プランの名前を料金表の先頭において、ひと目でどのプランについてまとめているのかを認識できるようにします。プランをグレードアップするごとにプランの名前もランクが上がるよう命名しましょう。 よくあるプラン名： ブロンズ・シルバー・ゴールド・プラチナ マイクロ・スモール・ミディアム・ラージ

世界に目を向けると、息を飲むような美しいプールがたくさん見つかります。一度は泳いでみたい、非日常的でフォトジェニックなプールを10箇所ご紹介します。

直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。 「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。 Webと紙の印刷物 Web制作の仕事をしている人に向けて、印刷に関する基礎知識と、その時に気をつけておくべき注意点が紹介されている記事です。 「Web」と「印刷物」の大きな違いをサイズ、レイアウトの可変性、データの拡張性、オペレーションの多様性（Webではクリックですが紙では触るなど）の4つを中心にとりあげて説明しています。 Web制作をしている人が、突如印刷物の制作を頼まれた時なんかにも、Webと紙の違いを理解して説明できると慌てずにものごとをスムーズにすすめることができると思います。 → WEBも紙も！ハイブリッドなクリエイターになるために ―印刷加工の基礎知識― デザイン思考の成功例

IT企業の会社役員を務めながらお笑い芸人としての活動も始めた厚切りジェイソン（29）が日本の悪しき残業文化をぶった斬り、大絶賛されている。 5/14、厚切りジェイソンは残業は本当にバカバカしいと思いっきり毒を吐いた。効率性の悪い仕事に本当に怒っているようだ。 厚切りジェイソンは17歳のときに飛び級でミシガン州立大学に進学し、イリノイ大学大学院に入学。2005年には旭化成で音声認識ソフトの開発に従事していた切れ者で、現在はITベンチャー企業「テラスカイ」の株を1万株保有しながら役員を務めている。 もともとアメリカで働いていた厚切りジェイソンは日本の勤労システムは実に矛盾していると痛烈に批判する。 今は昔と違い、労働時間と生産量が比例する単純な仕事は機械がやるようになってきており、人間は知的生産を主な仕事として行うようになっている。それゆえ、もはや時間を基準として報酬を決める残業制度は矛盾でし

ゲストライターの村上です。 先日、Creative Cloud フォトグラフィプランをプライベートで導入しました。Lightroomを使ってみたいのと、Photoshopの最新機能をいつでも導入したいと思ってました。昔なら10数万払って購入していたものが、月額1000円で導入出来るのは非常に良いですね。 OSのアップデートがあると古いソフトは不具合が起こることもあるので、アップデートの更新費用を考えたら、かなりお得に感じます。 Adobe製品は仕事でも使っているので、何回かは今までにアップデートしながら使っています。そういった時にいつも自分が行っていることがあります。それは新機能の確認です。 アップデートの1番の醍醐味はやはり新機能の追加だと思います。しかし新機能なので当然ながら、それに関しての記事が非常に少ないです。なので自分はアップデートが行われてしばらくたった後に、辞書のような厚さの

五色沼湖沼群 様々な青色が次々に現れる！パレットのような湖沼群 五色沼最大の毘沙門沼、磐梯山を背景にして青緑色に光る景色が美しい 磐梯山の噴火が作った約30の湖沼群の総称。全長約3.6㎞の探勝路を歩きながら様々な青色をした沼をめぐることができる。高低差が少なく歩きやすいので、不思議な色彩をその目で確かめに行ってみて。

WEB制作のポイント 2017年7月16日 初心者が、WordPressでコーポレートサイトを作る全手順-２ 初回の「初心者が、WordPressで企業サイトを作る全手順-１」では、企業サイトの体裁をおおよそ完成させた。 第2回目となる今回は、各セクションの体裁をどうするか、どうやって更新していくかについて紐解いていこうと思う。 数あるCMSツールのなかでも、WordPressは実は初心者にとっても扱いやすいもので、なおかつ極めようと思えば、その意思に応えてくれる奥深さも備えている。 「初心者が」のキモは、あらかじめテンプレートが準備されているCMSツールを活用することによって、HTMLやCSSといった、いわゆるWEB制作の知識がなくても、WEBサイトとしてある程度の体裁を整えられることだ。 少し馴れてきたら、WordPressを使って、試行錯誤しながらでもWEBサイトにあなたのオリジナリ