WEBサイトやポスターデザインのワンポイントにぴったりなリアルタッチな昆虫イラスト素材。 ベクターデータなので、色の変更や微調整などがしやすくなっています。 かなり味のあるデザインが作れそう。 ぜひダウンロードしておきましょう。
ジャンピング隣人「ハエトリグモ」の図解です。つぶらな瞳が8個&スグレモノの脚が8本で可愛さ8×8=64倍のクモさんですが、知る人ぞ知るその魅力を改めて解説してみました。参考文献は『ハエトリグモハンドブック』『世にも美しい瞳 ハエトリグモ』など。それにしても虫図解が3連続になってしまった…。いいけどね。
下記のように一通りlinear-gradientを指定したけどAndroidでは無視されてしまう。 background-image: -webkit-linear-gradient(top, #ccc, #eee); background-image: -moz-linear-gradient(top, #ccc, #eee); background-image: -o-linear-gradient(top, #ccc, #eee); background-image: -ms-linear-gradient(top, #ccc, #eee); background-image: linear-gradient(to bottom, #ccc, #eee); Androidでもグラデーションを効かせる場合は、 background-image: -webkit-gradient(lin
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版) Androidの所為で工数が増えてウザイとか、AndroidのWebkitはWebkitじゃねぇとか スマホのCSS3関係はどうしてもAndroidをdisる感じの内容になりますね! 特に明記がないものはすべてWebkitについてです。 見つけ次第順次追加予定。 タイトル変更、増えてきたので目次追加しました。 この記事はiOS5、Android 3以前について記載したものです 【css】 タップ時にz-indexを無視して下の要素に枠がつく(Android) 【html, css】 マルチバイト文字にfont-weight:boldが効かない(Android) 【css】 border-radiusのコーナーがジャギる(Android) 【css】 box-shadow、text-
早く死なないかなIE6。寿命後どれくらいかな。 いろいろ解決方法は提示されてるけど、どれもこれもわかりにくいというか説明が長い! のでメモ。 結論 ◎IE6、IE7の仕様では、positionにrelative、absoluteなどを使うと重なり順が自動で設定される。(たぶん初期値0) ○親要素にz-indexを設定している場合、その中の要素でz-indexを指定しても親要素内でしか効果が無い!(これはどのブラウザでも同じ) (↑第一階層z-index:0 > 第二階層z-index:2000 よりも 第一階層z-index:1 > 第二階層z-index:0 の方が重なり順は上になる) ○z-index要素なしよりz-index:0のほうが強い。どちらも同じz-index:0の場合はソース順で下に書かれたものが強い。(これも他ブラウザと同じ) ×IE6、IE7では親要素positionに
2011年8月(!)にもなってIE7のz-indexに関するバグに初めて遭遇していました。 当然、Googleで検索すれば大量のブログ記事が出てきます。 jQueryですべてのdiv要素にz-indexを設定するという力業が検索上位に出てくるけれど、これはちょっと、という感じもします。 そこでもう少し頑張って探すと、z-indexを指定したいエレメントの親エレメントにもっと大きなz-index値を指定すれば問題は解決するというエントリを発見。 やった!
Google Chromeでfloatレイアウトが崩れる事象が発生しました。 かなりレアケースと思われますが、備忘録として以下に詳細を残しておきます。 1.サンプル サンプルはdl/dt/dd要素を使ったfloatレイアウトで、コメントフォームを想定しています。 (X)HTML(赤色が対象部分) <?xml version="1.0" encoding="euc-jp"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equ
The Search for a Trusted 메이저사이트: A World of Thrills, Security, and Immersive GamingdErsPOId - December 1, 2023In the dynamic world of online entertainment, the quest for finding a trustworthy 메이저사이트, or major site, is akin to navigating through a labyrinthine digital jungle. Much like the adventurers of old scouring for hidden treasures, modern-day netizens are on the lookout for that one platform
Nicholas C. Zakas is a web software engineer who specializes in user interface design and implementation for web applications using JavaScript, Dynamic HTML, CSS, XML, and XSLT. HTMLのimgタグおよびscriptタグで「src=""」が指定されている場合、またはlinkタグで「href=""」が指定されている場合、リクエストが発生してページの取得が実施される振る舞いをするブラウザがあることをNicholas C. Zakas氏が指摘している。しかも空URL指定で取得されるコンテンツは何にも使われることなくそのまま消えていくという、まさに通信帯域だけを消費するという無駄な動きになっているという。 こうした動作の違
IEはJavascriptで動的に生成したselect(セレクトボックス、プルダウン)のoptionのtextを表示しない。 あるselect要素にoption要素を追加して、option.textに文字列を登録すると、プルダウンはその分長くなりますが、表示されて欲しい文字が表示されません。 IEでは innerText 属性を使うらしいです。 お試し用ソースです。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>セレクトボックステスト</title> <script type="text/javascript"> window.onload = function() { var select = document.getElementById('sampl
CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutを変更するプロパティには、「float」「position」「writing-mode」のように実装するレイアウトでその値を指定できないなどの制限があるものもあります。 また、「height="1%"」のように特定の箇所には使用できないものもあります。 ほとんどのレイアウトでは、拡大縮小せず100%の状態でユーザーに利用してもらうことを前提に制作していると思うので、この「zoom」を利用して指定する方法がよいと思います。 CSSのバグに効果のあるhasLayoutの指定方法 *{zoom:1;} 「*」は全てのタグに適応する意味になります。 全てを対象にするのが具合の悪い場合は、個別の箇所に指定してください。 背景色が指定された要素内でfloatがある時、要素内の文字が消えるとか、 floatに後続するmarginの値
DOMでオブジェクトを特定したり、変更するのに使用するgetAttribute、setAttributeメソッドですが、一部IEにバグがあります。 以前散々悩んだので書いておきます。 たとえば、class名を取得したいとき、 element.getAttribute("class");だと、IEでは取得できません。 IEの場合には element.getAttribute("className"); getAttribute("String")のStringには属性名がくるので、実際にはclassが正しいのですがIEのバグです・・・ また、同様に element.setAttribute("style", "color: #ffffff;");もIEではセットできないので、 element.style.cssText = "color: #ffffff;"; とする必要があります。 さらに
IE8 の javascript が遅いことを実証するサンプルです。 他のブラウザと動作を比較してみてください。 この問題は、タグのスタイル変更を className プロパティを使用することによって発生します。 この問題を回避するには style プロパティを使用します。たとえば、 obj.className = "スタイルシートで定義した名前"; ↓ obj.style.background = "#fff"; のように変更します。 以下、サンプルです。 数字を押すとテーブルを表示します。 テーブルの上でマウスカーソルを動かしてみてください。 100 Lines 500 Lines 1000 Lines
JavaScriptnanto_viさんの以下記事にて、より詳しくまとめられており、回避策も示されています。本エントリは飛ばして、こちらをご参照ください。 IE の getAttribute / setAttribute: Days on the Moon IEで、Element#setAttributeでstyleを設定しても反映されなかった。 以下コードで確認を行った。 var span = document.body.appendChild(document.createElement('span')); span.innerHTML='ABC'; span.setAttribute('style', 'background-color:red'); このときinnerHTMLを見ると以下のようになり、全く設定されていないことがわかった。 ABC Internet Explorer
IE8のCSS、HTML、DOM、JavaScript関連のバグ情報がまとまったリストをJames Hopkinsから紹介します。 IE8 Bugs 掲載されているバグの数は現在、CSS:63、HTML:4、DOM:2、JavaScript:1となっており、ほとんどのものはTest Caseとしてデモページを参照することができます。
昨日今日とWebでアンケート入力するASPを作成。その中で、アンケートが終了したら「閉じる」ボタンが表示され、クリックするとウインドウを閉じるというレイアウトにしたかったので、一般的なJavascriptを使った「windows.close();」を利用した。 【ボタンの場合】 <input type=button value=ウインドウを閉じる onclick="window.close()">【リンクの場合】 <A HREF="#" onClick="window.close()">ウインドウを閉じる</A> または <A HREF="javascript:window.close()">ウインドウを閉じる</A>この方法でばっちり!・・・と思っていたら、IEだと問題なく動作するが、FireFoxでは動作しないとの指摘があった。確かにFireFoxでは動作しない。テスト環境はWindo
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く