タグ
- すべて
- 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とbackgroundに関するruedapのブックマーク (6)
-
ruedap 2015/02/26
- color
- css
- background
- theme
リンク -
Android 4.x のブラウザがヤバい
2013年10月24日 著 ここ2週間ほど、TwitterでAndroidのブラウザを酷評しているわけですが。そもそも「ブラウザ」って何だよ、というところからして気に食わないのですけどね。何ですかブラウザって。一般名詞を固有名詞ぽく？使うだなんて、紛らわしいことこのうえない。デフォルトブラウザとも、標準ブラウザとも呼ばれることがあるらしいけれど、しかし表記は「ブラウザ」ってあるんだもん。本当にむかつく......いや問題はそこじゃなくて。最近、最強にイライラしているのは、html - android autofit mode causing issues with css width in web page - Stack Overflowで紹介されている件。記事中にあるように、この問題には対応策が無いわけではなく、日本語で紹介している記事もあります。 androidでwidthが効かない
-
Android4系のデフォルトブラウザでwidthが効かないバグとbackground-colorで回避出来るというメモ | kanonjiのブログ
Android4系のデフォルトブラウザで、どうしてもレイアウトが崩れるという話を持ちかけられて、調べてみました。 どうもviewportを指定してない場合に、widthがdevice-widthより大きな値を指定しても、無視されるというものみたいです。 widthが効かないというのがどういう事か、文章だとよくわからないと思うので、再現させるコードと、それを表示したスクリーンショットを下の方に載せてます。 解決策 なにが起きるかと言うと、 p要素のwidthを無視して勝手に横幅が設定されて幅が短くなる。 androidのバージョンによって変わるみたいで、 android2系だと問題ないけどandroid4系だとおかしい(端末の違いも考えられるけど)。 いろいろやってみて、 なぜかbackground-colorを入れると意図した幅で表示された。 なんでbackground-c
-
-
Responsive background images with fixed or fluid aspect ratios – Voormedia
Responsive background images with fixed or fluid aspect ratios What's the easiest way to scale background images in responsive layouts? We use an old technique and enhance it to fluidly change the aspect ratio of background images. Responsive layouts make it possible to dynamically scale the width of a website to fit on small mobile devices as well as larger desktop computers. An <img> element wit
-
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx