IDEA * IDEAドットインストール代表のライフハックブログ
3分LifeHacking：Webサイトのブラウザ別スクリーンショットを一括取得する - ITmedia Biz.ID
自分のWebサイトが、ブラウザによって、またはOSによってどのように見られているか――。いちいちブラウザをインストールするのも面倒だし、OSの切り替えはもっと難しい。オンラインで手軽にチェックできるサービスを紹介しよう。 Webページの表示に利用するブラウザやOSなど、人によって利用環境はさまざまだ。自分の環境ではきちんと表示できるWebページでも、他人の環境では見え方がまったく違っていて、レイアウトがガタガタだったり、最悪の場合は一部が表示されないなど、ヒサンな状態になっていることもしばしばだ。 最近であれば、個人のブログが要注意。さまざまなブログパーツを共存させている場合は、ブラウザやOSなど条件の違いによってレイアウトが崩れる確率も高くなる。こうした事故はなるべく防ぎたいと思っていながらも、チェックの手間がかかることから、半ばあきらめている人も多いのではないだろうか。 今回紹介するの
IE7.js登場 - IEのCSS/HTML非準拠はこれで対応 | エンタープライズ | マイコミジャーナル
Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。IE5やIE6で透過PNGを表示できるようにもなる。 IE7.jsは基本的にMSIE5/6向けに用意されていたライブラリをIE7に対応させたもの。これまでのモジュール構造は廃止され、IE7.jsやIE8.jsといったように個別のファイルに分離されている。ホスティング先もGoogle Codeへ変更された。IE7.jsはサイズも縮小され、圧縮した状態で11KBほど。またbase2.DOMのセレクタエンジンを使うことでより高速に動
stock.xchng - the leading free stock photography site
Get free picture, templates, mockups and graphic resourcesLooking for free pictures or visuals? Choose the type of free stock image you need
[Bookmarklet]ウェブデザインの確認に最適なブックマークレット -Design | コリス
Allan Jardine | Reflections ブックマークレット「Design」には４つのツールがあり、それぞれ同時に使用することもできます。 Grid リアルタイムに変更できるグリッドを表示します。
テキストの回りこみ処理をCSSで実現するための『CSS Text Wrapper』 | 100SHIKI
テキストの回りこみ処理をCSSで実現するための『CSS Text Wrapper』 December 7th, 2007 Posted in その他 Write comment 他サイトでも紹介されているが、個人的にぐっと来たのでご紹介。 複雑な図形の形にあわせてテキストを回り込ませたい、というときがたまにある。 ワードやイラストレーターではそういった処理が可能だが、ウェブでそれを再現しようと思うとちょっと厄介だ。 そこで登場したのがCSS Text Wrapperだ。このサイトでは自分で好きな図形を描き、それにあわせてテキストを配置することができる。 そのようにして作った「テキストの回りこみ処理」はCSSのコードでダウンロードすることができる。このコードを回り込ませたいテキストの直前に配置するなどすれば自分のサイトで簡単に応用可能だ。 ウェブで表現するのが厄介、で思考停止せずに、こうした
[N] ウェブ開発者・デザイナーのためのFirefox機能拡張リスト
30+ Firefox Add-ons for Web Developers & Designersというエントリーより。 Firefox has cool add-ons which make the job of website designers and developers much easier. Mashableが、ウェブ開発者・デザイナーのためのFirefox機能拡張リストをまとめていました。30種類以上の機能拡張がジャンル別に紹介されています。 ■CSS CSSを確認、チェック、編集することができる機能拡張。 ・Aardvark ・chromEdit ・CSSMate ・CSS validator ・CSSViewer ・EditCSS ・IE Tab ・Style Sheet Chooser II ■Debugging and Analysis HTMLの確認、リンクチェ
![[N] ウェブ開発者・デザイナーのためのFirefox機能拡張リスト](https://cdn-ak-scissors.b.st-hatena.com/image/square/4551a4c386239a8a918ba852f25cb4d77440b9fb/height=288;version=1;width=512/https%3A%2F%2Fnetaful.jp%2Fwp-content%2Fuploads%2F2021%2F03%2Fog-image.png)
4096 Color Wheel Version 2.1
4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel · 4096 Color Wheel Hover over the wheel to view colors. Click to choose a web-smart color. Reload to clear. about | en français | links
ウェブページを見る目の動きは「F」パターン - GIGAZINE
つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階： 訪問者は最初にページの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
favikon · Generate favicons with ease
Stripe Generator - ajax diagonal stripes background designer
Web Design Tools
HTML4 で使える文字実体参照