Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

IE Classes

Avatar for Rachel Ober Rachel Ober
October 24, 2014
Programming
90
0

IE Classes

Avatar for Rachel Ober

Rachel Ober

October 24, 2014

More Decks by Rachel Ober

See All by Rachel Ober
So, You Want to Organize a Conference
Avatar for Rachel Ober rachelober
0
73
Front End Workshop 2015
Avatar for Rachel Ober rachelober
0
97
Front End Overview for Interns 2015
Avatar for Rachel Ober rachelober
1
70
Front End Overview (2014)
Avatar for Rachel Ober rachelober
0
89
Team Communication Through Code
Avatar for Rachel Ober rachelober
0
99
Responsive Emails
Avatar for Rachel Ober rachelober
0
68
What I Learned About SVG
Avatar for Rachel Ober rachelober
0
90
Paperless Post Sass
Avatar for Rachel Ober rachelober
1
120
SassConf Custom Framework/Style Guide Panel
Avatar for Rachel Ober rachelober
0
140

Other Decks in Programming

See All in Programming
Snowflakeで業務アプリを作ろう。 Snowflakeのアプリ機能解説&実践ガイド
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
2
300
フロントエンドUIフレームワークのこれまでとこれから
Avatar for TOMIKAWA Sotaro ssssota
5
2.9k
[GoCon2026] When Goroutines Are Not Enough: Runtime Locality in High-Throughput Go
Avatar for Takeru Hayasaka takehaya
6
2.5k
[2026-09-26]空論ジェネリックプロセス～テスト資産とAIで紡ぐ、再現可能なパフォーマンスチューニングの話～
Avatar for tosite tosite
0
110
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
Avatar for Vladimir Dementyev palkan
1
320
TiDB Cloudのカスタムコントローラーによるオートスケール対応
Avatar for takaidohigasi takaidohigasi
0
140
iOSDC Japan 2026 - Swiftで作って学ぼう！データベース自作入門
Avatar for kaseken (Kent Kaseda) kaseken
2
350
技術的負債を組織課題として解く-増えすぎたマイクロサービスとの戦い-
Avatar for reimaru reimaru
1
2.4k
更なる可用性を求めて、5年間運用したKotlinのアプリケーションをGoでリプレイスする話
Avatar for Kensuke Taguchi ken_tunc
0
370
[ハンズオン]AIへの指示だけで「五目並べ」を作ってみよう
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
230
マイコン向けの軽量Ruby「PicoRuby」で各種デバイスを制御するネイティブアプリの実現手法
Avatar for bash0C7 bash0c7
0
450
Verilogで学ぶCPU自作入門.pdf
Avatar for uyuki uyuki234
8
3.4k

Featured

See All Featured
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
560
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
6
1.2k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
250
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6.1k
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
Avatar for Vladimir Dementyev palkan
1
320
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
4
53k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
8k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
56
3.5k
A Soul's Torment
Avatar for Nat Ma seathinner
8
3.6k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k

Transcript

  1. IE Classes

  2. = render_nested 'layouts/shared/ie_classes_include' do [… block of your code …]

  3. - @html_options = { :lang => "en", "xmlns:fb" => "http://www.facebook.com/2008/fbml",

    "xmlns:og" => "http://opengraphprotocol.org/schema/", :class => ("no-background" if params[:minimal_layout]) } /[if lt IE 7] %html.lt-ie10.lt-ie9.lt-ie8.lt-ie7{ @html_options } /[if IE 7] %html.lt-ie10.lt-ie9.lt-ie8{ @html_options } /[if IE 8] %html.lt-ie10.lt-ie9{ @html_options } /[if IE 9] %html.lt-ie10{ @html_options } :plain <!--[if gt IE 9] --> %html{ @html_options } = block

  4. <!--[if lt IE 7]> <html class='lt-ie10 lt-ie9 lt-ie8 lt-ie7' lang='en'

    xmlns:fb=‘[…]’></html> <![endif]—> <!--[if IE 7]> <html class='lt-ie10 lt-ie9 lt-ie8' lang='en' xmlns:fb=‘[…]’></html> <![endif]—> <!--[if IE 8]> <html class='lt-ie10 lt-ie9' lang='en' xmlns:fb=‘[…]’></html> <![endif]—> <!--[if IE 9]> <html class='lt-ie10' lang='en' xmlns:fb=‘[…]’></html> <![endif]—> <!--[if gt IE 9] -->

  5. .segment-postbox, .segment-coins { width: 100px; } .lt-ie10 { .segment-postbox, .segment-coins

    { width: 72px; } .segment-address-book { width: 120px; } }
  6. None

  7. Sass 3.3 .segment-postbox, .segment-coins { width: 100px; .lt-ie10 & {

    width: 72px; } }