Opera Developer News - How media queries allow you to optimize SVG icons for several sizes
5 weeks ago by sunpig
One thing that seems to come up from time to time when talking about SVG is the apparent lack of a mechanism to make certain size specific adjustments. Typical use case is icon design, where you want to make sure the outline of the icon you're creating is always 1px, regardless of the icon being 16, 32 or 64 pixels in size. While at the SVG Open conference last week, I investigated how this problem could be solved, and found out that you can do this by using media queries inside the SVG file. Different widths set on the img tag pointing to the SVG file then will trigger different max-width/min-width media queries to be triggered. I've presented my findings during the lightning talks session at SVG Open, and have turned the talk into a YouTube video, which you can watch below.
andreasbovens
opera
svg
mediaquery
media
query
design
responsive
layout
mobile
5 weeks ago by sunpig
Why Mobile Web Matters | NPR Digital Services
7 weeks ago by sunpig
For many public media stations, mobile means one thing: apps. We all know mobile is important, and many stations have launched successful mobile apps that engage your audience with audio, news, and more.
But here’s the truth: If your app is the only component of your mobile strategy, you’re missing the boat. Mobile-optimized web pages are rapidly becoming the most important way to grow your online audience.
npr
media
mobile
web
android
app
ios
apple
iphone
digital
engagement
news
content
optimization
But here’s the truth: If your app is the only component of your mobile strategy, you’re missing the boat. Mobile-optimized web pages are rapidly becoming the most important way to grow your online audience.
7 weeks ago by sunpig
French ‘Three Strikes’ Law Slashes Piracy, But Fails to Boost Sales | TorrentFreak
8 weeks ago by sunpig
A new report on the effectiveness of the French three-strikes anti-piracy law claims that it managed to cut Internet piracy in half last year. While lobbyists are making preparations to show these great results to politicians worldwide, there is one thing the report fails to mention. Despite the claimed decrease in piracy, revenues through legal channels are down as well. This is strange, because in previous years these losses were solely attributed to piracy.
piracy
download
torrent
france
hadopi
law
legal
stream
media
film
cinema
music
8 weeks ago by sunpig
» The EMs have it: Proportional Media Queries FTW! Cloud Four Blog
9 weeks ago by sunpig
RT @lyzadanger: Oops. I just blogged on @cloudfour again, this time about em-based media queries:
lyzagardner
mobile
em
media
query
mediaquery
responsive
width
layout
zoom
css
design
frontend
webdev
cloudfour
9 weeks ago by sunpig
Newspapers Are America's Fastest-Shrinking Industry - Derek Thompson - Business - The Atlantic
11 weeks ago by sunpig
LinkedIn and the Council of Economic Advisors mapped the fastest-growing and fastest-shrinking industries since 2007, the year the Great Recession started. Renewables are at the top and newspapers are at the bottom.
theatlantic
newspaper
print
news
media
advertising
industry
usa
11 weeks ago by sunpig
Height matters! – Anders M. Andersen
february 2012 by sunpig
Show some love to the vertical; consider "max-height" as part of your media queries: (Especially for landscape mode!)
mediaqueries
media
query
vertical
horizontal
maxheight
max-height
height
width
landscape
portrait
tall
responsive
adaptive
design
layout
february 2012 by sunpig
Pragmatic responsive design
november 2011 by sunpig
Wholly awesome, Batman! "Pragmatic Responsive Design" presentation by @yiibu MUST READ for mobile.
pragmatic
responsive
design
adaptive
layout
width
media
query
server
yiibu
bryanrieger
stephanierieger
css
breakpoint
webdev
mobile
november 2011 by sunpig
BBC - Newsnight: Paul Mason: Twenty reasons why it's kicking off everywhere
february 2011 by sunpig
RT @Glinner: In case you missed it last night, "Twenty Reasons why it's kicking off everywhere"
activism
politics
culture
youth
media
social
fredom
revolution
newsnight
bbc
paulmason
from twitter
february 2011 by sunpig
Journalism Warning Labels « Tom Scott
august 2010 by sunpig
RT @codepo8: Journalism warning labels to leave on free newspapers:
journalism
warning
label
sticker
truth
media
newspaper
funny
august 2010 by sunpig
related tags
access ⊕ accessibility ⊕ activism ⊕ adactio ⊕ adaptive ⊕ advertising ⊕ adverts ⊕ agency ⊕ agent ⊕ ai ⊕ aircraft ⊕ airline ⊕ ala ⊕ alistapart ⊕ all ⊕ allpeers ⊕ alternative ⊕ analysis ⊕ andreasbovens ⊕ android ⊕ andyclarke ⊕ anildash ⊕ animation ⊕ ap ⊕ api ⊕ apology ⊕ app ⊕ apple ⊕ application ⊕ audio ⊕ backup ⊕ bandwidth ⊕ bbc ⊕ block ⊕ blog ⊕ blogging ⊕ bot ⊕ breakpoint ⊕ broken ⊕ browser ⊕ browsers ⊕ brucelawson ⊕ bryanrieger ⊕ buddy ⊕ bullying ⊕ business ⊕ c ⊕ calculation ⊕ camera ⊕ canvas ⊕ capability ⊕ captcha ⊕ caption ⊕ captioning ⊕ cataloguing ⊕ childhood ⊕ children ⊕ choreography ⊕ cinema ⊕ circulation ⊕ class ⊕ clayshirky ⊕ clear ⊕ clearfix ⊕ cloudfour ⊕ cnn ⊕ collapse ⊕ colour ⊕ comic ⊕ commercial ⊕ communication ⊕ complexity ⊕ computers ⊕ computing ⊕ connected ⊕ console ⊕ consumer ⊕ consumption ⊕ content ⊕ context ⊕ contrast ⊕ copyright ⊕ cost ⊕ creation ⊕ cringely ⊕ css ⊕ css3 ⊕ culture ⊕ cyber ⊕ cyborg ⊕ danahboyd ⊕ dannysullivan ⊕ data ⊕ defeat ⊕ description ⊕ design ⊕ desing ⊕ detect ⊕ detection ⊕ device ⊕ devices ⊕ devicewith ⊕ digital ⊕ disk ⊕ display ⊕ documentwrite ⊕ dom ⊕ download ⊕ drive ⊕ drm ⊕ dubbing ⊕ economics ⊕ economy ⊕ edit ⊕ edited ⊕ election ⊕ electronics ⊕ em ⊕ engagement ⊕ ethanmarcotte ⊕ experience ⊕ f7u12 ⊕ fairplay ⊕ fairuse ⊕ fear ⊕ feature ⊕ ffffuuuuu ⊕ files ⊕ film ⊕ firefox ⊕ flexible ⊕ float ⊕ fluid ⊕ format ⊕ formfactor ⊕ fragment ⊕ france ⊕ fredom ⊕ free ⊕ frontend ⊕ frontent ⊕ funny ⊕ gadget ⊕ gameboy ⊕ generation ⊕ getUserMedia ⊕ gizmodo ⊕ glennjones ⊕ google ⊕ hadopi ⊕ handheld ⊕ hard ⊕ hardware ⊕ hash ⊕ hashbang ⊕ hdd ⊕ height ⊕ herald ⊕ history ⊕ home ⊕ horizontal ⊕ hp ⊕ html ⊕ html5 ⊕ human ⊕ identifier ⊕ ie ⊕ image ⊕ import ⊕ industry ⊕ intelligence ⊕ internet ⊕ ios ⊕ ipad ⊕ iphone ⊕ ipod ⊕ itunes ⊕ janus ⊕ Jasongrigsby ⊕ javascript ⊕ jeffcroft ⊕ jeremykeith ⊕ joeclark ⊕ journalism ⊕ js ⊕ kanye ⊕ kos ⊕ label ⊕ landscape ⊕ language ⊕ law ⊕ layout ⊕ legal ⊕ leverage ⊕ lyzagardner ⊕ mac ⊕ max-height ⊕ maxheight ⊕ media ⊖ mediablock ⊕ mediaqueries ⊕ mediaquery ⊕ mediasmart ⊕ microsoft ⊕ mini ⊕ mobile ⊕ mobilefirst ⊕ model ⊕ mp3 ⊕ music ⊕ nas ⊕ necolas ⊕ netflix ⊕ network ⊕ news ⊕ newsnight ⊕ newspaper ⊕ newspapers ⊕ nicholasgallagher ⊕ npr ⊕ obtrusive ⊕ oldmedia ⊕ oocss ⊕ opera ⊕ oprah ⊕ optimization ⊕ organism ⊕ p2p ⊕ palin ⊕ paper ⊕ parenting ⊕ paulmason ⊕ pay ⊕ pdd ⊕ perception ⊕ personal ⊕ petermerholz ⊕ phone ⊕ photo ⊕ photos ⊕ photoshop ⊕ pipa ⊕ piracy ⊕ player ⊕ playsforsure ⊕ playstation ⊕ politics ⊕ portrait ⊕ postpc ⊕ ppk ⊕ pragmatic ⊕ premium ⊕ preparser ⊕ preprocessor ⊕ print ⊕ privacy ⊕ problem ⊕ production ⊕ prognostication ⊕ properties ⊕ ps3 ⊕ psychology ⊕ publishing ⊕ query ⊕ rage ⊕ referral ⊕ remote ⊕ research ⊕ resize ⊕ responsive ⊕ retina ⊕ revolution ⊕ russweakley ⊕ safari ⊕ sass ⊕ sata ⊕ scotland ⊕ scotsman ⊕ scotthanselman ⊕ screen ⊕ script ⊕ search ⊕ self ⊕ server ⊕ share ⊕ sharing ⊕ shiny ⊕ shirky ⊕ show ⊕ simplify ⊕ site ⊕ size ⊕ small ⊕ social ⊕ society ⊕ solve ⊕ sopa ⊕ space ⊕ speculation ⊕ standards ⊕ state ⊕ statistics ⊕ stephanierieger ⊕ sticker ⊕ strategy ⊕ stream ⊕ stylesheets ⊕ subtitling ⊕ support ⊕ svg ⊕ syndication ⊕ synergy ⊕ tall ⊕ technology ⊕ text ⊕ theatlantic ⊕ torrent ⊕ traffic ⊕ transition ⊕ trentwalton ⊕ truth ⊕ tv ⊕ twitter ⊕ type ⊕ unobtrusive ⊕ unstoppablerobotninja ⊕ url ⊕ us ⊕ usa ⊕ usb ⊕ use ⊕ usecase ⊕ value ⊕ vertical ⊕ video ⊕ viewport ⊕ vp ⊕ w3c ⊕ warning ⊕ web ⊕ webdesign ⊕ webdesignshock ⊕ webdev ⊕ webkit ⊕ webstandards ⊕ west ⊕ whatwg ⊕ whs ⊕ wide ⊕ width ⊕ wimax ⊕ windows ⊕ xml ⊕ yiibu ⊕ youth ⊕ zeldman ⊕ zomigi ⊕ zoom ⊕Copy this bookmark: