超厳選！ハリウッド映画タイトル風のフリーフォント36個
どうも、やな☆ぎさわです。 僕は、映画が大好きでよく観るのですが、それぞれの映画で使われているタイトルフォントはオリジナリティがあってかっこいいなぁと常々思っています。 そこで今回は、映画で使われているっぽいタイトルフォントがダウンロードできるサイトをいくつかご紹介します。 ぜひとも、パロディ感覚でイベント告知のポスターやパンフ、バナーなんかに使用して、あの名画を再現してみてはいかがでしょうか。 以下で紹介しているフォント達はどれもムッチャクチャ格好いいのですが、商用に使えるやつと使えないやつが混じっているため、ご利用の際はライセンスをしっかり確認してくださいね。 パイレーツオブカリビアン風フォント 海の男、いや、漢たちの話。 ＞＞フォントダウンロードはコチラ スター・ウォーズ風フォント そう、この記事を書いている今も、広い宇宙のどこかでは、互いの星の運命をかけた宇宙戦争が繰り広げられてい
[CSS]ぼよよーんと気持ちいいアニメーションでエレメントをページに表示させるスタイルシートのテクニック
パネルを構成する画像、ラベル、見出し、テキスト、そして全体をそれぞれ個別のタイミングでぼよよーんと気持ちよく弾むアニメーションで表示するスタイルシートのテクニックを紹介します。 使いどころは限られるけど、こういうの好き。 bounceIn animated 実装はこんな感じになります。 HTML HTMLは、画像、ラベル、見出し、テキスト、ラッパーの5つで構成されています。 <div class="cu-card animated bounceIn"> <div class="cu-card-image animated second bounceIn"> <img src="http://placehold.it/640x360/99ff99/ffffff" /> <div class="cu-card-label-group animated third bounceIn"> ラベル
Online Color Challenge
色の正確な認識に影響する要因はたくさんあります。テストの結果が毎回異なる場合は、下記の理由が考えられます。 照明：照明は色覚に大きく影響する要因の一つです。脳が認識する色は、照明色によって左右されていることをご存知でしたか？照明装置などを用いて、常に管理された光源下で色を判断するようにしましょう。 背景色の影響：人間の目が認識する色は、周囲の色に影響されます。この現象を同時対比と呼びます。色を判断する際、常にニュートラル色の環境で行ってください。 目の疲労：私たちの目は疲れやすく、物体を2、3秒以上眺めると目の化学物質が消耗され、間違ったカラー情報が脳に送信されてしまいます。色の目視評価を行う際は、再度観察する前に目を休めてください。 乏しい色の記憶力：どんな色でも、詳細を記憶するのは非常に難しいことです。わずかな色差を効果的に判断するには、サンプルが人の心を動かす程に印象的でなければいけ
【過去記事】あなたは色がどれだけ見えていますか？ グラデーションで色の正確さを計測できる｢Online Color Challenge｣
【過去記事】あなたは色がどれだけ見えていますか？ グラデーションで色の正確さを計測できる｢Online Color Challenge｣2014.07.29 17:00 ｢How well do you see color?｣あなたは色がどれだけ見えていますか？ という問いかけで始まるこのサイト｢Online Color Challenge｣では、グラデーションを順番に並べ替えるカラーテストが試せます。利用方法は簡単、■のブロックを自然にグラデーションするように並べ替えるだけでOKです。並べ替え終わったら｢Score Test｣をクリックすると結果が表示されますよ。スコアが小さいほど正確に並べ替えられたということ。 なお、このサイトによると…。 程度こそ違えど女性では255人に1人。男性では12人に1人の割合で何かしらの色覚異常を持っているとのこと。Wikipedia｢色覚異常｣での記載で
制作者たちの勇気に脱帽！世界の首脳らをモチーフにしたキワドイ広告11選 | PR EDGE
Case：Parodies of World Leaders 今回ご紹介するのは「世界の首脳らをモチーフにしたキワドイ広告11選」。かなりブラックでセンセーショナルな広告は、あまりに挑戦的で、もう「凄い！」としか言いようがありません。 米・オバマ大統領の登場回数がダントツNO.1なのは、やはりアメリカが世界一の大国なのだという事を裏付けているのでしょうね。 世界の大物政治家たちをいじくり倒した勇気ある作品の数々、ぜひご覧ください。 １．“友愛”と“憎しみ”は表裏一体!？ベネトンによる衝撃的なプリント広告「UNHATE」 ［国名：イタリア／企業名：BENETTON］ イタリアのアパレル・ベネトンによる、2012年カンヌライオンズでプレス部門のグランプリを受賞した作品。タイトルは「UNHATE」。 アメリカと中国、韓国と北朝鮮という対立する国同士の首脳がキスをしている生々しいビジュアルは、“コ
ミニマルなデザインに役立つ！小さくてもくっきり分かる500種類の無料アイコン素材 -Clear Icons -Solid
個人でも商用でも、Webページでもスマホアプリでも、無料で利用できるミニマルにデザインされた小さいアイコン素材を紹介します。 500種類全てデザインが統一されており、小さくてもミニマルなので、名前の通り「Clear」なアイコンに仕上がっています！ Clear Icons -Solid ダウンロードできる素材は、Web制作者が使いやすいようさまざまなフォーマットが用意されています。 .psd .svg .png (Black & White) .csh PSDやベクターも嬉しいですが、カスタムシェイプも揃ってるのは嬉しさ倍ですね。 アイコンは全部で500種類！ ビジネスやホビーなど、さまざまなアイテムが揃ってます。
売れるコトバの法則 ターゲットに呼びかける
人間は自分に関心あることしか目にはいらない チラシやPOPなどの販促物のキャッチコピーに困ったら 「ターゲットに呼びかける」 という方法を考えてみましょう。 あなたのお客さまに呼びかけてみる。 そういうことです。 どうしてターゲットに呼びかけるキャッチコピーが反応をとれるかというと、 人々は自分に関心があるからです。 ターゲットに呼びかけるキャッチコピー。 あなたも一度や二度みたことがあると思います。 こんな感じです。 「今すぐやせたい方へ」 「売上をあげたい経営者の方へ」 「○○にお住まいの方へ」 「英語が苦手な方へ」 「温泉をゆっくり楽しみたい方へ」 などなどです。 具体的に、あなたの商品がどういう人向けなのか？ ターゲットを明確にして、その人に呼びかけてみる。 —————– 朝日新聞ご愛読者の皆様へ 役立つ情報満載！講座の詳しい案内資料を 無料でさしあげます。 —————– これは通
jQuery.Deferredを使って、xml読み込んでから他の処理を実行する方法
前回の続きな感じですが、今回はxmlで内容を読み込んだあとに、それぞれの高さを合わせるために heightLine.jsを使うというお話です。 コード的に変な箇所がありましたらすみません。 高さを取得してみる まずはxmlを読み込んだだけのコードです。それぞれのカラムには高さが解りやすいように青色の背景を、その親divには緑の背景を敷いてます。 $(function(){ function textView01(){ $.ajax({ url: "xml01.xml", async: true, cache: false, dataType:"xml", success: function(xml){ $(xml).find('text').each(function(){ var text = $(this).text(); $('.txt01').append('<p>' + text
よく使うWordperssプラグインをまとめておいて、サイト構築時に一括インストールでできる「WPCore」 - WEBマーケティング ブログ
Wordperssでいくつもサイトを構築する際に、面倒なのはいつも必ず使うプラグインをインストールすること。必ず使うものを覚えておくのも面倒ですし、ひとつひとつインストールしていくのも億劫になります。 そんなときに便利なのが、今回ご紹介するサービスとプラグインのセットです。 １人で頑張っているウェブ担当者さま必見！業界トップに教えてもらえるチャンス 10枚とじタイプもある針のいらないホッチキス コクヨ ハリナックス 毎回使うプラグインをまとめてインストールできる「WPCore」 「WPCore.com」は、よく使うプラグインをサービスサイト上にまとめておいて、専用のプラグインを使って一括インストールできるオンラインサービス。 まとめたプラグインをコレクションとして公開し、共有することもできるようになっています。 サービスサイト上にプラグインをまとめられる WPCore.comに無料会員登録
モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」
モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」 Tomomi Imura（Slack） 今回のGoogle I/OはAndroidに特化していた傾向が強く、WebテクノロジーやChromeの扱いが比較的小さかったせいもあり、多くのWebフロントエンドディベロッパーは不満を感じた部分もありました。 そこでその中の数少ないChromeのセッションの中から、私が興味深く感じたクロスデバイス開発にはこの先欠かせなくなると思われる Chrome DevToolsの新機能についてレポートします。 このセッションを行ったPaul Bakaus氏（以下、ポール氏）は、かつてjQuery UIやAvesゲームエンジンを開発したことでも知られています。一時期日本に在住していたこともあるので、この記事を読んでいる皆さんには既になじみのある方かもしれません。現在はGoogle
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PhotoshopやIllustratorの最近気になったチュートリアルのまとめ
WordPressの代替になる？ドラッグ＆ドロップだけでサイトが作れてしまう「Weebly」 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -![WordPressの代替になる？ドラッグ＆ドロップだけでサイトが作れてしまう「Weebly」 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/f2680739e7f92a476354a4af3621ba7d64206209/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F47498869.jpg)
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog