!importantはもう使わない！CSSの優先順位をおさらいしよう
先日の台風で梅雨が明けた気分になっていましたが、全然そんなことなかったです。 こんにちは、フロントエンドエンジニアのあつこです。 HTMLとCSSでお仕事をするようになって暫く経つのですが 未だにスタイル効かない、何故だ。。。→優先度が低かった！ってことがたまに起こります。 Sass等メタ言語を使ってると、コンパイル後の形を想像しにくくなるのですね(´・ω:;.:... 今日はそんな「CSSにおけるスタイルの適応の優先順位」についてまとめてみました。 もくじ 0.デモの準備 1.基本の優先順位 2.タイプセレクタとclassセレクタ 3.親要素と一緒に指定する 4.idセレクタとclassセレクタ 5.つまりどうゆうこと？ 6.最終奥義!important宣言 おまけ.IEのセレクタの限界のはなし 「ある程度なら知ってるよ！」って方は5.つまりどうゆうこと？から読んでもらえれば大丈夫かと思
WebデザイナーのためのSass/Compass入門 先生：石本 光司
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/228/room ーーーーーーーーーーーーーーーーーーーーーーー
モダンPHPチュートリアルを開催しました | Engine Yard Blog JP
2013/8/24に開催された LLまつり にて「モダンPHPチュートリアル」というタイトルのチュートリアルを担当しました。内容としてはPHPをあまり追いかけていないような方にComposerを中心とした現在よく利用されている開発手法と、PHPのバージョンアップに伴い廃止された機能などを紹介しました。 古くなったプラクティス 古くなったプラクティスとしてはレガシー化したコードによく現れる特徴や、最新のPHPでは利用できなくなった、あるいは今後利用できなくなる項目として下記を挙げています。 ファイルの末尾の ?> 拡張子 .inc のファイル CR+LF (PSRにてPHPの改行コードはLFが推奨されました。) register_globals(廃止済み) safe_mode(廃止済み) magic_quote(廃止済み) @(例外処理を使うべき) var(public private st
あなたのコード、激遅ぷんぷん丸？今すぐできる7つのチェック項目 PHP編 | GeNERACE labo
みなさん、こんにちは。 GeNERACEのピンキリエンジニアこと、ひろゆきです。 ここのところPHPを書いてるんですが、同じ処理を書くとしても、どの関数を使えば良いのか分からないことがありました。 たとえば、繰り返し処理を書くにしてもfor, foreach, whileと3種類もあります。 いったいどれを使えば良いの？(´･ω･`) 分からないなら調べれば良い。 ということで、弊社環境にて処理速度の検証してみました。 （この辺ってググってみても、ソースが古かったりしてたので、あえて調べました） 実行環境： PHP 5.3.3 AWS EC2 m1.small 1.ループ処理を比較 まずは基本中の基本。 for, foreach, whileのどれを使うべきなのか。 $this->testArray = range(0, 10000000); $x = 0; foreach ($this-
CSS(スタイルシート)の基本、小技、テクニック総まとめ
CSSの基本や使える小技テクニックなどを幅広くまとめました。以前書いて今もそこそこアクセスがある「CSSの知識をもっと深める30+2の小技テクニック集｜Webpark」という記事があるのですが、2年近く前の記事ですしパワーアップさせて作り直しました。 恐らく過去最長の記事ですので目次を作りました。クリックするとするりと移動します。基本的な内容が多いですが、お役に立つ項目があればうれしいです。 ということで順番に説明していきます。 1. 全般的なこと 1-1. CSSリセット ブラウザごとでデフォルトのスタイルは異なっています。その違いをそのままにしておくと、後でブラウザ間の表示の違いに悩むことになり、どこが原因か分からないとイライラしてしまいます。 そんなことのないように、いったんデフォルトのスタイルをリセットしてしまおうというのがリセットCSSです。 方法は色々ありますが、個人的には一番
http://inputxoutput.com/html-doctype/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
[今回も]コミックマーケットC83参戦決定！[参加します] | TechBooster
最早、恒例企画となってきました。 今回もTechboosterにて、コミックマーケットC83にAndroid技術情報誌を出店します。 配置場所は「三日目 東X34b」になりますので、皆様のご来店をお待ちしております。 今回のタイトルは、 ドロイドの奇妙なSDK Android4.x時代に向けたユーザーインターフェース拡張からAndroid4.2新機能解説記事など、幅広い内容をお届けしています。 まさにジョ○ョ。ジャ○プコミックス以上のクオリティでお届けする意気込みです。 ※今回の表紙デザインは @shino_merryさんとyuyaさんにご協力いただきました。 ※いつもクオリティの高い作品を利用させて頂き、ありがとうございます！ 目次内容は以下の通りになります。 第一章 ディ・モールト ディ・モールト （非常に 非常に） 良いぞッ！ 良く学習してるぞッ！ 〜レイアウト基本〜 第二章 俺は2
![[今回も]コミックマーケットC83参戦決定！[参加します] | TechBooster](https://cdn-ak-scissors.b.st-hatena.com/image/square/fc5def9c93fc6346cda65be10d3515afd1c5617b/height=288;version=1;width=512/https%3A%2F%2Ftechbooster.org%2Fwp-content%2Fuploads%2F2012%2F12%2F714d11f0ab0130253df4dec00d75181f.png)
How To Enable HTML5 In Chrome | Robots.net
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
自転車のホイールで光るアニメ、好きな絵柄を設定できるホイールLEDが近日発売
Maker Faire出展で実感したハードの楽しさと大変さとADKの往く先と