Latest Word » Tutorials » Correcting Orphans w/ Overflow May.2.2010 Correcting Orphans w/ Overflow Tags: Beginner, Quick Tip The overflow property in CSS can be used in various ways and comes in handy when correcting bugs. Below are some tutorials that demonstrate how to clear up some common issues using the overflow property. After checking them out, I have one more to add to the list. The CSS Ov
jQueryのプラグインで「BigTarget.js」というのがあるが、 このプラグインのように、リンクのクリックできる領域を ブロック全体にすることを、自作できないかなーと考えたてみた。 プラグインの簡易版みたいなソースになってしまったが、 シンプルに使えそうなので紹介しておきます。 サンプル 今回は例として、ブロック要素ではないですが、 リンクを含むリストを代用として使ってみます。 ■HTMLソース <ul> <li><a href="#">全体がリンク</a></li> <li><a href="#">全体がリンク</a></li> <li><a href="#">全体がリンク</a></li> </ul> <li>のすぐ内側に<a>がある場合の例です。 ■Script $('li a').each(function(){ var Href = $(this).attr('href'
TOP > WebDesign > ナンバリングがついたjQueryとCSSで制御するスライダー「 Automatic Image Slider w/ CSS & jQuery」 非常に高機能なjavascriptライブラリとして、WEBではかなり利用されているjQuery。今回紹介するのはjQueryとCSSで制御するスライダー「Automatic Image Slider w/ CSS & jQuery」です。 View Demo この手のjQueryを用いたスライダーは数多く存在しますが、「Automatic Image Slider w/ CSS & jQuery」はHTML部分、CSS部分とてもシンプルに作られており、カスタマイズが非常に簡単に行なう事ができます。また動きの部分のjQueryもシンプルなので、カスタマイズもjavascriptを知らないというかたでも何とな
フッターをブラウザの下部に常に表示させたい。 そんなときにおすすめなのが、『CSS Sticky Footer』。ブラウザの下部にフッターを固定表示するCSSだ。 クロスブラウザで、IEやFxはもちろん、Opera、Safari、Google Chrome、Chaminoなどにも対応している。 ブラウザ対応状況は以下から。 » Here is the Full List HTML、CSSもとてもシンプルなので、ぜひ見てみてほしい。 ブラウザの下部にフッターを固定表示するCSS、チェックして使ってみてはいかがだろうか。 » CSS Sticky Footer Oisixの野菜を炒めて食べました。だいぶ減ってきたな。じゃがいもとたまねぎがうめぇ。
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
ページのhead要素内でalphafilter.jsを読み込み、アルファ画像(透過PNG)のimg要素のclass属性に「alphafilter」を指定するだけで、アルファ画像を透過することができるJSライブラリです。 アルファ画像を背景画像にしている場合も透過可能です!背景画像を指定している要素のclass属性に「alphafilter」を指定すればOK。 <head> <script type="text/javascript" defer="defer" src="alphafilter.js"></script> </head> <body> <p><img src="./sample.png" class="alphafilter" alt="" /></p> <p class="alphafilter">テキスト</p> </body> 設置イメージ alp
クルマの買い替えでホンダのストリームを購入したら、それまで両天秤で悩んでいたオデッセイがほんとにどうでもよくなったフジカワです。人間って便利に出来てるなぁ。 購入したストリームは安易に「スー」と命名。ちなみに二代目の「スー」です。初代は昔オーストラリアで買ったHOLDEN社のcommodore(乗ってたモデルはこれ)。名前の由来は当時のクラスメイトにスイス人のスーというかわいい子がいたからですいません。 35万キロ走ったのを2,000AUSドルで購入し、半年で3万キロ上乗せて1,000AUSドルで売りました。しかし今だに売却金は受け取れていません。今思い出しました(笑)。 みんなが欲しいと思っていたに違いない。 さてやっと本題。いつもくだらない前置きですいません。僕的はこれが本題みたいなところもありまして。 これはto-Rさんのエントリ ブロックレベル要素の高さを揃えるheightLine
March 19, 2008 IE6で透過pngを表示させるのにユンサンのiepngfix.jsを良く使います。しかし最近jQueryを使用してサイトを構築するケースが増えたため、jQueryの透過pngをIE6に対応させるプラグインのIE Png fixを試してみました。 使い方は簡単でimg要素のsrc属性を調べ、pngファイルだったら適用させるようにします。 $(function() { $("img[src$=png]").pngfix(); }); 属性セレクタの後方一致である$を利用して拡張子がpngのファイルすべてに.pngfix()が適用されます。 cssの背景に透過pngを使う場合が多いので.iepngfixと言うクラスにも適用されるように記述しています。 $(function() { $("img[src$=png],.iepngfix").pngfix(); }):
第5回「パワフルなCSS/JavaScriptテクニック45」 2010年01月25日 翻訳元サイト:Smashing Magazine http://www.smashingmagazine.com/ 原文:45 Powerful CSS/JavaScript-Techniques http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/ 著者:Smashing Editorial 翻訳:中野恵美子 ※本記事は「Smashing Magazine」様より許可を得て翻訳、掲載しています CSSやJavaScriptはデザイナーやディベロッパーにとって、極めてパワフルなツールだ。しかし、使いこなすためのアイデアを得るのはなかなか難しい。ただ、デザイナーやディベロッパーはほとんど毎日、新し
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ~と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ! これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し!!(わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
2008年8月設立。アクセシビリティ,ユーザービリティ,CMSの導入,SEO/SEMといったWebサイト制作から,ROIを意識したブランディング,ソーシャルメディアを用いたユーザーとのコミュニケーションの最適化など,マーケティング活動までを手がけるクリエイティブユニット。 2009年3月18日にInternet Exploler(以下IE)8が米国で正式公開されました。日本語版も同月20日からダウンロード可能になり,多くの制作者が実際に触れてみたことでしょう。しかし,それから4カ月が経とうとしている現在でもIE 8へのアップグレードはスムーズに行われていないようです。 筆者がアクセス解析を見た範囲では,IEのシェアが全体の85~95%前後,さらにIEの中では6と7が約45%前後,8のシェアが10%弱ということろです(7月6日時点)(表1)。
CSS属性フォーマットをお使いの方へ 『CSS属性フォーマット』は名称を変え、今後は『CSSプロパティーフォーマット』としてリリースされることになりました。今現在の所、CSS属性フォーマット Version 0.2.0とCSSプロパティーフォーマットVersion 0.2.1には機能的差異はございませんが、将来的にはCSSプロパティーフォーマットに機能追加をしていく所存です。 なお、Extension Managerを使用して、CSS属性フォーマットをアンインストール後、CSSプロパティーフォーマットをインストールされることをお奨めいたします。 CSSプロパティーフォーマットとは CSSベースのサイト制作をしていると、ついCSSのプロパティーの順番がバラバラになってしまうことが多々あります。プロパティーの順番がバラバラだと、そのセレクタでどのようなプロパティーが定義されていて、その結果、ど
/* CSS(スタイルシート)に関する知識・テクニックなどの備忘録 */ 文字サイズ 大 中 小 現在のページ: HOME » CSSハック・条件分岐 » CSSプロパティを記述する際の順番のサンプル 人によって様々な書き方があるCSSプロパティの順番。今回は参考になりそうなサンプルを紹介します。 「CSSプロパティの記述順序 - かたつむりくんのWWW」で紹介されていました分かりやすくキレイにまとまったサンプルです。Mozillaの順序をベースに、W3Cの仕様書(CSS2 Specification)と「Web標準の教科」の順番をミックスしたものらしいです。 CSSプロパティの記述の順番 1.表示や配置など「視覚整形モデル」に関するプロパティ display list-style** 1. list-style-type 2. list-style-image 3
IETesterは、IE5.5, IE6, IE7, IE8beta1の確認が同時にできるアプリケーションです。 IETester [ad#ad-2] IETesterを利用するには、上記IETesterのページの「Download IETester」から「install-ietester-v0.2.exe」ダウンロードし、IETesterをインストールします。 IEのバージョンの切り替えは、「New Tab」から切り替えることができます。 簡単に使用しただけですが、IE5.5, IE6, IE7, IE8beta1のレンダリングの違いを確認できました。 バージョン0.2の動作条件は、Windows XP or Vista + IE7以上となっています。XP + IE6の場合、IE7, IE8のモードが動作しません。 Windows XP + IE7, IE8beta1の環境で使用したとこ
2020.05.23 Sat【保存版】ラッキーニッキーで3年遊んでわかった全て! Uncategorized 2020.05.23 Sat【保存版】ラッキーニッキーのライブカジノでおすすめを厳選! Uncategorized 2020.05.23 Sat【必見】ラッキーニッキーのボーナス情報を網羅!登録時や入金でお得! Uncategorized 2020.05.23 Sat【完全版】ラッキーニッキーのスロットおすすめランキング Uncategorized 2020.05.23 Satラッキーニッキーのサポート情報!エラー発生時はどうする? Uncategorized 2020.05.23 Sat【必見】ラッキーニッキーのVIP制度!ハイローラー向け Uncategorized 2020.05.23 Sat【保存版】ラッキーニッキーの入金・出金や限度額を解説! Uncategorized
アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。 そこで、IE6で透過pngを扱うjsライブラリを作ってみました。 設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。 読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> 透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く