JPEG画像やPNG画像をドラッグ＆ドロップするだけで、データに含まれるメタデータをサクッと削除してくれるフリーソフトが「JPEG & PNG Stripper」です。スマートフォンやデジタルカメラで撮影した画像データに含まれるEXIF情報などを削除し、画質に一切影響を与えることなく容量の削減を行うことも可能です。 JPEG & PNG Stripper - www.SteelBytes.com http://www.steelbytes.com/?mid=30 JPEG & PNG StripperはWindows版が公開されており、インストールや使い方は以下のとおりとなっています。 ◆ソフトのダウンロード 「JPEG & PNG Stripper」はインストールが不要で、実行ファイルを開くだけですぐ使うことが可能です。まずは上記サイトの「Download」をクリックしてファイルをダウン

Comic Sans wasn't designed to be the world's most ubiquitous casual typeface1. Comic Neue aspires to be the casual script choice for everyone including the typographically savvy. The squashed, wonky, and weird glyphs of Comic Sans have been beaten into shape while maintaining the honesty that made Comic Sans so popular. It's perfect as a display face, for marking up comments, and writing passive a

ウェブページを自作するにはさまざまな知識が必要ですが、簡単にウェブページを作成できるサービスなどもあり、手軽に自分専用のページを作ることができます。しかし、安易にウェブページを作成していると昔作った個人サイトがまだ残っていて……ということになることも。そんな時に「BlinkLink」を使ってウェブページを作成すれば、指定した回数見ると消えるウェブページを作成できます。 BlinkLink http://www.blinklink.me/ これがBlinkLinkのトップページで、ここからページの作成ができます。 「Image」の「参照」をクリックすれば、作成するページに画像を貼り付けることができます。 載せたい画像を選択して「開く」をクリックすればOK。 「Message」には文章を入力可能。 「Max views」には作成したウェブページを閲覧できる回数を設定できます。 これで「Make

PNGファイルをブラウザにドラッグ＆ドロップするだけで画像を最大70％まで圧縮することが可能なのが「TinyPNG」です。画像の質をほとんど落とさずにファイルサイズを少なくすることができ、閲覧者にとっては読込速度が高速化され、そしてサーバ側にとっては転送量が減ることで負荷の少ない結果を生むことができます。 TinyPNG – Compress PNG images while preserving transparency http://tinypng.org/ このサービスの特徴は、「非可逆処理」をPNGファイルに対しておこなうことで通常よりも高い圧縮率を達成していることと、透過PNG(アルファチャンネル)に対応していることです。今回は、下記の2つのファイルの処理をおこない、どの程度の圧縮が可能か見てみたいと思います。 Firefox24ロゴ：549KB フォルダーのアイコン：52KB

by scott_bl8ke いまやモバイル端末でQRコードを利用するのは一般的なことで、それ以外でも割引クーポンとして提供やチケット発行に使用されたりするなど、あちこちで見かけるようになりました。QRコードを読み取るとサイトへジャンプできる機能も珍しいものではありません。このQRコードを設置したことで、サイトへのアクセスが増えるのはおかしなことではありませんが、本人もあずかり知らないようなところでアクセス数が跳ね上がったというケースがあったそうです。 Why does that QR Code go to justinsomnia.org? - Justinsomnia Justin Wattさんは「Justinsomnia」というサイトを運営しています。サイトではJustinさんが食べたもののこと、旅のこと、技術的な話、アウトドア生活などが綴られています。 Justinさんがこのサイト

パッと見ただけで閲覧者の印象に残りそうな、「赤」を基調として構成されているウェブサイトデザイン35パターンです。赤は印象的な分だけ上手に使わないとサイトの見た目がうるさくなってしまいがちですが、うまくまとめることで魅力的なウェブサイトデザインを作り出せます。 A Round up of Red-Colored Websites Design 1：Cafe Rouge 赤い鍋と背景がよくマッチ。 2：MetroStation 小ぎれいにまとまっているウェブサイトデザイン。 3：Intensity in Ten Cities ロケットが印象的です。 4：Grafik さまざまな濃さの赤が使われています。 5：Northern Classics 背景が暗めの赤。 6：New Hampshire Distributors, Inc. 渋めの赤によってどこか落ち着いた高級感のある雰囲気に。 7：Th

「M+（エムプラス）フォント」「IPAex明朝」「IPAexゴシック」の3種類のフォントを合成しオリジナルの文字を加えて加工することで、マンガの吹きだしや辞書の見出し・絵本などで利用される明朝体かなとゴシック体漢字が組み合わされた独特のフォントとなっているのが「やさしさアンチック」です。フォントは印刷物およびデジタル・コンテンツにつき商用・非商用に関わらず利用可能です。 フリーフォントやさしさアンチック（漫画用書体）のダウンロード | フォントな情報。オープンソースの安心フリーフォント http://www.fontna.com/blog/1122/ コミック用アンチックフォントはアンチゴチとも呼ばれる、明朝体とコミック体が組み合わされた太めの書体のことです。通常のアンチック体よりも太みの差が少なく、漢字との統一性が高いデザインで、全体の印象はスッキリと風通しのいいものとなっています。 実

HTMLの知識を必要とせず、フォームに情報を入力していくだけで同人音楽CD特設サイトが完成するTumblr用のテンプレートが「Tokusetsu」です。 ヘッダ画像・ジャケット画像・ソーシャルボタンの有無・背景画像・フォントをカスタマイズでき、テーマカラーも白・黒の2種類から切り替え可能、タブレットやスマートフォンの閲覧にも対応したレスポンシブデザインとなっており、SoundCloud/YouTube/ニコニコ動画の貼り付けに対応、お知らせページやZIPファイル配布ページに使える固定ページを何個でも作成でき、ページへのリンクは自動的にヘッダに追加されるので管理が簡単、しかもFacebookなどのSNSでシェアされやすくなる OGP（Open Graph Protocol）があらかじめ設定してあるという親切設計となっており、かなりよくできています。 Tokusetsu - 同人音楽CD特設サ

営利・非営利問わず自由に使用することが可能で、ウェブフォントとしても利用OKというTrueType/OpenType/WOFF/EOT形式のフォントが「CONDENSE-iconFont」です。下記サイトの一番下にある「DOWNLOAD」をクリックすればダウンロード可能となっています。 CONDENSE-iconFont http://icon.condense-c.com/ 実際にどのようなフォントがあるかというと、こんな感じです

自分のウェブサイトを作って公開するにはサーバーが必要ですが、自分で構築するのはかなり面倒ですし、レンタルすればお金がかかります。しかし、Dropboxのアカウントを持っていればクリックからたった数秒でDropbox上にウェブサイトを作成できて公開できるのが「Small Victories」です。実際にどれくらい簡単に作れるのか試してみました。 Small Victories http://smallvictori.es/ まずはSmall Victoriesのサイト中段にある「Connect to your Dropbox!」をクリック すると連携認証画面になるので「許可」をクリック こんなページに飛ばされます。 自分のDropboxページに戻ってみると「アプリ」というフォルダが作成されているのでこれをクリック 「smallvictori.es」というフォルダをクリック すると中には画像フ

通販での会員登録の際などに名前やメールアドレスといった個人情報を入力することになる「メールフォーム」ですが、ウェブサイトのデザインに比べてあまり凝っていないような気がしている人も多いのではないでしょうか。 ここでは、見ているだけで楽しめるような、オシャレで創造性にあふれたメールフォームを32種類集めています。どのサイトもデザイン性に優れているので、これなら面倒になりがちなメールフォームの入力作業も退屈せずに済みそうです。 メールフォーム32選は以下から。01：ArtFlavours 02：VISMAAd 03：Christian Sparrow 04：Justdot 05：The Spray Studio 06：Ryan Scherf 07：Sandalias XTR 08：SVN2FTP 09：Wing Cheng 10：Denise Chandler 11:Needle 12：fabr

プログラミング経験ゼロから180日で180個のウェブサイトを作るプロジェクトに挑戦していたジェニファー・デウォルトさんが、ついに180個めのウェブサイトを作り上げ、完走を成し遂げました。10月3日のブログで、デウォルトさんは今までの苦労や今後について語っています。 After 180 Websites, I’m Ready to Start the Rest of My Life as a Coder http://blog.jenniferdewalt.com/post/62998082815/after-180-websites-im-ready-to-start-the-rest-of-my 180のウェブサイトを完成させたことで、この6ヶ月間で数多くのコードを学ぶことができ、彼女は数え切れないほどの徹夜と失敗に悩まされ、GitHubに全てのプログラムを公開していることも大きなストレ

目の前でマウスカーソルを動かして説明すると理解してもらえるという場合に使えるのがこのjQueryのプラグインとして動作する「Embedded Help System」です。どのようなサイトにでも埋め込んで使うことが可能となっており、最大の特徴は実際のフォームやチェックボックスなどを操作する様子を目の前で見せてくれるという点。 一体何を言っているのかわからないと思いますが、これは実際に目の前でデモを見てもらうのが一番わかりやすいです。 デモは以下から。 Embedded Help System http://embedded-help.net/ デモを見るにはこの「Usage」ページにまずはアクセスします。 次に「Search database」をクリックするとこのようにしてクリックして使う順番の数字がふわっと浮かび上がります。これだけでも割とわかりやすいのですが、ここからが真価を発揮すると

さまざまなビジネスの現場で行われるマーケティングの真髄は「顧客が求めるサービスや商品を把握し、作り、そのことを伝えて、顧客に価値を提供して対価を得ること」と要約することができますが、その手法は多岐にわたっているうえに常に新しいものが生み出されています。そんなマーケティングの手法をわかりやすくまとめた10個のインフォグラフィックが公開されています。 10 Awesome Infographics to Guide your Marketing Plan for 2014 - The Buffer Blog http://blog.bufferapp.com/10-awesome-infographics-to-inform-your-marketing-plan-for-2014 ◆01：2014年を動かす20の統計データ集 クラウドを活用したデジタル資産マネジメントプラットフォームのWeb

SVG形式・100×100、48×48、32×32のPNG形式で無料配布されているのがこの「Seven Icon Pack」です。400個以上（中身のファイルを見ると全部で478個）もの高品質なアイコンが入っており、かなり実用的なデザインとなっています。 ダウンロードは以下から。 475 Free & Awesome High Quality Icons For Designers SVG形式 http://www.tehkseven.net/news/475-free-vector-icons/icons_svg 32×32のPNG形式 http://www.tehkseven.net/news/475-free-vector-icons/icons_32x32 48×48のPNG形式 http://www.tehkseven.net/news/475-free-vector-icons

ニューヨークタイムズのブログ「NY Times Blogs」やSCEA公式のプレイステーションブログ「PlayStation.Blog」でも採用されているオープンソースで無料利用可能なブログ/CMSソフト「WordPress」の魅力として、豊富なデザインが揃った各種テーマの存在と、それらを簡単に切り替えることでブログの雰囲気をガラッと変えることができるという点がありますが、あまりにも数が多すぎてどれを使えばいいのか選ぶだけでも一苦労。 そこで参考になるのが、スパムコメントやトラックバックを止めるプラグイン「Akismet」で有名なAutomatticが運営しているブログサービス「WordPress.com」公式ブログで紹介されている各種テーマです。 百聞は一見にしかず、実際にどういう秀逸なデザインのテーマがあるのか、実際に選んでみた一覧は以下から。 Blog - WordPress.com

矢印・コンパス・人物・吹きだしといったスタンダードなアイテムからオンライン上で使えそうな音楽やムービーなどの再生＆停止ボタン・音量ボタン・お買い物ボタンや、Android・Windows・Appleのマークなど、さまざまなジャンルのシンプルなベクターアイコン264種類が無料でダウンロードできて商用利用も可能なのが「IKONS」です。 IKONS - 264 free vector icons from Piotr Kwiatkowski http://ikons.piotrkwiatkowski.co.uk/ 264種類のシンプルなアイコンセットは以下のような感じ。 ダウンロードするにはまず「DOWNLOAD」ボタンをクリック。 ダウンロードする前にライセンスを読んで下さい、と表示されます。ライセンスにはIKONSが無料で個人＆商用利用可能であること、変更や修正は可能ですが改変を加えたアイ

登録フォームと言えば通常は必要事項を一方的に入力していくものですが、キャラクターとの会話形式にして、まるでチャットを行っているように情報を入力できるのが「ダイアログフォーム」です。人とチャットしているときはタイピングが苦じゃない、というアイデアを元に作られた登録フォームで、コードのダウンロードも無料で行えます。 ダイアログフォーム - jsdo.it - Share JavaScript, HTML5 and CSS http://jsdo.it/watilde/form 実際にどんな感じでフォームが表示されるのか試してみます。まずはページ右側にある再生ボタンをクリック。 すると、「会員登録ふぉーむ」という文字の下で自動的にWindows Azure 公認キャラクタークラウディア・窓辺が会話を始めます。 「ユーザーIDを入力してください」とクラウディアに言われるので、フォームに自分のIDを

オンラインストレージサービスであるDropboxのフォルダを自分のホームページとして使用できるサービスが「Site44」です。Dropboxのアカウントを持っていれば簡単にWebサイトの作成ができます。 Webサイトの作成方法については以下から。 site44 - absurdly simple web hosting http://www.site44.com/ 上記サイトにある「Sign in with Dropbox to get started ≫」をクリック。 Dropboxのアカウントにひも付いているメールアドレスとパスワードを入力して、「サインイン」をクリック。 「許可」をクリック。 以下のページが表示されたら、Webサイトを作成するので、「Create a new website ≫」をクリック。 Webサイトのドメイン名を設定するので、「.site44.com」の前に入れ

デザインの仕事をしていたり、フリーペーパーやポスターを作る時にも、無料で自由に使える写真やイラストは重宝します。一定条件の下で作品を自由に使えるCCライセンスの画像も有用なのですが、商用利用やクレジット表記・リンクの可否など制限があり使いづらいことも。そんな時に便利なのが、知的財産権が誰にも帰属しないパブリックドメインの画像を検索閲覧・ダウンロードできる「Pixabay」であり、CCライセンスのように細かい点を気にすることなく自由に画像を使用できます。 Pixabay - パブリックドメイン画像 http://pixabay.com/ テキストボックスに単語を入れて検索ボタンを押すと…… こんな感じでずらっと写真やイラストが並びます。画像は新着順の他、人気順でも表示することが可能。 気になる画像をクリックすると…… 詳細ページへと飛びます。 撮られた日時や使用されたカメラの種類などと共に、