ブラウザ間の問題をjavascriptで回避する8つのTips「8 Javascript solutions to common CSS problems」
TOP > WebDesign > ブラウザ間の問題をjavascriptで回避する8つのTips「8 Javascript solutions to common CSS problems」 WEBデザイナーやWEB開発者なら一度は苦悩するブラウザの違いによるレイアウトの問題や形式の問題。業務の上で一つの障壁ともなり得ない問題です。今日紹介するのはそんなブラウザ間の表示に対しての問題を解決してくれるjavascriptを集めたエントリー「8 Javascript solutions to common CSS problems」を紹介したいと思います。 透過pngによる背景の問題だったり、カラム間の高さの問題などなど、レイアウトに関して起こりうる問題を簡単なjavascriptで回避する方法を示しています。今日はその中からいくつかピックアップして紹介したいと思います。 詳しくは以
HTMLエディタ比較 (フリーソフトウェア)
◆ お知らせ：2008年9月27日(土) 『ぴあの好きの集い 第9回演奏会』◆ 上野旧奏楽堂。入場無料。 私は、アルベニス晩年の傑作ラ・ベーガを演奏します フリーソフトウェアのタグ挿入型HTMLエディタの機能比較をまとめたページです。普通のエディタと共に優れたフリーウェアソフトが乱立するこの分野。有っても良さそうな比較記事を載せたページが意外に見付からないので、意を決して自分で比較し、箇条書きにまとめてみました。といっても、ほんのメモ程度です。私が日々のHP書きに使用する中で、使えるか使えないか、だけが採用不採用の基準です。不採用のソフトは、1つ2つの致命的な欠損機能を指摘するのみです。 なお、比較検討をしたサンプルソフトは、窓の杜、VectorのPickUpで紹介されていたタグ挿入型HTMLエディタのみです。それ以外のエディタは含んでいません(一部例外あり)。これ以外に優れたHTMLエデ
"吹き出し"を画像使わずにCSSで作る方法 | エンタープライズ | マイコミジャーナル
Filament Group ツールティップとしての吹き出しエフェクトはWebページでは広く使われるようになったUIのひとつだ。吹き出しの四隅は丸みを帯びて角の外側は透過表示になり、吹き出しを示すための小さい突起がついているところに特徴がある。多くの場合で背景画像がこれらUIを実現するために使われる。 Filament Groupにおいて、これに背景画像を使わずCSSと若干のHTML、それに多少のJavaScriptを使って実現する例がImage-free CSS Tooltip Pointers - A Use for Polygonal CSS?として紹介されている。Filament GroupではjQuery UIウィジェットの開発中にこの問題にあたり、CSSで多角形を描画するためのよく知られたトリックといくつかの工夫を凝らすことでこれを実現したと説明している。 背景画像を使わないで
Web Style
The Purposes of E-commerce Website and Web format Since the importance of eCommerce internet site is growing bizarre and fantastic, the importance of e-commerce internet format also is growing. Before going to talk about more or less E-commerce internet format, everybody ought to necessarily notice more or less e-commerce internet site, and its services and products. Here are a few compulsory diff
ウェブサイトの制作・検証に役立つブックマークレット集
レイアウト用のグリッドをオーバーレイで表示します。 URLを変更すれば画像の変更可。 Bookmarklet Layout Grid Overlay MRI
フォトショいらず：CSSで画像の上に斜めの帯と文字を表示してみる - builder by ZDNet Japan
「FirefoxとSafariのCSS徹底検証」では、直近の2回に渡ってCSSのプロパティ「transform」を紹介している。 CSSでトランスフォーム：変形処理「transform」の基礎 CSSでトランスフォーム：1つの要素に複数の変形処理を適用する 今回は番外編として、transformプロパティを使って、画像に対し斜めの帯を付けて表示するテクニックを紹介しよう。 画像にななめの帯を付けて表示する transformプロパティを利用すれば、ヘッダー画像にななめの帯を付けるようなデザインをCSSで実現することができる。 たとえば、次のサンプルでは「Welcome to my Homepage」という文字を表示した黄色い帯を画像の右上に重ね、45度回転して表示している。このとき、黄色い帯の両端を画像に合わせてカットするため、全体を囲んだ
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
綺麗にデザインされたおしゃれなソーシャルブックマーク追加リンクのセット:phpspot開発日誌
Social Bookmarking Menu - Revisited | Eight7Teen 綺麗にデザインされたおしゃれなソーシャルブックマーク追加リンクのセット 次のような、カーソルを合わせるとアイコンがひょっこり現れて、ついソーシャルブックマークに追加したくなりそう（？）なアイコンセットが表示されるというサンプルです。 デモのソースがダウンロードできるのですが、HTMLとPNGファイルの2個しかはいっていなくて使うのも簡単です。 CSSスプライトで画像を1個にまとめているので、日本のソーシャルブックマークに対応させるのは若干面倒かもしれませんが、こういうところまでデザインしてしまおうというのが素敵ですね。 関連エントリ ソーシャルブックマークやRSSリーダーに追加ボタンをスマートに一括設置できる「mooSocialize」 ソーシャルブックマークのアイコン集 iPhoneのアイコ
キャットフードの成分表示（灰分）
キャットフードの成分表示を見ると「灰分」という、普段なかなか目にすることのない単語が記載されています。この灰分とは一体どのようなものなのでしょうか。 この記事では灰分とはどのようなものなのか、その詳細と覚えておきたいことについてご紹介します。 灰分とは 灰分(かいぶん)を字そのものの意味で説明すると、食品材料を燃焼させた後に残る灰のことを指します。 これを簡単に表現すると、すなわちミネラル分の量です。 キャットフードには保証成分として灰分の割合が表示されていますが、これはつまりキャットフードに含まれているミネラルの割合です。 灰分の測定方法 なぜ灰分がミネラルの量を示すのでしょうか。その答えは測定方法にあります。 一般的に食品材料は主に水分と有機質、無機質(ミネラル)で構成されています。この食品材料を550℃から600℃の高温で熱することで水分や有機質が燃焼ガスとして気化し、無機質のみが灰
[CSS]シンプルでクールなデザインのパンくずを実装するスタイルシート
グラデーションを使用したアローでデザインされた、シンプルでクールなパンくずのスタイルシートをVeerle's blogから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="crumbs"> <li><a href="#">Home</a></li> <li><a href="#">Main section</a></li> <li><a href="#">Sub section</a></li> <li><a href="#">Sub sub section</a></li> <li>The page you are on right now</li> </ul> </textarea>
[CSS]サムネイル画像を表示するドロップダウン型ナビゲーション
タブ形式のドロップダウンの子要素にサムネイル画像を表示するナビゲーションのスタイルシートをCSSplayから紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
脱初心者をめざす人のためのホームページ作成講座
[CSS]スタイルシートをIEだけに適用する大胆で簡単な条件式の使い方 | コリス![[CSS]スタイルシートをIEだけに適用する大胆で簡単な条件式の使い方 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
HTML、CSS、JavaScriptの練習に最適な便利ツール『rendur』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
[CSS]軽快に動作するタブコンテンツを実装するスタイルシート
透過背景の角丸ブロックを作成するＣＳＳサンプル:phpspot開発日誌
CSSMENUMAKER.COM