不定期で出してるネタ帳ですが、毎週土曜日に出せたらいいなーと思ってます。 日曜日は週末ネタ、と毎週続けて出せるようにがんばりますね。 ずぼらな性格を直したい・・・。 今週のネタ帳TOPはJsやCSSのサイズを圧縮するもの。 過去記事: 無駄の多いCSSを一発で高圧縮してくれるサイト「CSS Compressor」 と似たようなサイトがずらずらと。 一部アクセスできないサイトがありましたが、良いまとめです。 (※ネタ帳では海外サイトの記事のみ扱っております。あしからず。)
「Mega-Editor」はTumblrの過去の記事をまとめて編集できる機能です。 いつの間にか追加されていた機能で、とっても便利なので紹介します。 アーカイブを一覧表示でき、選択したポストすべてに対して「タグ付け」「タグ編集」「削除」が行えます。 Tumblrやってます→http://kamekiti.tumblr.com/ もしよければフォローしてください。更新通知もしています。 以下に使ってみた様子を載せておきます。 まず「Tumblr」にアクセスして、ログインしましょう。 「ダッシュボード」の右欄、Tumblrへのポスト数をクリックします。 するとポスト数の横に「Mass-editor」の文字が。 「Mass-editor」をクリックすると、このようにTumblrアーカイブが一覧表示されます。 一覧表示すごくいい! テキストも写真もすべて表示されます。 編集したいポストをクリックし
「FontFonter」はWebフォントをその場で適用できるサイトです。 Webフォントについては、 「SafariやFirefoxも正式対応!CSS3のWebフォント(Webfonts)とは何か」を御覧ください。 「FontFonter」は、 Webフォントを公開している「Web FontFonts」内のフォントをその場で適用できるサイトになります。 以下に使ってみた様子を載せておきます。 まず「FontFonter」にアクセスしましょう。 フォントを適用したいサイトのURLを入力します。 日本語フォントは基本適用されないみたいなので、今回は海外サイト「Digg」で試してみます。 通常はこのとおり。Javascriptは無効になります。 上部でフォントを置き換えることができます。 お好みのフォントを選んで「FontFont it!」をクリック。 するとこのようにWebフォントがその場で適
「Darkroom」はHTML5で作られたオンライン画像加工サイトです。 ちょこっと加工するくらいなら十分なくらいの機能をもっています。 HTML5で作られたってとこがすごいですねー。 IE8では動きませんでした。 以下に使ってみた様子を載せておきます。(※Chrome dev 6使用) まず「Darkroom」にアクセスします。 うお、めちゃくちゃ高機能っぽそう!これがHTML5!? 以下に各機能をざっと紹介します。 トリミングや反転、赤目補正などがあります。 カラーバランスや露出の調整。 こちらはエフェクト。用意されている10ほどのエフェクトから選びます。 IE8ではご覧の通り、エラーで動いてくれません。 一見Flashでも使ってるのかなと思っちゃうくらいリッチですね。 動作もサクサクしていて実用的! (本記事で紹介したサイト:Darkroom)
サイトやブログには、ページが存在しないことを示す「404」というページがあります。 リンクを開いたら「ファイルがみつかりません」ってなるやつがそれです。 味気ない404ページもあれば、ユニークにデザインされたものもあったりします。 以下の記事を参考にして、面白いなー、上手だなーと思った404ページを以下に紹介します。 ・70 Unique Examples Of 404 Error Pages For Your Inspiration ・404 Error Pages: Reloaded ・50 Examples of Creative 404 – Page Not Found Pages ・50 Creative and Inspiring 404 Pages ・14 funny yet creative 404 error pages ・49 Nice And Creative Err
「Somelemonade」はTwitterやTumblrで流れてくる画像や動画をまとめて表示するサイトです。 ログインはTwitter、連携サイトはTumblrになります。 この2サイトのフォロワーがアップした写真や動画だけを抽出して表示してくれます。 Twitterだけの連携も可能です。 その場合だと、Twitterで流れてくる写真や動画だけを抽出できます。 対応サイトは限定されているので(TwitpicやFlickrはOKだけど携帯百景はだめなど)注意です。 以下に使ってみた様子を載せておきます。 まず「Somelemonade」にアクセスします。 「Sign in」をクリックします。 TwitterのIDでログインさせるかどうかの設定。「ALLOW」で許可します。 無事サイインできたら、次はTumblrのIDとパスワードを入れます。 TumblrのIDもってない方は、未入力でも大丈
「Browize」はブラウザのサイズをワンクリックで変更できるサイトです。 サイト制作でブラウザ領域を確かめるときに便利そうですね。 ちなみにChromeだけ非対応です・・・。 以下に使ってみた様子を載せておきます。
「8 Icon Search Engines For That Perfect Graphic Symbol」 でアイコン検索エンジン8つが紹介されていました。 その中から7つを紹介したいと思います。 それぞれのサイトに特徴があり、アイコンの検索の仕方に工夫されています。 自分が使いやすいものをブックマークしておくと便利ですよ!
「Web Resizer」はウェブ上で画像をささっと加工できるサービスです。 最大5MBまでの画像をアップロードでき、回転やトリミングや縮小などができます。 わざわざペイントを起動して作業するよりも楽かもしれないですね。 さらにフレームをつけることができます。 色も自由に選べるので便利! フレームは角をまるくすることもできますよ。 以下に使ってみた様子を載せておきます。 まず「Web Resizer」にアクセスします。 「ファイルを選択」より、加工したいファイルをアップロードします。 アップロード後、自動的に縮小されます。 とっても大きいサイズの写真もこのとおり。 簡単に縮小できました。 さらに必要な部分だけを切り取ることもできます。 このようにフレームをつけることも。 フレームの色は自由に指定できます。 枠のライン、背景など細かく設定可能。 さらにちょっとおしゃれに角を丸くすることも!
「Replace CSS Colors - Editor」は、CSSに使われている色を置換できるサイトです。 たとえば、サイトのデザインを少し変更したいと思って、 赤色を青色にしたいとき、このサイトを使えば楽々編集できます! CSS読み込み→色を置き換え→新しいCSSをダウンロード→適用 この流れでOKです。 以下に使ってみた様子を載せておきます。 まず「Replace CSS Colors - Editor」にアクセスします。 一番左。CSSの読み込みからです。 CSSを読み込むと、CSS内で使ってる色をすべて抽出してくれます。 右側のカラーチャートから、置換後の色を指定します。 最後に新しいCSSをダウンロードしておしまい。 適用してみるとこのとおり! 色を抽出してくれ、その場で視覚的に編集できるのが便利ですね。 メモ帳で置換すりゃいいだろ!ってツッコミはなしでね。 (本記事で紹介した
「Bookmark Sentry」はChromeのブックマークのリンク切れをチェックできます。 ワンクリックで自動的にチェックしてくれるのでとっても便利。 また、定期的にチェックしてくれる機能もあります。 以下に使ってみた様子を載せておきます。 まず「Bookmark Sentry」にアクセスします。 インストールして、拡張機能のメニューへ。 「オプション」をクリック。 オプションより、リンク切れのチェックが行えます。 下段でスキャンする期間の変更ができますよ。 リンク切れを発見すると「Problems Fround」にカウントされていきます。 こちらがリンク切れ一覧。 「×」ボタンをクリックすると、その場でブックマークから削除できます。 ただ、消す前にもう一度自分でチェックしたほうがいいです。 というのも、リンク切れじゃないサイトがたまーに混ざっているからです。 1ヶ月に1回くらい定期的
「Drag & Drop Search」はキーワードをD&Dするだけで色んなサイトで検索できるChrome拡張機能。 通常は、テキストをドラッグしてタブに持っていくとGoogle検索ができます。 Google検索だけでなく、YouTubeやBingやAmazonなどなど色んなサイトで検索したい人におすすめです。 操作性もよくとっても使いやすいです。 以下に使ってみた様子を載せておきます。 まず「Drag & Drop Search」のダウンロードページへアクセスします。 インストールをしましょう。 インストール後、Chromeの拡張機能ページへ。 「オプション」をクリックして詳細設定をします。 16個のボックスには、どのサイトで検索するかを設定します。 「Name」は表示名、「URL」は検索したときのURLを入力します。 たとえば、Twitterで「Google」と検索すると、検索結果のU
「Online mp3 cut tool」はmp3ファイルを好きな位置でカットできるサービスです。 たとえば、「1分22秒から3分10秒」までをカットして保存することができます。 操作手順は、 mp3ファイルをアップロード→トリミング→保存(ダウンロード)でおしまい! とっても簡単にmp3の編集ができますよ。 以下に使ってみた様子を載せておきます。 まず「Online mp3 cut tool」にアクセスしましょう。 「Upload mp3」よりmp3ファイルをアップロード。 そして、トリミングします。 この部分はFlashを利用しているようです。 音楽再生ボタンがあるので、編集が簡単です。 編集後、「Split and Download」をクリックすると、編集した音楽がmp3形式でダウンロードできます。 とってもシンプルかつ使いやすいサイトなのでブックマークしておくと便利です! (本日紹
「MenuBuilder」はメニューバーを作ってくれるジェネレータです。 グラデーションやマウスオーバーも実装できます。 色を選んで、パターンを指定したらおしまい! 簡単すぎ! 画像およびHTML(CSS)もダウンロードできるので、使い回ししやすいです。 以下に使ってみた様子を載せておきます。 まず「MenuBuilder」にアクセスします。 メニューはグラデーションになります。 上側がデフォルトで下側がマウスオーバーのときです。 そしてお次は、メニューのパターンを指定します。 あと、横に並べるのか、縦に並べるのかも選択しましょう。 「Generate&Preview」すると、最上部で仕上がりを確認できます。 「Download」ボタンをクリックすると、画像とHTML(CSS)を一括でダウンロードできます。 HTMLファイルを開くと、このように先ほど作ったメニューが実装されています。 HT
「Picasa Album Downloader」はその名の通り、Picasaのアルバムをダウンロードできるツールです。 通常なら、Picasaをインストールしないとアルバムごとダウンロードできないです。 この「Picasa Album Downloader」を使えば、 Picasaをインストールせずにダウンロードできるようになります。 一気にアルバム全部フルサイズでダウンロードできるのでおすすめ。 以下に使ってみた様子を載せておきます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く