Upgrade to Pro — share decks privately, control downloads, hide ads and more …

IE Classes

Avatar for Rachel Ober Rachel Ober
October 24, 2014
Programming
79
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
67
Front End Workshop 2015
Avatar for Rachel Ober rachelober
0
86
Front End Overview for Interns 2015
Avatar for Rachel Ober rachelober
1
62
Front End Overview (2014)
Avatar for Rachel Ober rachelober
0
82
Team Communication Through Code
Avatar for Rachel Ober rachelober
0
90
Responsive Emails
Avatar for Rachel Ober rachelober
0
57
What I Learned About SVG
Avatar for Rachel Ober rachelober
0
82
Paperless Post Sass
Avatar for Rachel Ober rachelober
1
110
SassConf Custom Framework/Style Guide Panel
Avatar for Rachel Ober rachelober
0
130

Other Decks in Programming

See All in Programming
JavaDoc 再入門
Avatar for nagise nagise
1
370
AIとASP.NET Coreで雑Webアプリを作った話
Avatar for Mayuki Sawatari mayuki
0
660
Make SRE Operations Easier with Azure SRE Agent
Avatar for KAMEGAWA Kazushi kkamegawa
0
7.1k
技術記事、 専門家としてのプログラマ、 言語化
Avatar for Koutarou Chikuba mizchi
13
6.3k
OSもどきOS
Avatar for Sora Arakawa arkw
0
580
並列実装の現場、2ヶ月間実務でAIを使い倒したAIもPCも私も限界が近い
Avatar for ming ming_ayami
0
130
さぁV100、メモリをお食べ・・・
Avatar for nilpe nilpe
0
150
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
Avatar for r-kagaya rkaga
4
5.3k
Language Server 使ってる？ 〜VSCode と Zed の場合〜 / Are you using a Language Server? ~For VS Code and Zed~
Avatar for NAGATA Hiroaki handlename
0
800
Agentic UI
Avatar for Manfred Steyer manfredsteyer
PRO
0
180
TSKaigi Night Talks 2026_TypeScriptでサプライチェーンの整合性を型に閉じ込める
Avatar for ギークプラス ソフトウェア事業部 geekplus_tech
0
400
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
Avatar for hideki kinjyo o0h
PRO
0
260

Featured

See All Featured
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
290
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
210k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.5k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.9k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
170
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
1.1k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.9k

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; } }