似たようなツールは他にもあるが、シンプルで使いやすそうだったのでご紹介。 Unused CSSを使えば、使われていないCSS設定がどこにあるかを教えてくれる。 使い方は簡単で、チェックしたいサイトのURLを入力するだけだ。 すると、どのCSSファイルにどれだけ不要な設定が入っているかを教えてくれる。また、不要な設定を排除したCSSをダウンロードできたりもする。 サイトの開発がながびくと不要な設定も増えていくことだろう。こうしたツールをうまく使ってサイトの最適化をはかりたいですな。
![使われていないCSS設定があるか教えてくれる『Unused CSS』 | 100SHIKI](https://cdn-ak-scissors.b.st-hatena.com/image/square/abee3989e8e47604b16b92896e1ad079cd6b24ed/height=288;version=1;width=512/http%3A%2F%2Fwww.100shiki.com%2Fdocs%2F201101%2F09_logo.gif)
2017年6月30日 便利ツール アイデアのメモも、画像も、音声も、とにかくなんでも保存できちゃうメモツール「Evernote」。有名すぎる便利ツールですね!逆に自由度が高すぎてどうやって使えばいいのかわからない、という方も多いと思います。今回は「Webデザイナー」をキーワードに私のEvernoteの使い方を紹介します。 ↑私が10年以上利用している会計ソフト! Evernoteってなあに? Evernoteの機能を簡単に説明します。 画像・音声・PDFファイルなどが保存できる アップロードできる容量は月に無料アカウント:60MB、プレミアムアカウント:1GB プレミアムアカウントは月額5ドルまたは年額45ドル ノートに対して一つだけ設定できるノートブックを大カテゴリとして使用 ノートに対して複数設定できるタグを小カテゴリとして使用 ノートブックもタグも階層化させて整理できる 携帯電話・ス
CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。 詳しくは以下 設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="text/javascript"></script> このライブラリを使うと、ページのhtml属性に動的にclass属性を追加するようになります。 例えばですが、IE6でアクセスした場合には ua-ie-6というclass名が追加されるようになります。 <html class="ua-ie-6"> <head>…</head> <body>…</body> </html> iPhoneの場合はua-
Evernote Web Clipper is a browser extension that lets you save interesting things you find on the web directly to your Evernote account. Web Clipper Capture ideas and inspiration from anywhere with ease. Save articles, web pages, and screenshots directly to Evernote. Save what matters Clip web pages, articles, or PDFs and save them in Evernote. Screen capture full pages or just the parts you want—
Techcrunchに「ComScore Says You Don’t Got Mail: Web Email Usage Declines, 59% Among Teens!」という記事が出ている。要約すれば、「若い人たちほど旧来型のメールは使わなくなっており、SMS(携帯メール)やIM(メッセンジャー)やFacebookなどの新しい形のコミュニケーションを使う」という話。 日本の「ケータイ文化」やmixiの(初期の)成功を見て来た私としては「何をいまさら」という感じ。日本には「パソコンのメールなんて使ったことがない」「最初にインターネットに触れたのはケータイから」というユーザーが沢山いるわけで、「パソコンのメールよりもより軽くて即時性のあるコミュニケーションの方が今の人たちのモバイル・ライフスタイルには適している」ことは数年前から周知の事実。 この例が示す様に、日本はまだまだ「モバイル
facebookでアカウントが大量にBANされている。 50%以上のアカウントがBANされる国や地域が続出中。 6億という数字と比較してBANされた絶対数は少ないので影響は小さい。 togetterを見ました。海外ですごいBAN(ログイン禁止またはアカウント凍結)されていたのは知っていたのですが、日本にも来たのですね。 いろいろ思う所はありますが、皆様、ご愁傷さまです。最近facebookが好きになってきてfbアプリとか作っていたのですが、モチベーション落ちましたね。 昨年後半あたりから、アカウントが大量にBANされていたのは知っていたので、そのへんについて書きたいと思います。 たとえば、facebookのアカウントが国内で90%以上BANされた国があります。バチカンです。 前回比マイナス4000%というすごい減り方で今はもう20人しかいません。前は人口比100%超えていたのですが一気に減
1月の12日に Android 端末買って、3週間後に ツイキャス・ビュワーをリリースする、という挑戦的な目標を立てていたのだけど、無事作業も完了したのでその時のメモ。 結論から書くと Android よくできてる。開発もやりやすくて楽しい。いやー、こりゃいい。 なにそれお前こないだまで iPhone 厨じゃなっかったのかコラ、と言われそうですが、開発者にとってみれば Android の方が優れてるところが多いと思います。はい、あとメモ。もう順不同でざーーーーーっと。 ■初めに思ったこと とくかく Java 嫌だ。いやいや嫌嫌面倒くさい。なんとかこれ回避できんかな、とおもって Titanium に手をだして、おぉ、こりゃいいや、となるも Android 版は完成度あと一歩のところだったので断念。 次に Adobe AIR に手をだすという苦し紛れの行動にでるも、これもあえなく断念。ま、ライ
ITクオリティ 海外で見た物を吐き出すブログ 汚れた感じのグラウンジフォント集30 汚れた感じのイかしたフォント集。 全体的にお勧めの物が多いです。 30 High Quality Free Grunge Fonts 2011/01/26(水) 09:16:40| フォント | トラックバック:0 | コメント:0 <<動物のオブジェがいろいろつまったphotoshopブラシ集 | ホーム | デザインにスパイスを効かせるファンシーなフォント25>> コメント コメントの投稿 名前: タイトル: メールアドレス: URL: 本文: パスワード: 非公開コメント:管理者にだけ表示を許可する トラックバック トラックバック URL http://gura5.blog120.fc2.com/tb.php/225-ba4da808 この記事にトラックバックする(FC2ブログユーザー) sponso
5 Free Business Card PSD's for our Readers | DesignModo オシャレな名刺を一発作成できる5つの名刺用Photoshopテンプレート。 フリーの方や、会社とは別で人と会うとなると、名刺が必要だったりしますがそんな時に使える名刺用テンプレートです。 名刺用用紙についている名刺作成ソフトなんかでも作れますが、どうも出来がカッコ悪い、という方も覚えておくとよさそう。 う〜ん。どれもオシャレです。 全部もっていてもよさそうですね。 テンプレートということで、名刺のデザインが被ってしまうかもしれませんが、それはそれでいい話のネタになるのかも。 関連エントリ プリントして使えるクールな名刺作成Photoshopチュートリアル スーパークールな名刺デザイン36 裏表使えるクールな名刺のPhotoshopテンプレート5
ブログを一瞬でOGP対応にしてソーシャルサイトでの集客力をUPさせられるWordPressプラグイン「WP-OGP」 2011年02月10日- WordPress ? WP-OGP WordPress Plugins ブログを一瞬でOGP対応にしてソーシャルサイトでの集客力をUPさせられるWordPressプラグイン「WP-OGP」。 OGPはOpen Graph Protocol の略で、ページ内の<meta>タグに、ページのタイトルやURL、サイト名を記述しておくことで、facebookで「いいね!」を押したとき等に、facebook側がOGP情報を使ってより分かりやすい形でリンクしてくれるというもの。 facebookだけはなく、国内のmixi や gree でも対応しているそう( OGPについてより詳しくはこちら ) このプラグインを使えば、有効にするだけで次のように、<meta>
Demo: images IsotopeにはimagesLoadedプラグインも含まれており、画像のロードにコールバック関数を利用できます。 Isotopeの特徴 レイアウト モード: CSSだけではできない、インテリジェントでダイナミックなレイアウトを実現します。 フィルタリング: jQueryのセレクタを使用して、簡単にエレメントのフィルタリングが行えます。 ソート: あらゆるデータからソートが行えます。 各機能の互換性: レイアウトモード、フィルタリング、ソートの各機能は一緒に利用することができます。 最適化: Isotopeのアニメーションエンジンは、表示しているブラウザごとに最適なものを使用します。例えば、CSS3 transitons, transformsなどで、これらに非対応なブラウザ(IEなど)は、JavaScriptでアニメーションを実現します。 Isotopeの実装
素敵な写真をまとめたサイトを紹介します。 まだまだ寒い日が続くので、こたつでゆっくり眺めたいですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く