Windows Internet Explorer 8 オンザフライでCSSを調整してブラウザの表示に反映させるツールはいくつもある。WebデザイナやWebデベロッパにとって、WebサイトやWebページを制作する段階において欠かせないツールといえる。主要ブラウザにはそれぞれデバッグツールが付属しているか、付属していなくてもFirebugのように実質的にデファクトになっているツールが提供されおり、そうしたツールを使うことが多い。 このようにCSSをチューニングするためのツールは数多く提供されているが、逆にCSSで使われていないセレクタを特定して削除するといった機能を提供するものは少ない。IEBlog : CSS Crunch: new IE Extension for developersにおいてSelectors API Level 1で規程されているdocument.querySelec
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか? Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか?という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
AnythingZoomer2 Download Image Demo A small area overlay is applied when hovered (makes it darker). It is activated by setting the "overlay" option to true (new in v2.0). The numbers in the upper right corner of the zoom window display the center of the zoom window. It is activated when the "edit" option is true; this makes it easier for you to get the coordinates you need for the target links lik
Yahoo! JAPAN Tech Blog Yahoo! JAPANは27日、Yahoo!ニュースをリニューアルした。従来よりも高速にページが表示されるように改善が施された。従来は3秒から5秒ほどかかることもあった表示時間を1秒以内のレスポンスタイム実現を目指して各種最適化が実施されたと説明されている。 どういった最適化が実施されたのかがYahoo! JAPAN Tech Blog Yahoo!ニュース高速化へのサイトデザイン側からのアプローチで説明されている。サイトデザイン側の高速化アプローチとしておもに次の技術を活用したという。 CSS Spriteの採用 PNG8の採用 Optpix WebDesignerを使いPNG8の減色処理を実施 Smush.itを活用しPNG8の余分なチャンクを削除 興味深いのは、これらテクニックはYahoo!のエンジニアでありYSlowの開発者、Stoy
パンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイント、クラシックなものや進化したパンくずのショーケースなどをSmashing Magazineから紹介します。 Breadcrumbs In Web Design 以下、その意訳です。 パンくず ナビゲーションは、大量のページを保持するウェブサイトで、ナビゲーション機能を拡張することができます。 パンくずの大きな有用性は、ウェブサイトの訪問者が上の階層に移動する際、少ないアクションで実現させることです。 このことはウェブサイトのセクションやページのファインダビリティ(見つけやすさ)を改善するものとなります。 また、ランディングページ(検索などから訪れた最初のページ)にも非常に効果的で、ユーザーの現在の場所を明示するだけでなく、文脈のヒントとなるインフォメーションも提供します。 What is a bre
Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に
Queens of the backstreets San Salvador, El Salvador Although prostitution is not legal in El Salvador, dozens of street sex workers, wearing provocative miniskirts, hang out in the dirty streets close to the capital’s historic center. Sex workers of all ages are seen on the streets but a significant part of them are single mothers abandoned by their male partners. Due to the absence of state socia
A software and interaction design company that built great products. People Read about the people who built Sofa. Products Sofa's gone but our products live on. Facebook More about the acquisition by Facebook in 2011. Archive Check out the old site for our design work and blog posts. History Sofa was a small design-centered software company, founded by three guys who taught themselves how to code
Black Estate Limited License 57/OFF/472/2020 expiry 28th day of November 2023 A copy of our license can be viewed here. Biogro No: 5202 Black Estate Limited | License 57/OFF/472/2020 – expiry 28th day of November 2023 | A copy of our license can be viewed here. | Biogro No: 5202. Media + Marketing Resources Friends of Black Estate Become a friend and be the first to hear of rare wine offers, event
Current project EveryBlock ← Previous image Next image → I’m the designer and cofounder of EveryBlock, a site that gathers local news and public information and filters it by location to provide “a news feed for your block.” everyblock.com 2006–2007 Apple ← Previous image Next image → As a designer and web developer at Apple, I worked on the first comprehensive redesign of apple.com in more than 1
How to: CSS Large Background Since I posted the huge collection of Large Background Websites, I received several email requests on how to make a large background site with CSS. サイズの大きい画像を背景にする際のCSSテクニック。 大きい背景画像を使っても、解像度の高いディスプレイだと次のように画像が切れてしまいます。 ということで、次のように、解像度の高いディスプレイでもOKなように作ろうという話。 この際、適切なCSSを設定する必要があって、その例も紹介されています。 更に全体の背景を画像にするような例も紹介されてます。 デモ用の圧縮パッケージも一括でダウンロード可能みたい。 関連エントリ 巨大な背景画像を使って
The original version of this document is in English. You may check the list of available translations. Steven Pemberton, W3C/CWI (翻訳: 石川 雅康, W3C) Version date: 28 October 2003 序文 XForms は Web フォームのための新しいマークアップ言語です。 本文書は HTML 作成者のための簡単な XForms 入門であり、 既存のフォームを対応する XForms のフォームにどう置き換えればいいかを示しています。 本文書は HTML フォームに関する知識を前提としており、 従って全くの初心者向けのチュートリアルではありません。 いくつか HTML のフォームでは不可能な XForms の新機能 (見出しに * がついて
テキストエリアやラジオボタン・チェックボックス、セレクトボックスなどのフォームに特化したスタイルシートのフレームワーク「Formy」を紹介します。 Formy - CSS Form Framework ファイル構成は、下記のようになっています。 reset.css fieldset, form, label, legendのリセット。 form.css Formyのコアファイル。 ie.css IE用に調整。 スタイルシートもシンプルに設計されており、カスタマイズする際にも簡単に行えると思います。 reset.css <textarea name="code" class="css" cols="60" rows="5"> fieldset, form, label, legend{ margin:0; padding:0; border:0; font-weight:inherit; f
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く