サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
April 11, 2009 これまでにいくつか透過pngに関するエントリーを書いてきましたが、これは!と思ったのがDD_belatedPNG。background-positionやbackground-repeatにも対応で読み込むJSファイルが1つなのでとっても使いやすい。 IE PNG FixのAlpha版もbackground-repeatに対応しているけれど、リピート用のJSの他にblank.gifや.htcファイルを読み込んだりする必要があるので少々面倒。 DD_belatedPNGの使い方は非常にシンプルで、headタグでJSファイルを読み込んで透過pngを使用したCSSセレクタを指定するだけでオーケーです。 <!--[if lte IE 6]> <script type="text/javascript" src="<$mt:BlogURL$>theme/js/DD_be
IE6でも透過 PNG が使えて、さらに background-image + background-repeat + background-position に対応した JavaScript が Drew Diller’s blog で公開されていました(JavaScript ファイルのダウンロードページ ( http://www.dillerdesign.com/experiment/DD_belatedPNG/#release0.0.8a ) )。 ※2009年11月19日10時57分 バージョンアップしているので、リンク先を0.0.6a から0.0.8a に変更しました。 IE6で透過 PNG が使えるようになる JavaScript は結構色々ありますが、background-repeat や background-position に対応したものはあまり見かけないので、いざとい
>> 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6(Internet Exproler 6)ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
タブ、ドロップダウン、アコーディオン、カルーセルなど、今まではスクリプトに依存しないと実装できなかったものをスタイルシートベースで実装するBootstrapのプラグインを紹介します。 Bootstapのプラグインですが、CSSの「:checked」を使ったテクニックを学ぶのにも役立ちます。 Bootleg.css 仕組みは簡単に説明すると、見えない状態のラジオボタンを使い、そのオン・オフのチェック状態でコンテンツを表示・非表示します。 デモと共に、「:checked」擬似要素の使い方を紹介します。 モーダル ボタンをラジオボタンにし、そのチェック状態でモーダルを表示・非表示します。 HTML <-- Button to trigger modal --> <label for="modal1" role="button" class="btn">Launch demo modal</lab
今年1年を通して、何度も読み返した記事を忘れないように整理した。とりあえず、自分のための備忘録。 WordPress で Web製作をしたいけど、PHP はまだちょっとという人の PHP ガイド カスタマイズしたいけど、PHPの知識がないからちょっと…という人におすすめ。 一度目を通しただけで理解するのは難しいけど、何度か読むうちに全体像が頭に入ってきます。 最近は、webデザイナーさんも、システムよりの知識を身につける必要があるみたいで勉強に費やす時間が凄そう。文章量が多いので、読むときは気合いを入れて! WordPress使いならこれだけはやっておきたい本当のセキュリティ対策10項目 | WP-D 自分のサイトにあてはめてチェックしました。内容は基本ばかりだけど、抜けの確認にも最適。SSLを使う僕に死角なし。 WordPressをクライアントワークで使用する際に覚えておくと良さそうな管
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く