This article is now superseded. A newer version of the <picture> element is being implemented in Blink, WebKit, Firefox. Read Responsive Images Done Right: A Guide To <picture> And srcset for more. After The Great Vendor Prefix Hullaballoo of April 2012 comes The Great Responsive Images Brouhaha of May 2012. Adaptive images are the next unsolved mystery of Responsive Web Design. Do you send large
タグ
- すべて
- jQuery (33)
- .htaccess (5)
- 2ch (6)
- 3d (47)
- 3ds (2)
- 404 (5)
- AMP (4)
- Affiliate (2)
- AfterEffects (2)
- Agile (5)
- Ajail (3)
- Analytics (11)
- AngularJS (9)
- Apache (6)
- Apple (62)
- AppleScript (4)
- AppleWatch (9)
- AtomicDesign (4)
- AutoHotKey (2)
- Browser (53)
- BusinessCard (3)
- CDN (2)
- CMS (5)
- CSS-in-JS (2)
- CSS4 (3)
- CSSNite (2)
- CSSdesign (2)
- CakePHP (2)
- Canvas (66)
- Cordova (16)
- DOM (3)
- DesignSystem (5)
- DirectX (2)
- DocumentationSystem (4)
- DreamWeaver (14)
- FPS (3)
- Facebook (18)
- Fonts (9)
- Frontend (3)
- GIMP (2)
- Gallery (15)
- Geolocation (3)
- Graphics (3)
- HDMI (2)
- Homebrew (2)
- IE (36)
- JSON (7)
- Java (2)
- Kindle (3)
- Kinect (4)
- Lion (2)
- MHP3 (4)
- Markdown (5)
- Mercurial (2)
- MicroInteraction (4)
- Microsoft (12)
- MindBEMding (4)
- Mozilla (5)
- MySQL (7)
- Nintendo (2)
- OAuth (5)
- OS (3)
- OnsenUI (3)
- OpenGL (2)
- PC (11)
- PEAR (4)
- PSP (2)
- PWA (2)
- Pixelmator (4)
- PowerPoint (4)
- React (13)
- Resources (13)
- Restaurant (4)
- SVG (85)
- Scrum (5)
- Standard (3)
- Subversion (6)
- Tablet (6)
- Technology (6)
- Tumblr (6)
- Tutorials (58)
- Twitter (63)
- Typography (11)
- UA (2)
- UI (76)
- UML (3)
- Unity (22)
- VIP (4)
- Vimperator (5)
- Xcode (11)
- YUI (3)
- Youtube (19)
- Zen-Coding (25)
- accessibility (16)
- action (4)
- actionscript (3)
- ad (3)
- addon (29)
- adobe (15)
- advanced (4)
- ajax (8)
- algorithm (3)
- amachang (5)
- amazon (7)
- android (48)
- animation (100)
- anime (3)
- api (55)
- app (25)
- application (42)
- art (17)
- atom (3)
- audio (6)
- baby (3)
- band (5)
- base (3)
- bash (8)
- beautiful (42)
- beginner (18)
- blog (11)
- bluetooth (8)
- book (13)
- bookmark (5)
- bookmarklet (21)
- bootstrap (4)
- bot (4)
- brush (11)
- bug (19)
- business (36)
- cafe (4)
- calendar (8)
- capture (4)
- card (5)
- case (10)
- cat (9)
- character (10)
- chart (5)
- cheatsheet (14)
- checklist (3)
- chrome (58)
- chromeExtension (5)
- cloud (6)
- coda (4)
- codeReading (3)
- coding (27)
- color (13)
- comic (11)
- command (4)
- communication (5)
- compress (7)
- concept (4)
- convert (4)
- cooking (18)
- cookpad (3)
- creative (42)
- css (328)
- css3 (299)
- cssSprite (5)
- cui (4)
- customize (4)
- cute (10)
- data (9)
- date (7)
- debug (11)
- demo (21)
- design (233)
- desktop (14)
- development (245)
- diff (6)
- document (45)
- dot (3)
- dot3 (5)
- dotabataNeta (22)
- download (14)
- dropbox (18)
- dummy (4)
- eBook (15)
- editor (43)
- education (11)
- effect (10)
- effects (3)
- election (3)
- electron (15)
- email (6)
- emulater (3)
- enchant.js (6)
- english (9)
- entryNeta (18)
- epub (3)
- error (6)
- eva (7)
- event (5)
- evernote (3)
- excel (5)
- extension (46)
- fashion (9)
- favicon (6)
- file (3)
- firefox (50)
- fireworks (10)
- flash (18)
- flickr (4)
- font (69)
- fontface (5)
- food (11)
- form (15)
- framework (40)
- free (192)
- ftp (5)
- future (3)
- gadget (34)
- game (83)
- geektool (3)
- generator (70)
- gif (6)
- git (35)
- github (14)
- google (71)
- gourmet (7)
- graph (11)
- greasemonkey (5)
- gui (3)
- guideline (10)
- gulp (9)
- hack (8)
- hatena (3)
- heroku (4)
- hotel (4)
- howto (164)
- htm5 (3)
- html (109)
- html5 (316)
- iPad (30)
- iPhoneApplication (10)
- icon (64)
- idea (8)
- ie8 (3)
- ie9 (10)
- illusion (4)
- illust (12)
- illustrator (15)
- image (38)
- infographic (6)
- inspiration (57)
- interaction (10)
- interface (12)
- ios (46)
- iphone (121)
- jQueryMobile (4)
- javascript (396)
- jquery (119)
- js (6)
- keyboard (5)
- knowledge (6)
- kzms2 (5)
- launcher (5)
- launchy (3)
- layout (6)
- library (105)
- life (40)
- lifehack (38)
- lightbox (3)
- linux (7)
- loading (7)
- logo (6)
- logos (3)
- love (3)
- mac (175)
- mail (16)
- management (12)
- marketing (4)
- markup (3)
- material (201)
- math (6)
- media (3)
- merge (3)
- mh (4)
- mmorpg (4)
- mobile (32)
- modeling (7)
- motion (3)
- mouse (7)
- movie (29)
- mp3 (4)
- music (36)
- mvc (3)
- nativeapp (3)
- naver (3)
- navigation (6)
- neta (69)
- news (92)
- node.js (33)
- npm (6)
- objective-c (5)
- office (3)
- openframeworks (3)
- opera (10)
- optimization (16)
- optimize (7)
- original (3)
- parallax (11)
- pattern (11)
- pdf (13)
- performance (63)
- photo (56)
- photoshop (94)
- php (84)
- physics (4)
- picture (4)
- planning (3)
- player (4)
- plugin (101)
- portfolio (16)
- premium (3)
- present (5)
- presentation (53)
- programming (107)
- project (11)
- prototype (20)
- prototyping (3)
- ps3 (3)
- psd (29)
- purecss (7)
- python (4)
- react.js (4)
- recipe (9)
- reference (34)
- regexp (6)
- release (7)
- research (15)
- resource (6)
- responsive (12)
- responsiveWebDesign (22)
- rss (3)
- ruby (7)
- safari (18)
- sample (88)
- sass (17)
- schedule (3)
- search (17)
- security (30)
- seminor (4)
- seo (11)
- server (15)
- service (5)
- setting (5)
- share (16)
- shell (14)
- shopping (34)
- showcase (27)
- sketch (48)
- skype (4)
- slides (7)
- slideshow (3)
- smartphone (22)
- smartwatch (3)
- snippets (13)
- sns (14)
- software (97)
- sound (7)
- splatoon (3)
- ssh (4)
- storage (16)
- study (21)
- styleguide (8)
- sublimeText (29)
- sweets (3)
- swift (20)
- technique (46)
- template (48)
- terminal (9)
- test (4)
- tester (3)
- texture (7)
- theme (22)
- three.js (10)
- tips (108)
- todo (5)
- tool (21)
- tools (16)
- trackball (3)
- travel (15)
- tutorial (32)
- tw (173)
- unix (4)
- url (5)
- usability (9)
- usb (3)
- useful (41)
- ux (9)
- validate (3)
- validator (3)
- vd (5)
- vector (18)
- video (25)
- vim (30)
- vimrc (6)
- visual (69)
- visualization (13)
- voice (3)
- vr (9)
- w3c (28)
- wallpaper (15)
- weather (3)
- web (36)
- webBook (6)
- webStorm (3)
- webapi (19)
- webcomic (6)
- webcomponents (3)
- webdesign (179)
- webdeveloper (6)
- webfont (10)
- webfontIcon (8)
- webgl (44)
- webkit (21)
- webservice (295)
- webvr (3)
- wedding (8)
- wifi (5)
- windows (51)
- wireframes (3)
- wireless (3)
- wordpress (45)
- work (11)
- yahoo (37)
- あとで見る (14)
- あとで試す (6)
- あとで読む (21)
- あとで買う (6)
- これはけしからん (4)
- これはすごい (57)
- これはひどい (14)
- これは便利 (7)
- これは欲しい (4)
- これは良い (11)
- これは食べたい (3)
- さくらインターネット (15)
- まとめ (71)
- ネタ (9)
- 欲しい (7)
- 顔認識 (3)
- javascript (396)
- css (328)
- html5 (316)
- css3 (299)
- webservice (295)
- development (245)
- design (233)
- material (201)
- free (192)
- webdesign (179)
ブックマーク / html5doctor.com (4)
-
kzms2 2012/05/17
srcset属性のお話の流れとかかな？英語得意な方向け。- html5
- news
リンク -
CSS3 Pseudo-Classes and HTML5 Forms | HTML5 Doctor
Hello! I’m Doctor Peter and I’m here to treat you with a dose of complementary CSS3. Don’t worry, this won’t hurt a bit. Contrary to what HTML5 Please and the W3C would have you believe, CSS3 is not part of HTML5. “But this is HTML5 Doctor,” I imagine you saying. “Why are you talking about CSS3 here?” Well, I want to talk about a very specific part of CSS3, one that works in perfect tandem with HT
-
The details and summary elements | HTML5 Doctor
How often have you had to write some JavaScript to create an interactive widget that shows and hides some content? You might’ve even downloaded a whole JavaScript library to achieve such an effect. Well, it’s time writing service to rejoice! HTML5 provides a way to create this toggle feature with just a few lines of HTML and no JavaScript in sight (depending on the browser, of course, but we’ll co
-
HTML 5 Reset Stylesheet | HTML5 Doctor
We’ve had a number of people ask about templates, boilerplates, and styling for HTML 5. Last week, Remy introduced some basic boilerplates for HTML 5, so to keep the momentum going, I’ve modified Eric Meyer’s CSS reset for you to use in your HTML 5 projects. The code Let’s start with the complete CSS stylesheet: /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Cl
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx