昨日に続き今日も似たような内容 ですが。グリッドレイアウトの レスポンシブWebデザイン対応の CSSフレームワークですが、こちら はグリッドのカラム数やマージン を指定できます。 どんどん便利になりますね。最近同じ内容の記事ばかり書いてて自分がスパマーみたいな気分になってきましたが気にしないようにします。 グリッドレイアウト x レスポンシブなフレームワーク。DL前にカラム数などをカスタマイズ可能です。 カラム数などを入力してダウンロードします。逆に、数値を入れないとダウンロードできない様になっています。 デモファイルです。ウィンドウをリサイズするとそのサイズを上部に表示してくれますので調整しやすいのでは。 以下より利用できます。 34Grid

内容：「myFontbook」は、オンラインで使えるフォントビューアだ。自分のPCにインストールされているフォントの一覧をブラウザ上で表示し、書体を確認できるほか、タグをつけるなどしてお気に入りのフォントをすばやく見つけることができる。 「myFontbook」は、オンラインで使えるフォントビューアだ。自分のPCにインストールされているフォントの一覧をブラウザ上で表示し、書体を確認できるほか、タグをつけるなどしてお気に入りのフォントをすばやく見つけることができる。 使い方は簡単で、サイトに行き、ビューアを起動するだけ。ローカルにあるフォントが読み込まれ、4ペイン形式の画面に一覧で表示される。日本語のフォントも問題なく表示でき、書体を手軽に確認できる。 4ペインウィンドウの下部にはそのフォントを使用した場合の例文が表示されるようになっており、利用イメージを手軽に確認できる。例として用意されて

【ゆっくり茶番劇】　実力主義の学園で無能だと言われていた俺が”隻腕”で最強という事がバレた#26　《ついに実力がバレる…！？》

動画のストリーム再生機能は地域制限がかかる場合が多くあります。日本国外から日本のニュースを見ようとしても再生できなかったり、逆にアメリカの動画が再生できなかったりします。そこで「Tunlr」を試してみてください。 Tunlrは任意のデバイスで使用可能で設定も簡単な、無料で使えるDNSサービス。これを使えば地域制限を無視してコンテンツをストリーム再生できます。日本からNetflixを見たり、BBC iPlayerのコンテンツを再生したりといったこともTunlrなら可能です。Tunlr指定のDNSサーバーアドレスを設定するだけでセットアップは完了。オリンピックやBBCを見るその他のソリューションと異なり、Tunlrは完全に無料で使えます。 多くのサービスに対応しているとは言え、全てのサービスがサポートされているわけではないのでご注意を。米Lifehackerで見たところ、「BBCのiPlaye

画像に発生したブロックノイズなどを除去してくれるサイト『Noise Remover』 『Noise Remover』はデジタル画像に発生すたノイズを除去してくれるサイト。 主にJPG画像を高圧縮した際に発生しやすいブロックノイズやモスキートノイズの低減に有効です。 使い方は、まず画像（5MBまで）をアップロード。大きい画像は全体をプレビューできないので、部分的にプレビューしたいエリアを指定しておきます。 画像が読み込まれたら、プレビューを見ながら『Denoise』と『Sharpen』の2つのスライダーで最適な状態になるように調整します。 ノイズの除去量『Denoise』を高くするほど画像が甘くなる傾向があるので、その分を『Sharpen』で補正する感じで調整していくとよいでしょう。 そして出来上がったら画像をダウンロード。 さて、以下は実際に使ってみた結果です。 （左＝処理前、右＝処理後）

1年前は、プログラムも書けない普通の文系リーマンでした。20代最後の年。少人数のチームで素敵なWebサービスを作り出している人達を見て羨ましく思っていました。「自分もチームでWEBサービスを作れるようになりたい」。そう思って業務時間外に勉強をはじめてから約1年、このたびチームでWEBサービスをリリースすることができましたので、そのサービスとそこに至るまでの経緯をちょっと紹介したいと思います！ こんなサービスを作りました フォト★レポ 今度、どこに行こう？ プライベートで「今度、どこに行こう？」と思ったことはないでしょうか？例えば「週末どこに行こう？」「家族サービス、どこに行こう？」といった瞬間です。そのような時インターネットを調べると、色々な情報が見つかると思います。けれど、「写真1枚だけ」や「テキストだけ」といった情報が多く「なんか雰囲気が分からない」「なんか一押し足りない」と感じること

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. インフォグラフィックは、あなたの読者やファンを楽しませるコンテンツとして最適なものの一つだ。 さらに、ソーシャルメディアエキスパートのDan Zarrellaは、１万のFacebookページの中から合計１３０万の投稿を調べた結果、最も安定して多くのシェアを生み出すコンテンツは、画像コンテンツだということを発見した。 ※画像コンテンツの平均的なシェア率は0.25%、次に文字投稿で0.17%、３番目は動画投稿で0.1%。単なるニュースなどへのリンクの場合だと、0.04%しかない。 そして、ソーシャルメディアを有効活用するための、最も効率的な戦略は、見た目にも面白く、人の役に立つ画像コンテンツを定期的に提供することだという結論を出している。 こ

WordPressを安いサーバーや相性の悪いサーバーで動かしていると、知らぬ間に503エラーを頻発していたり、あるいは思わぬエラーで動かなくなっていることがあると思います。もちろんWordpressでなくても同じことが起こりうるのですが。 そういったエラーをすぐに察知するのに便利なのがWeb サイト監視ツール。メールなどで異常を知らせてくれるので、素早い対処をおこなうことができます。 今回は、そのWEBサイト監視をおこなっていて、サイトがダウンした際に、メールだけでなくTwitterやSkypeにも通知してくれるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! TwitterやSkypeに異常を通知してくれる「StatusCake」 「StatusCake」は、無料で複数サ

僕はこれまで個人やスタートアップを通じて30近くのWebサービスを作ってきて、失敗したり、ちょこっとうまくいったりを繰り返してきました。最近では、Facebookページで600万人のファンを抱えるTokyoOtakuModeというメディアの立ち上げ＆運営を行ったり、自分の会社でスマートフォンアプリを開発したり、個人でスカイツリー観光のファンサイトを運営したりしています。 Webサービスを作る個人開発者やスタートアップは資金が潤沢にあるわけではないので、無料や低価格で提供されている様々なツールを駆使して、コストを削減していく必要があります。そこで今回はDropboxやGoogleカレンダーなどの定番サービスは除いて、僕個人が愛用しているおすすめの実用サービスを紹介してみようと思います。 1. Googleハングアウト / 音声通話＆ビデオチャット これまで無料音声通話といえばSkype一択だ

[対象: 全員] Googleウェブマスターツールのメッセージセンターに届くメッセージをGoogleアカウントに関連付けられているメールアドレスに転送することができます。 このメッセージ転送機能に2つの仕様変更がありました。 転送するメッセージのタイプの選択 1日に1回まとめて送信 順に説明します。 1. 転送するメッセージのタイプの選択 転送するメッセージを2つのタイプから選択できます。 1つは、重大な問題に関するメッセージだけを転送するオプションです。 「マルウェア」が例として書かれていますが、ほかには「重大なクロールエラー」や手動措置の対象になる「不自然リンク警告」などウェブマスターツール内で黄色の「！」マークが付くメッセージが該当するのだと僕は判断します。 もう1つは、すべてのメッセージを転送するオプションです。 何かの設定を変更した確認やWordPressのバージョンが古いなど単

ご存じの方はご存じで、ご存じで無い方はご存じで無い、Flashについての重要なニュースが先週にありました。 Android版Flash Playerは明日以降、新規導入が不可能に　2012年08月14日 まあ、ネット系に少しでも携わる仕事をしている方には常識のようなニュースではありますが、ネットサーフしてみますとまだまだFlashを多用しているのがたくさんあります。以前もこのエントリー(こんなサイトは作ってはいけない・・・Flash「馬鹿使い」編)でちょっと説明しましたが、いよいよこれが現実となりました。 FlashはそもそもHTML5が本格導入されればいらない技術で、それが分かってるのでスティーブ・ジョブズはiOSで対応しなかったわけです。顧客にもウケない、ウケルのは素人の担当者だけと言われる(勝手に言ってる)Flashサイトは、再度書くと以下の大きな欠点が二つあります。 １　SEO的に

最適な文字サイズとコンテンツエリア幅を計算してくれる『Golden Ratio Typography Calculator』 Golden Ratio Typography Calculatorはフォントサイズとコンテンツエリアの幅との互いの最適な数値を導き出す計算機。 同サイトの作者が可読性の高い文字組を考える上で数学的に算出した『黄金比』のアルゴリズムを基にして、もっともバランスの良い見た目の数値が得られるというものです。 左側の入力欄にフォントサイズまたはコンテンツエリアの幅のどちらか、或いはその両方を入力します。 すると、そのフォントサイズに最適なコンテンツエリアの幅、或いはその逆、そしてそれに最適なline-heightと一行あたりのだいたいの文字数が計算され表示されるというわけです。 また、表示フォントがいくつか選べるのでフォントを変えながらチェックすることもできます。 例えば

やはり、これだけ便利なツールが普及されていないのは悲しいことなので、さらに便利にする方法をいくつか紹介したいと思います。 はてなブックマークを利用して、本当に欲しい特定ジャンル情報を効率的に集めるためのRSSフィードを独自に作成する方法をご紹介します。 情報を集めすぎると、質が低下するので、その調整法についても触れます。 そもそも、RSSリーダーって？という人はこちらをご覧ください。 若者が知らない最強の情報収集方法「RSSリーダー」 はてなブックマークのタグ機能を利用する はてなブックマークにはタグと呼ばれる仕分けをする機能があります。このタグを利用して、あなたが欲しい情報に絞り込んだRSSフィードを作成できます。 誰かがつけたタグをキッカケに、RSSとして配信される様に設定します。人間が目視でタグをつけた結果とブックマーク数を調整できるので、情報としてはかなり正確なものを効率よく集める

特に新卒でプログラマになりましたとか、若者に向けて、RSSリーダーで技術情報にアンテナ張ると色々捗りますよ。というご紹介です。 普段からRSSリーダーを利用して情報収集されている方には、つまらない記事ですが、あなたの知っている一番若いエンジニアに教えてあげてください。知らない新卒エンジニアは多いみたいです。 情報収集の方法は？日々技術は進歩していて、流行廃りもあります。こういった情報を追いかけるために、どのようなツールを活用していますか？ 「Twitterで話題になってるのを見るぐらい」というだけでは、そのつぶやきを見過ごしたら、二度と知ることができません。 SNSなどが普及したことによって情報が流れるスピードが上がったので、1日後にはまた新しい話題にすり替わってます。それに、あなたが本当に知りたい分野の最新の情報であるとは限りません。 これでは話題の技術を把握することができませんし、重大

アイコン形式になったWebフォントを集めてみました。これだけ色々揃うと画像を使う場面も減ってくるかもしれませんね。 @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff') format('woff'), /* Modern Browsers */ url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('webfont.svg#svgFontName') format('svg'); /* Legacy i

デジタル・アイデンティティの世界へようこそ はじめまして、OpenID Foundation JapanでエバンジェリストをしているNovです。 この連載では、僕を含めOpenID Foundation Japanにかかわるメンバーで、OpenID ConnectやOAuthなどの「デジタル・アイデンティティ（Digital Identity）」にかかわる技術について紹介していきます。 APIエコノミー時代のデジタル・アイデンティティ 世界中で9億人のユーザーを抱える「Facebook」や5億人のユーザーを持つ「Twitter」など、巨大なソーシャルグラフを持つサービスが、日々その存在感を増しています。日本でも、グリーやモバゲーなどがそれぞれソーシャルゲームプラットフォームを公開し、国内に一気に巨大なソーシャルゲーム市場を作り上げました。最近では、ユーザー数が5000万人を突破し、プラット

仕組みをよく理解できていないのですが、ImageAplphaは色数を減らしてファイルサイズを軽量化してくれるアプリのようです。 詳しい人がちゃんと解説してくれると嬉しいです。無知でごめんなさい。 さらには透過PNGの透過も維持したままにできるそうなので、これは是非試さないと損。 参考：透過を保ちつつpngを高圧縮するMacの無料アプリImageAlpha。素でIE6対応 以下のキャプチャ画像をサンプルに試してみました 上の画像をサンプルにファイルサイズの軽量化をImageAlphaで試してみました。 最初の状態でファイルサイズは579KBです。 PNGファイルをアプリケーションにドラッグ＆ドロップします。 画面下部にImage sizeとしてどのくらい軽量になったかが表示されます。 保存しようとすると以下のような画面が開きます。 注目すべきは「ImageOptim」にそのまま送ることもでき