更新日: 2017年5月22日公開日: 2015年6月4日ここが最前線！2015年WEBデザイントレンド13選 時代ごとに web デザインは変化し、いつの時代もユーザーの視線と心を釘づけにできるよう創意工夫されています。 また例え難しいデザインのテクニックが無くても、その時々のトレンドをうまく取り入れるだけで、斬新なサイトにも見えます。今流行りの web デザインを 事例を含めてご紹介します。 はじめに - 2015年 web デザイントレンドの背景ファーストビューよりスクロールを重視するデザインに Photo: cewdseo.com 今やフェイスブックやツイッター、LINE などの SNS は、私たちの生活に無くてはならない存在となりつつあります。日本人の5人に1人が Facebook ユーザーで、世界でもおおよそ5人に1人が Facebook を使っています。 またスマホ普及率は国

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

1 ：名無しさん＠おーぷん ：2015/05/18(月)20:19:50 ID:ixv ホムセンで980円〜で売ってる、やっすいカシオの時計。 チープすぎるデザインとまともな機能。 3 ：名無しさん＠おーぷん ：2015/05/18(月)20:26:05 ID:pGr F-28w ほんの数年前まで入手できたが、もう流通してないと思う。 チープカシオ中最高にチープな時計。 アラームもバックライトもない潔すぎる設計。 薄くて軽いのでつけていることを忘れる。 たぶん７８０円くらいで売られていた。 このデザインはF-84Wに継承されている。 6 ：名無しさん＠おーぷん ：2015/05/18(月)20:34:55 ID:dMy >>3 これに似たの小学校の友達つけてたわ 5 ：名無しさん＠おーぷん ：2015/05/18(月)20:32:50 ID:pGr F-91W この時点でどこがちげーんだよ

【img via BigTallGuy】 一覧レフカメラやミラーレス一眼カメラを購入する人が増えている一方で、なぜか「自動モード」でしか撮影しないという人がいる。これはあまりにも勿体無い！ ただ、カメラ初心者にとって「絞り」や「ISO感度」はよく分からない。「シャッタースピード」も言葉の意味はなんとなく分かったとしても、早くしたり遅くしたりすることによって撮れる写真がどのように変わるのか分からないという人も多いだろう。 Fotoblog Hamburgが公開していたf値、シャッタースピード、ISO感度の関係性をまとめた画像が分かりやすかったので、紹介する！ 絞り値（f値）を小さくするとボケ味が増し、ISO感度を上げると写真が粗くなる 個人的に未だに混乱してしまうのだ絞り値（f値）。絞り値が小さければ小さいほど取り込む光の量は大きく、より狭い範囲にピントが合うためボケ味が強くなる。 混乱し易

無料で利用することが出来る日本語フォントを ５０種類ご紹介します。 ゴシック系、丸ゴシック系の日本語フォントから 毛筆系や明朝系など、良質な日本語フォントを まとめてみました。 基本的には、個人・商用利用OKの日本語フリーフォントを ご紹介しておりますが、フォントをご利用の際は必ずライセンスや利用規約など それぞれのフォント製作者のページでご確認下さい。 ※追記：2016/1/5 「2016年版！無料の日本語フォント８０種」も是非合わせてお読み下さい。 ※追記：2016/1/20 「2016年版！欧文フリーフォント５０種」も是非合わせてお読み下さい。 ゴシック系の日本語フォント M+ FONTS ⇒ M＋ FONTS　【個人◯　商用◯】 直線処理と柔らかな曲線の対比が特徴的なゴシック体フォントです。 さざなみゴシック ⇒ さざなみゴシック　【個人◯　商用◯】 「東風フォント」の代替フォント

こんにちは。 今回はパララックスサイトの基本的な作り方を紹介したいと思います。 去年くらいから流行始めたパララックスサイト。今年になってもその勢いは止まりません。 そんなパララックスサイトの基本的な作り方です。 パララックス（視差効果）とはパララックス（視差効果）とは画像やテキスト等の個々の要素を別々に動かして視差効果で立体的にみせるテクニックです。 ※当サイトはアフィリエイト広告を利用していますが、当サイトが独自に作成した記事であり、第三者から依頼を受けたものではありません。 準備をしよう！htmlを用意します。 jQueryはjQueryのサイトから直接読み込みます。 [html] [/html] スクロールした値を取得してみよう！スクロールした値によって個々のボックスを移動させますので、スクロールした値を取得します。 html[html] スクロールの値を取得スクロールの値 | 0

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

8 Faces magazineで特集されたリードデザイナー8人、世界で活躍している有名なデザイナー64人に4年に渡りアンケートを実施。「もしも8つしか書体を使えないなら、どれを選びますか？」で選ばれたTop25、27書体をランキング形式で紹介します。 正しい書体を選ぶことは、デザインとコミュニケーションにおいて非常に重要な役割となります。タイポグラフィのデザイナーが厳選した書体のリストから選ぶのも素晴らしい一つの方法です。 ランキングも面白いですが、タイプフェイスを使ったグラフィックもかっこいい！

【勉強法】についての本を30冊読む読書マラソン、2冊めの復習です！ 予約投稿どんどんしていきます〜。 追記：以前の記事で、「アウトプットを意識したインプット」とコメントくださった方、 まさにこの記事で紹介する勉強法がそれです！（＾0＾） [スポンサードリンク] 私が２冊目に読んだ本はコレ。 必ず覚える!1分間アウトプット勉強法 (PHP新書) 今日からすぐできること 次のステップで勉強すれば、集中力と記憶の定着率が高まり、体型的な知識が身に付く テキストの本文を読み始める前に、「問い」を立てる（例えば、「○○とは何だったのか」「○○はどのようなものだったのか」「なぜ、○○は○○なのか」） その「解」を求めるように、本文を読み進める（キーワードをペンで囲みながら） 読み終わったら、得たキーワード群を意味のつながるようにストーリー立てる形で、「問い」に答える（第三者に説明する感覚で） 著者は、

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

紙に書いた文字でも、IllustratorやPhotoshopで作成した文字でも、その文字からオリジナルのフォントを簡単に作成できる無料のオンラインサービスを紹介します。 作成できるフォントはTrueType、OpenTypeの2種類です。 ひらがな、カタカナ、漢字、絵文字などの日本語、英語、フランス語をはじめ、ギリシャ文字、キリル文字、数式記号などにも対応しています。 ※漢字は数が少なめ。 PaintFont 使い方は簡単。 フォントに使用する文字を決めて用紙を作成し、その用紙に文字を書き、それをアップロードしてフォントを作成します。 Step 1: 最初の準備 Step 2: 文字を手書きする Step 3: 手書きした文字からフォントを作成 Step 1: 最初の準備 フォントに使用する文字を決め、手書きする用のファイルを作成します。 まずは、作成するフォントに含まれる文字を設定。

デモのアニメーションGIF 実装 HTML デモページの中央のセクション（背景グリーンの箇所）のHTMLです。 <section class="cd-section"> <!-- テキスト --> <div class="cd-modal-action"> <a href="#0" class="btn" data-type="modal-trigger">Fire Modal Window</a> <span class="cd-modal-bg"></span> </div> <div class="cd-modal"> <div class="cd-modal-content"> <!-- モーダルコンテンツ --> </div> </div> <a href="#0" class="cd-modal-close">Close</a> </section> ボタン、モーダルコンテンツ

2015年01月23日08:00 SUGEEEEEEEEEと思った言い回しや言葉遊び Tweet 1: 以下、名無しにかわりましてVIPがお送りします 2011/10/19(水) 23:58:40.40 ID:fs1TJHt40 高い壁を乗り越えた時、その壁はあなたを守る砦となる 転載元：http://hibari.2ch.net/test/read.cgi/news4vip/1319036320/ 世界最大級の一枚岩（900ｍ）を命綱だけで3週間かけて登り切った男2人　マジでイカれてるだろこれ http://blog.livedoor.jp/nwknews/archives/4812286.html 2: 以下、名無しにかわりましてVIPがお送りします 2011/10/19(水) 23:59:25.15 ID:aOyeg0iZ0 サトウココノカドウ http://detail.chieb

こんにちは！ 日本語のフリーフォント、なかなか良いのが見つからなかったり、どれがいいか迷ってしまうことってありますよね。 今回は、フォントで悩むデザイナーのために、人気の日本語フリーフォントを20個厳選してみました！ 新しいフォントから古いフォントまで様々なフォントがあるので、是非、チェックしてみてください。 1.はんなり明朝 フリーフォント界で有名な明朝体です。 不動の人気を誇っていますね。アクセス数も一番です。 →はんなり明朝 2.大甘書道体 テレビアニメ銀魂の次回予告タイトルに使われている、豪快な毛筆体です。 特に銀魂ファンには嬉しいフォントですよね！ →大甘書道体 3.あんずもじ 言わずと知れた手書きフォント。控えめな女の子が書いた文字っぽくて可愛くて人気がありますね。 →あんずもじ 4.うつくし明朝体 横書きの流れを意識して作られた明朝体フォント。 上品でリッチな雰囲気があります

Hover.cssとは Hover.cssとは、手軽にホバーエフェクトを利用できるようになるCSSライブラリです。 すべて、CSSで動作するので、AタグなどのHTML要素のクラス指定部分にクラス名を記述するだけで、100種類以上の様々なマウスホバーエフェクトを手軽に使えるようになります。 利用するときは、こんなタグで利用できます。 Font Awesomeのアイコンフォントを利用したことがある方なら、Font Awesomeを利用するように、クラスを指定するだけで使うことができるので、簡単に利用できます。 Hover.cssの主な利用手順 Hover.cssを利用するのに必要な主な手順は、以下の3手順です。 Hover.cssのダウンロード＆設置 Hover.cssを呼び出す Hover.css用のタグを記入する 利用するファイルも、hover.css（縮小版はhover-min.css）

個人や商用で利用できる、無料の日本語フォント164種類を紹介します。 年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。同人誌や印刷物などでの利用も明記しました。 毎年まとめていますが、初紹介のものから既存のものまでダウンロード・ライセンスを改めて確認しています（※情報はこの記事の執筆時のもの）。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には必ず利用条件やライセンスをご確認ください。 では、多彩なデザインが揃った「FGシリーズ」からご紹介。 FGゼロ 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 零式艦上戦闘機に使用されていた文字を現代風にアレンジしたフォント。レトロでシャープな字形

毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背景関連も充実していました。それとSVGをより簡単に利用できるようになったのも大きな目玉ですね。 また、jQueryに依存しない、単体で動作するスクリプトも多く開発されるようになったと思います。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェ

ページのデザインだけでなく、使用されているエフェクトも面白いものが揃っているレスポンシブ対応のHTML5/CSS3のテンプレートを紹介します。 単に使うだけでなく、HTML5/CSS3の勉強、デザインの勉強にもいいですね。 “HALCYON DAYS” ONE PAGE WEBSITE TEMPLATE デモページ 大きな写真画像を使った背景とそれを使ったパララックスエフェクトが美しいポートフォリオやランディングページ用のテンプレート。 個人・商用利用無料。

『VLC』は米Lifehackerのお気に入りのメディアプレイヤーです（読者たちも）。VLCはただのプレイヤーではありません。あまり知られていない便利な隠し機能がたくさんあります。 デスクトップを録画する デスクトップの録画ソフトは、無料で低品質のものから、高価で超高品質のものまでさまざま。VLCはその中間くらいです。米Lifehackerで試したところ、映画の録画には力不足な印象。とはいえ、誰かに見せるために、PCの不具合やアプリの操作方法を録画するには十分です。 1. メニューから「メディア ＞ キャプチャーデバイスを開く」を選択。 2. 「キャプチャーモード」のドロップダウンから、「デスクトップ」を選択。 3. フレームレートを変更する。デスクトップの録画には「15フレーム／秒」が最適。速い動きがある動画なら、30フレーム／秒あたり。 4. 「再生」ボタンの横にあるドロップダウンから