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

IE Classes

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Rachel Ober Rachel Ober
October 24, 2014
Programming
0
53

IE Classes

Avatar for Rachel Ober

Rachel Ober

October 24, 2014
Tweet

More Decks by Rachel Ober

See All by Rachel Ober
So, You Want to Organize a Conference
Avatar for Rachel Ober rachelober
0
57
Front End Workshop 2015
Avatar for Rachel Ober rachelober
0
72
Front End Overview for Interns 2015
Avatar for Rachel Ober rachelober
1
52
Front End Overview (2014)
Avatar for Rachel Ober rachelober
0
60
Team Communication Through Code
Avatar for Rachel Ober rachelober
0
84
Responsive Emails
Avatar for Rachel Ober rachelober
0
47
What I Learned About SVG
Avatar for Rachel Ober rachelober
0
67
Paperless Post Sass
Avatar for Rachel Ober rachelober
1
94
SassConf Custom Framework/Style Guide Panel
Avatar for Rachel Ober rachelober
0
120

Other Decks in Programming

See All in Programming
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
8
9.4k
2026/02/04 AIキャラクター人格の実装論 口 調の模倣から、コンテキスト制御による 『思想』と『行動』の創発へ
Avatar for Sald ra sr2mg4
0
540
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
330
CSC307 Lecture 11
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
580
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.7k
The Ralph Wiggum Loop: First Principles of Autonomous Development
Avatar for Ryuichiro Semba sembayui
0
3.6k
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
1k
AI & Enginnering
Avatar for codelynx codelynx
0
140
Claude Codeと2つの巻き戻し戦略 / Two Rewind Strategies with Claude Code
Avatar for 果物リン fruitriin
0
180
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios @OOP 2026, Munic
Avatar for Manfred Steyer manfredsteyer
PRO
0
170
iOSアプリでフロントエンドと仲良くする
Avatar for Ryu-nakayama ryunakayama
0
110
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
7
1.1k

Featured

See All Featured
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.2k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.2k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.1k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
910
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
99
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.2k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
960
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
760
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
930
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k

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