…or… <html>’s conditional classes From what I’ve seen a good number of developers these days are split between conditional stylesheets and css hacks. You’re used to seeing this: <link rel="stylesheet" type="text/css" media="screen" href="css/style.css" /> <!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="css/ie7.css" />< ![endif]--> <!--[if IE 6]><link rel="stylesheet" type
タグ
- すべて
- 2009 (10)
- 2ch (66)
- 311 (13)
- 37signals (48)
- 3d (37)
- abtest (46)
- accessibility (18)
- account (13)
- actionscript (148)
- activerecord (38)
- ad (55)
- addon (56)
- adobe (155)
- adsense (10)
- advent-calendar (16)
- advertising (17)
- affiliate (11)
- agile (32)
- air (58)
- ajax (28)
- alfred (30)
- alfred-workflow (17)
- algorithm (35)
- amazon (79)
- amazon-ec2 (19)
- amazon-s3 (20)
- analytics (60)
- android (162)
- angular.js (29)
- animation (103)
- animator (20)
- anime (359)
- apache (12)
- api (172)
- app (201)
- apple (266)
- application (19)
- appstore (27)
- aptana (11)
- architecture (108)
- art (39)
- as3 (466)
- asdoc (12)
- asset-pipeline (10)
- assets-precompile (10)
- atom.io (44)
- au (16)
- authentication (13)
- aws (61)
- backbone.js (75)
- background (16)
- backup (28)
- battery (17)
- bdd (19)
- beinteractive (11)
- bem (92)
- benchmark (22)
- bezier (16)
- binary (11)
- bitmapdata (14)
- blog (104)
- blogparts (15)
- boilerplate (11)
- book (181)
- bookmarklet (15)
- bootcamp (14)
- bootstrap (102)
- bootstrap3 (11)
- bot (20)
- bower (14)
- box2d (21)
- branch (17)
- browser (137)
- browserify (12)
- bug (24)
- bundler (20)
- business (219)
- business-card (11)
- button (78)
- c++ (14)
- cafe (13)
- calendar (11)
- camera (27)
- canvas (36)
- capture (12)
- capybara (15)
- career (16)
- cat (15)
- ceo (17)
- chaplin (21)
- character (11)
- chart (23)
- chat (12)
- cheatsheet (31)
- chrome (112)
- ci (57)
- cinema (31)
- cli (20)
- cloud (24)
- cm (18)
- code (32)
- code-review (11)
- coding (20)
- coding-convention (85)
- coding-style (18)
- coffeescript (80)
- color (64)
- column (45)
- comic (25)
- command (14)
- commit (12)
- communication (18)
- community (17)
- company (21)
- compass (63)
- component (17)
- convert (43)
- cookie (11)
- cookpad (17)
- cool (88)
- copyright (31)
- createjs (16)
- cs5 (14)
- cs6 (28)
- css (592)
- css3 (185)
- css3-animations (30)
- css3-transform (12)
- css3-transition (14)
- cucumber (11)
- culture (14)
- customize (51)
- cv (40)
- d3.js (86)
- data (12)
- db (95)
- ddd (25)
- debug (54)
- dena (15)
- deploy (36)
- design (372)
- designer (25)
- designpattern (26)
- desk (12)
- desktop (22)
- development (408)
- devops (15)
- dhh (25)
- diff (31)
- display (49)
- dns (18)
- docomo (27)
- document (134)
- domain (17)
- download (101)
- dropbox (28)
- dtm (17)
- easing (11)
- ebook (50)
- eclipse (14)
- editor (36)
- effect (52)
- elm (16)
- emacs (12)
- embed (20)
- emmet (19)
- engineer (45)
- english (76)
- error (34)
- es6 (16)
- event (43)
- evernote (13)
- example (21)
- excel (24)
- extension (49)
- facebook (143)
- fashion (25)
- favicon (19)
- ff11 (11)
- firefox (79)
- fladdict (22)
- flash (511)
- flashcs3 (14)
- flashcs5 (13)
- flashdevelop (34)
- flashplayer (23)
- flashplayer10 (19)
- flashplayer10.1 (15)
- flat-design (43)
- flex (61)
- flex4 (14)
- flux (11)
- font (383)
- font-awesome (17)
- food (19)
- form (35)
- framework (63)
- free (69)
- frontend (13)
- frp (17)
- fullflash (48)
- function (13)
- functional-language (12)
- funny (18)
- gae (28)
- gallery (72)
- game (147)
- gem (100)
- generator (67)
- ghibli (175)
- git (280)
- git-flow (18)
- github (261)
- github-flow (15)
- gmail (52)
- golang (205)
- golden-ratio (18)
- goods (15)
- google (284)
- google-webfonts (58)
- googleapps (14)
- googlemaps (24)
- goroutine (13)
- gradient (12)
- graph (17)
- graphic (13)
- greasemonkey (20)
- gree (17)
- grid (25)
- grunt (29)
- guideline (41)
- gulp (26)
- haml (33)
- hardware (22)
- haskell (16)
- hatebu (26)
- hatena (49)
- hayao-miyazaki (149)
- hdd (17)
- health (12)
- heroku (205)
- hikaru-utada (13)
- history (60)
- homebrew (27)
- howto (15)
- html (107)
- html5 (206)
- http (13)
- hyper-juice (11)
- i18n (13)
- icon (111)
- icon-fonts (15)
- id-required (11)
- ide (15)
- idea (28)
- ie (28)
- ie8 (16)
- ie9 (12)
- illust (24)
- illustration (13)
- illustrator (130)
- image (48)
- information (15)
- infrastructure (12)
- inspiration (222)
- instagram (69)
- install (59)
- interactive (25)
- interface (136)
- internet (25)
- interview (216)
- ios (119)
- ios7 (37)
- ipad (70)
- ipad-mini (13)
- iphone (353)
- iphone5 (17)
- isao-takahata (18)
- itunes (14)
- jack-dorsey (25)
- japan (22)
- japanese (151)
- jasmine (20)
- java (61)
- javascript (489)
- job (21)
- jonathan-ive (24)
- jquery (121)
- json (40)
- kawango (28)
- kayac (28)
- kazetachinu (77)
- keyboard (41)
- kindle (26)
- language (32)
- layout (20)
- leanstartup (12)
- less (21)
- library (197)
- license (46)
- life (44)
- lifehack (120)
- link (58)
- linux (16)
- list (42)
- log (14)
- logo (71)
- mac (185)
- macbookpro (90)
- macintosh (20)
- mad (27)
- mail (48)
- management (54)
- manga (29)
- manual (20)
- map (45)
- mark-zuckerberg (20)
- markdown (39)
- marketing (53)
- material (136)
- math (35)
- matome (230)
- matz (33)
- mbpr (28)
- media-queries (14)
- menu (12)
- microsoft (44)
- middleman (23)
- mixi (14)
- miyahon (11)
- mobile (152)
- mocha (17)
- mockup (16)
- monetize (26)
- money (83)
- mongo-db (12)
- movie (144)
- mp3 (12)
- music (118)
- mvc (47)
- mysql (28)
- naming (65)
- nekostagram (11)
- neta (199)
- news (81)
- nhk (14)
- nicovideo (63)
- nintendo (28)
- node.js (106)
- oauth (29)
- objective-c (53)
- office (24)
- official (13)
- oocss (19)
- oop (33)
- opensource (39)
- optimization (48)
- osx (83)
- paas (43)
- package (19)
- papervision3d (15)
- password (12)
- pdf (41)
- performance (77)
- philosophy (22)
- photo (56)
- photoshop (109)
- php (120)
- picture (33)
- plugins (212)
- portfolio (12)
- postgresql (34)
- presentation (324)
- privacy (12)
- programmer (81)
- programming (311)
- progression (36)
- promotion (11)
- prototype (22)
- psd (32)
- pull-request (43)
- python (42)
- rails (550)
- rails2 (22)
- rails3 (124)
- rails3.2 (16)
- rails4.0 (53)
- railscasts (11)
- ranking (41)
- rdbms (19)
- react.js (44)
- readitlater (55)
- recruit (15)
- redis (15)
- reference (164)
- regexp (24)
- remote (19)
- report (34)
- responsive (87)
- rest (23)
- retina (82)
- review (162)
- ril (19)
- rspec (72)
- rss (13)
- ruby (625)
- ruby1.9 (18)
- safari (15)
- sample (56)
- sans-serif (49)
- sass (183)
- satoru-iwata (12)
- scala (44)
- screenshot (14)
- scss (39)
- sdk (13)
- search (56)
- searchengine (17)
- security (111)
- selenium (15)
- seo (66)
- serif (30)
- server (27)
- service (18)
- setting (81)
- setup (17)
- share (33)
- shogi (13)
- shop (15)
- shortcut (31)
- sinatra (65)
- sketch.app (59)
- sketch3 (18)
- smacss (16)
- smart-phone (41)
- sns (19)
- social (37)
- softbank (21)
- software (30)
- sound (27)
- source (61)
- speed (34)
- sql (65)
- square (23)
- standing-desk (12)
- startup (81)
- steins-gate (14)
- steve-jobs (65)
- study (89)
- styleguide (76)
- sublime (20)
- survey (39)
- svg (124)
- swf (28)
- syntax (31)
- table (14)
- tdd (71)
- technology (21)
- template (32)
- testing (237)
- text (15)
- tha (12)
- theme (42)
- tips (646)
- titanium (46)
- togetter (81)
- tokyo (23)
- tools (163)
- translation (35)
- travis-ci (38)
- trouble (70)
- tumblr (16)
- tutorial (489)
- tv (18)
- twitter (231)
- typography (120)
- ui (235)
- unit-test (42)
- upload (11)
- url (26)
- usability (83)
- utility (11)
- ux (73)
- valuedomain (11)
- variable (11)
- vector (64)
- version (32)
- video (198)
- vim (309)
- vimeo (11)
- vimperator (16)
- vimrc (11)
- virtualbox (11)
- visualization (65)
- vue.js (11)
- web (63)
- web-components (24)
- webdesign (248)
- webfonts (137)
- webkit (11)
- webservice (236)
- windows (113)
- windows7 (27)
- word (15)
- wordpress (49)
- work (56)
- wwwww (58)
- xml (21)
- yahoo (25)
- youtube (121)
- yugop (66)
- zsh (17)
- tips (646)
- ruby (625)
- css (592)
- rails (550)
- flash (511)
- javascript (489)
- tutorial (489)
- as3 (466)
- development (408)
- font (383)
cssとcss-hackに関するruedapのブックマーク (3)
-
ruedap 2012/09/05
- css
- css-hack
- html5
- boilerplate
- ie
リンク -
[CSS]IE6, IE7, IE8, IE9の各バージョンの分岐をvalidで処理する方法
CSS Specific for Internet Explorer デモページ（※IE7で表示） [ad#ad-2] デモ紹介 1. 条件付きコメントの利用 2. CSS Hackの利用 3. 条件付きのHTML class デモ紹介 デモページは、下記のように設定されています。 スタンダードブラウザ（IE9, Firefox, Chrome, Safari, Operaなど） 背景色がグレー IE8 背景色がピンク IE7 or IE8互換モード 背景色がグリーン IE6 背景色がブルー 下記はデモページをIETesterで表示したものです。 IETesterの詳しい説明は、「IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester」を参照ください。 デモページ（※IE8で表示） IE9もWin7+IE9で確認したところ、背景はグレーに表示されていました。 [a
-
CSSハック一覧
CSSハック一覧 - IE, Firefox, Safariなどなど異なるブラウザーで見たらレイアウトが崩れる。。CSSハックはそんな時のお役立ち裏技（？）です。私がブックマークしているCSSハックに関するWebサイトがたくさんあったので（Safariがのってない・IE8しかのってない。。等の理由で）、自分用メモ。「こんなやり方もある！」というのがあればコメントして教えてください！ Internet ExplorerIE6 以下#help_me { _color: blue; } * html #help_me { color: red; } IE7*:first-child + html #help_me { color: red; } * + html #help_me { color: red; } IE6, IE7#help_me { /color: blue; } IE8#hel
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx