サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
CSSのpxとemについて、その違いをよく理解していなかったので、調べたついでにまとめてみました。CSSのfont-size指定で使われるpxとemの違いって何？ pxとemは、CSSでホームページの文字サイズなどを指定する際の単位。 px(ピクセル) ピクセル単位の指定。 環境によって変化しない絶対単位。em（エム） 文字の高さを基準にした単位。1emは1文字分。MacintoshやWindowsなどの使用している環境によって大きさが変化する相対単位。 bodyなどでfont-sizeの指定をしていない場合、あるいはfont-size:100％なら「1em=16px」が基準になる。CSSのfont-size指定はpxとemのどっちの指定がいいの？ どちらが正しいというわけでもなく、pxで指定する人と、emで指定する人がいるようです。もちろん％などのその他の指定をする人もいるようで
positionを使ったCSSテクニック テキストリンクをpositionでずらしてクリック感をつける フォームのradiobutton、checkbox、selectのずれを調整する positionプロパティのrelative、absoluteの簡単な使い方 フォームに関するCSSテクニック :focusを使って入力中のフォームに背景色をつける 検索ボックスのデザインをCSSで整える フォームの送信ボタンにロールオーバーをつける フォームのradiobutton、checkbox、selectのずれを調整する フォームのIME-MODEを指定する 疑似クラスを使ったCSSテクニック liやtr、tdの背景色を交互に付ける :focusを使って入力中のフォームに背景色をつける テキストリンクをpositionでずらしてクリック感をつける 検索ボックスのデザインをCSSで整える フォームの
むかしむかし、あるIEでスターハックというものを使ってな... flexboxしかしらない若者たちへ贈る、オジサンたちが紡ぐCSSの昔話です。 ハック太郎 hasLayoutの恩返し margin倍加太郎 コメントアウトと要素フエーテル IEと魔法のexpression などなど。今の若者に伝えたい昔の話を書いていくカレンダーです。
AngularJS を IE 8 以前の Internet Explorer に対応させるには、AngularJS: Internet Explorer Compatibility のページに記載されている手順を実施する必要がある。 まず json2.js または json3.js。 index.html <!doctypehtml> <html xmlns:ng="http://angularjs.org"> <head> <!--[iflte IE 8]> <script src="/path/to/json2.js"></script> <![endif]--> </head> <body> ... </body> </html>
HTML xSIer Presentation Transcript Summit Developers Developers Summit 2013 SummerHTML ✕SIer ∼業務システムにこそWebの力が必要だ！∼ 川田寛HTML5j えんぷら部 C2 #devsumiC2 川田 寛(Hiroshi KAWADA) ✤html5jえんぷら部 部長 ✤ 「業務システムエンジニアのため のhtml5勉強会」の管理人 ✤ITアーキテクト ✤ 業務システム開発案件の技術支援twitter.com/kawada_hiroshi1 facebook.com/kawada.hiroshi.758 “html5jえんぷら部”とは？ ✤Google準公式コミュニティ、html5jのサブグループ。 ✤html5j：6,500名以上が所属するWeb技術者の集まり。 ✤ えんぷら部
レスポンシブデザインのサイトを幾つか作って、自分がやってるviewportとかの設定をちょろっとメモ。やってみると、意外と簡単というか、単に面倒くさいだけだなという感じです。 レスポンシブサイトは難しくない めんどくさいだけです。 私は誰かに教わったわけではないし、専門の学校に通っていたわけではありません。大事なことはGoogle先生に教わった状態なので、かなり自己流です。さらに、レスポンシブデザインが広まってからは、どこの会社にも所属していないので、師となる人物がいません。なにもかも手探りで、まだまだ非効率的です。 なのでもっと効率の良い方法があれば是非教えてください。 viewportの設定 <meta name="viewport" content="width=device-width,initial-scale=1.0"> レスポンシブには欠かせないviewportの設定はこうし
jQueryとCSS3を使ったアコーディオンメニューを作ってみましたので、作り方を紹介します。かなり長くなりますが、お役に立てばうれしいです。 色々事情があってIEでご覧になっている方のためにスクリーンショットも載せておきます。カテゴリー３にマウスを乗せているところです。 それではコードを解説していきます。HTML まずはHTMLです。無駄に長いですが一応載せます。 <ul id="accordion"> <li><a href="#">カテゴリー１<span class="arrow rotate"></span></a> <ul id="active"> <li><a href="#">サブカテゴリー１</a></li> <li><a href="#">サブカテゴリー２</a></li> <li><a href="#">サブカテゴリー３</a></li> </ul> </li> <l
カナダの企業が「Internet Explorer（IE）ユーザーはIQが低い」とする調査結果を報告してネットで話題になったが、「偽企業だ」との指摘を受け、すべていたずらだったと認めた。「IE 6の互換性問題を知ってほしかった」のが動機という。 いたずらを仕掛けたのは、タランディープ・ジルと名乗るWeb開発者。調査報告書は偽物で、AptiQuantという企業も存在せず、すべて自分1人でやったとしている。 誰かを侮辱する意図はなく、ジョークのつもりだったとジル氏は語り、「気を悪くした人がいたら申し訳ない」と謝罪している。偽サイトを作る際にページをコピーしたCentral Testという会社にも、流用をわび、削除するとしている。 このいたずらを仕掛けたきっかけは、自身が運営するショッピング比較サイトに新機能を加えようとしたときに、旧版のIE、特にIE 6に対応するのが難しかったため。「IE（I
IE でアクセスしてきたらハローワークに飛ばしたいなあというサイトがありましたら以下をヘッダにコピペする感じでお使いください <script type="text/javascript" src="http://cdn.buttlabo.net/ie_hellowork.js"></script> 作った経緯: 自分がよく使うので スペシャルサンクス: @caellumさんJavaScriptでIEかどうかをたったの1行で判別する方法 (PHPSPOT様)
Firefox & IE 両対応 ビジュアル オブジェクトを透明にする 光の加減などは設定できませんが、透過だけなら Firefox 用 と IE 用 の Opacity を記入することで、統一する事が可能です。 設備が整っていないので、あまり乗り気では無かったのですが、YouTube と呼ばれる動画共有サイトでチャンネルを作成してみました。 チャンネルとは、アカウントを作成した時点で、自分のアカウント専用のページとなるのですが、このページのデザインを変更できます。 一般的なブログと異なるのは（あまりレンタルブログを知りませんが）、Transparency Level を自由に変更できるところです。 これはパーセントで指定しますが、背景画像が透けてみえる効果があります。 以前紹介した「ビジュアル オブジェクトを透明にする FilterAlpha」を利用して、Internet Explor
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
