Icons 19eighty7 サイトで使える500近いフリーのPNGアイコンセット「spirit20」が公開されています。 ソーシャルサイトなんかですぐに使えそうですね。 同種のアイコンも色々あったりしますが、これはこれで味があっていいですね。 他にも以下のようなソーシャルアイコンが配布されています。 関連エントリ 色々な場面で使えそう！という白黒アイコンセット１２０ ウェブサイトに使えるアイコンセットのまとめサイト
サイトで使える500近いフリーのPNGアイコンセット「spirit20」:phpspot開発日誌
Icons 19eighty7 サイトで使える500近いフリーのPNGアイコンセット「spirit20」が公開されています。 ソーシャルサイトなんかですぐに使えそうですね。 同種のアイコンも色々あったりしますが、これはこれで味があっていいですね。 他にも以下のようなソーシャルアイコンが配布されています。 関連エントリ 色々な場面で使えそう！という白黒アイコンセット１２０ ウェブサイトに使えるアイコンセットのまとめサイト
RedLine Magazine : CSS セレクタ総復習 （2010年5月版）
CSS セレクタ総復習 （2010年5月版） CSS3のプロパティにも興味津々なのですが、その前にまずセレクタを全部まとめて総復習しておこうかな、と。本来1ページに書くべきではない内容量なので読み込み遅いと思います。ごめんなさい。 Selectors Level 3 http://www.w3.org/TR/css3-selectors/ 選択子 http://zng.info/specs/css3-selectors.html (日本語訳) ※下記内容で、サンプルページを用意したセレクタもあるんですが、当然、各セレクタに対応しているブラウザとそうでないブラウザがあります。対応していないブラウザでサンプルページを見ても再現できません。 目次 * (汎用選択子) E (型選択子) E[foo] (属性選択子) E[foo="bar"] (属性選択子) E[foo~="bar"] (属性選択子
商用でも無料で使えるベクターアイコンセット『Bright! – a free icon set』 – creamu
商用でも使えるクールなアイコンを探している。 そんなあなたにおすすめなのが、『Bright! – a free icon set』。商用でも無料で使えるベクターアイコンセットだ。 このエントリーでは、↑のようなクールなアイコンが48個配布されている。hand-crafted iconsということで、それはそうなのだが、丁寧に作りましたよということが伝わってきていい。 しかもベクターデータで配布されている。 You can use Bright! for personal and commercial projects at free of charge. とのことで、個人利用、商用利用問わず無料で使える。 禁止事項は以下の通り。 Do not redistribute or sell any icons of this set. Do not provide the direct down
アプリケーションデザインの間違い・トップ10
ユーザーがユーザインタフェース（UI）の操作方法を知ること、UIが操作の流れを的確に導くこと、共に実現されればアプリケーションのユーザビリティは上がる。しかし、ガイドラインを守らなければ、どちらも実現は難しい。 Top-10 Application-Design Mistakes by Jakob Nielsen on February 19, 2008 アプリケーションデザインの間違いをまとめるのは難しい。最悪の間違いは、業界固有の特殊ケースである場合が多いからだ。アプリケーションが失敗に終わる理由には、 (a) そもそもの問いを間違えている、(b) 問いを正しく捉えながらもそれを解くための機能を間違えて作っている、(c) 的確な機能を作りはしたものの、難しくし過ぎてユーザーに理解してもらえない、などが考えられる。 どれを間違えても、アプリケーションの失敗は決定的で、それを避ける方法をお
MOONGIFT: » PC操作をレコーディング「TipCam」:オープンソースを毎日紹介
最近はWebサービスをローンチした際に、チュートリアルムービーを用意しているところが増えている。複雑化するWebサービスをできるだけ分かりやすくするためにも、こうした努力は必要だろう。 そんなPC操作の説明ムービーを作るのに適したソフトウェアがこれだ。 今回紹介するフリーウェアはTipCam、PC操作記録ソフトウェアだ。 TipCamはWindows向けのソフトウェアで、20分以上の録画までできてしまう。そして、TipCamのWebサービスであるTipCam.comへアップロードすることはもちろん、メールで送付するのもワンクリックでできる。 TipCamが特に便利なのは、操作記録がFlashビデオで保存できる点と、マウス周辺が黄色く表示されて分かりやすくなっている点だ。記録範囲の設定などは、マウスで手軽にできるようになっている。アップロードした動画は限られた人たちだけでシェアすることも、一
MOONGIFT: » JavaScriptデバッグプロキシ「Jackal」:オープンソースを毎日紹介
JavaScriptのデバッグ環境としては、FirefoxであればFirebugで問題ないだろう。だが、他のブラウザの場合はどうだろう。各ブラウザごとにデバッグ環境を作るのは非常に労力がかかるだろう。 そこで試してみたいのがこのソフトウェアだ。これであればどのブラウザでも利用できる可能性がある。 今回紹介するオープンソース・ソフトウェアはJackal、JavaScriptデバッグプロキシだ。 JackalはWindows向けのソフトウェアで、MirageというHTTPプロキシソフトウェアを使っている。インストールし、プロキシのアドレスをlocalhost:9889に設定すれば準備完了だ。 その状態でWebサイトを見ると、左上にJackalのアイコンが表示される。これをクリックするとデバッグウィンドウが表示される。JavaScriptの実行はもちろん、エレメントの構造を閲覧することもできる。
MOONGIFT: » 必見！CSSを使って複数の画像を一つに「CSS Sprite Generator」:オープンソースを毎日紹介
Googleの表示速度の速さの秘密に、コネクションを極力減らすということがある。それが複数の画像を一つにまとめてしまい、CSSのポジションをずらすことで表示するという手法だ。これを使うと画像のダウンロードは一回で済むのでコネクションが少なくて済む。 実際、検索結果のGoogleロゴを見ると、複数の画像が混ざった結果なのに気づくはずだ。これをやるのは非常に面倒に感じるだろう。だが、小さなアイコンなどはこういう手法をとればサイトの負荷軽減、高速化につながる。それを手軽に実現できるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCSS Sprite Generator、CSSによる画像分割補助ソフトウェアだ。 CSS Sprite Generatorは複数の画像をZipで固めてアップロードすると、その画像を連結し、さらに表示するためのCSSを生成してくれる。これを使えばまさに
IE6でよく遭遇するCSSのバグとその解決方法 | コリス
Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する３つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが２倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが２倍になってしまうバグ IE6で、フロートした要素のマージンが２倍になってしまうバグと解決方法の紹介です。 下記のコードで、IE6はマージンが20pxになります。 sample:バグ #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Account Suspended
20,000以上のフォントが無料でダウンロードできる -Free Premium Fonts
IDEA * IDEA
かなり自由にスタイリッシュなボタンを作れるジェネレータ『Da Button Factory』 - 100SHIKI 〜 世界のアイデアを日替わりで 〜
背景画像をつくるのに便利なサイト12選 | IDEA*IDEA
IDEA * IDEA
[CSS]チェックしておきたい50のCSSのテクニック | コリス
アイコンを探すのに便利なサイト色々:phpspot開発日誌
120以上生成できるCSSメニュー作成ジェネレータ『IzzyMenu』レビュー*ホームページを作る人のネタ帳
[CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス
http://jquerydocs.googlepages.com/
使い勝手のよさそうな35のフリーフォント