robertogreco + responsive   11

HTML5 UP! Responsive HTML5 and CSS3 Site Templates
"HTML5 UP
... makes spiffy HTML5
site templates that are:
Fully
Responsive Built on intelligent
HTML5 + CSS3 Super
Customizable100% Free under the
Creative Commons"

[via (used here): http://www.jessamyn.com/ ]
webdev  html5  responsive  webdesign  html  free  templates 
september 2017 by robertogreco
ResponsiveImages.org
"We’re a group of developers working towards a client-side solution for delivering alternate image data based on device capabilities to prevent wasted bandwidth and optimize display for both screen and print."
responsive  responsivedesign  html5  images  via:maxfenton  webdev  webdesign 
april 2016 by robertogreco
The Web’s Grain by Frank Chimero
"We’re building edgeless environments of divergency. Things are added in chaos, then if successful, they expanded further and further out until they collapse and rearrange. This is probably why responsive design feels so relevant, maddening, and divisive: its patterns mimic the larger patterns of technology itself.

What we build is defined and controlled by its unresolvable conflicts. In responsive design, it’s the text and image conundrum I showed earlier. In other, more grand arenas, there is capital versus labor, or collective control versus anarchic individualism. In technology, I believe it comes down to the power dynamics of convenience. To create convenience—particularly the automated convenience technology trades in—someone else must make our choices for us.

In other words: the less you have to do, the less say you have.

Up to a point, swapping autonomy for ease is a pretty good trade: who wants run the math on their accounting books or call the restaurant to place a delivery order? But if taken too far, convenience becomes a Trojan Horse. We secede too much control and become dependent on something we can no longer steer. Platforms that promised to bring convenience to a process or intimacy to a relationship now wedge themselves into the transaction as new middlemen. Then, we’re left to trust in the benevolence of those who have the power to mold our dependencies. Citing a lot of the concerns I mentioned earlier, those people are less responsible and compassionate than we had hoped. In pursuit of convenience, we have opened the door to unscrupulous influence.

You could say that our current technological arrangement has spread out too far, and it is starting to look and feel wrong. Fortunately, we can treat this over-expansion just like everything else I’ve mentioned. We can draw a line, and create a point of reassembly for what we’ve made. We can think about how to shift, move, and resize the pieces so that they fall back in line with our intentions. This power is compounded for those of us who make this technology.

But this is not a technological response. It is an explicit act of will—an individual’s choice to change their behaviors about what to use, where to work, what to adopt, what to pay attention to. It is simple mindfulness, that thing which needy technology makes so hard to practice. And it starts with a question: what is technology’s role in your life? And what, really, do you want from it?

As for me? I won’t ask for peace, quiet, ease, magic or any other token that technology can’t provide—I’ve abandoned those empty promises. My wish is simple: I desire a technology of grace, one that lives well within its role.

How will we know that we’re there? I suppose we’ll look at what we’ve built, notice how the edges have dropped away, and actually be pleased it looks like it could go on forever."
frankchimero  davidhockney  joinery  web  webdev  internet  responsive  responsivedesign  design  technology  grace  clarity  simplicity  complexity  dependencies  edges  purpose  adaptability  divergency  thisandthat  convenience  autonomy  control  influence  responsivewebdesign  webdesign 
march 2015 by robertogreco
mattkersley/Responsive-Design-Testing
"Responsive Design Testing
This tool is for everyone who needs a quick and easy way to test their website design in multiple screen widths.

Permalink style testing
You can test any website, and provide the link to anyone you like by adding their URL to the end of the testing page address. For example: http://mattkersley.com/responsive?google.com

Installing on your own server
*Copy index.html and responsive.js onto your machine
*Update the deafultURL at the top of responsive.js to your own website
*Upload the files into a subdirectory on your server
*Navigate to the new subdirectory via a browser

Once you've uploaded, you can navigate your website from within the iframes, and the others will update. This won't work for external sites however due to browser security restrictions."
webdev  responsivewebdesign  ui  mobile  webdesign  css  testing  design  responsive  responsivedesign  from delicious
november 2012 by robertogreco
Fluid Images — Unstoppable Robot Ninja
One of the really solid criticisms lobbied against my Fluid Grids article for ALA was that all of my examples were pretty text-heavy. As a result, they all more or less ignored the issue I raised at the end of the essay: that working with non-fixed layouts can be more difficult once you introduce fixed-width elements into them. By default, an image element that’s sized at, say, 500px doesn’t exactly play nicely with an container that can be as large as 800px, but as small as 100px. What’s a designer to do?
webdev  responsive  layout  scale  design  webdesign  fluid  javascript  css  via:caseygollan  images  fluidimages  responsivedesign  responsivewebdesign 
september 2012 by robertogreco
320 and Up | The ‘tiny screen first’ responsive boilerplate
"1. A working toolkit
Frameworks and boilerplates like HTML5 Boilerplate and Bootstrap are great, but they include some files and styles you’ll use once in a blue moon. ‘320 and Up’ includes only things I use when I start a project.

2. LESS and Sass
LESS and Sass have transformed the way we write CSS. ‘320 and Up’ is built with LESS and CSS includes our trusted mixins and variables. If you’re not ready for LESS, don’t worry, use the plain ol’ CSS version.

3. New Upstarts
‘Upstarts’ are responsive design patterns for the things we build every day. Get started faster with easily customisable HTML and LESS CSS imports or write your Upstarts and contribute them on Github."
responsivedesign  html5boilerplate  html  css3  css  mobile  html5  responsive  boilerplate  responsivewebdesign  from delicious
august 2012 by robertogreco
Pasta&Vinegar » An interview with Saskia Sassen about "Smart cities"
"Urbanity is a mutant. And this means it is made and remade along many different concepts/ideas/imaginations across the world. It can happen in sites where we, we of our westernized culture, might not see it… urbanity is made; it is not only beautifully designed urban settings.

In sharp contrast, I think that the model of “intelligent cities” as propounded by technologists, with the telepresence efforts of Cisco Systems a key ingredient, misses this opportunity to urbanize the technologies they mobilize. Secondly, the intelligent city concept if too rigid, becomes a futile effort to eliminate the incompleteness of the city, to get full closure/control. This is a recipe for built-in obsoleteness. Imagine if Rome could not have mutated across the millennia: it would be a dead city now. Third, the planners of intelligent cities, notably Songdo in South Korea actually make these technologies invisible, and hence put them in command rather than in dialogue with users."
nicolasnova  saskiasassen  cities  networkedurbanism  urbancomputing  opensource  unfinished  evolution  rome  songdocity  cisco  china  control  flexibility  design  urbanism  urban  2011  telepresence  organic  urbanity  responsive  from delicious
july 2011 by robertogreco
Yiibu - About this site...
"The site is designed using the ‘mobile first’ principle. Also incorporated are elements of responsive design.

The base content and default presentation are mobile, and optimized for the very simplest devices first. We've defined this as 'basic' support.

Devices with small screens and media query support are served an enhanced layout—and occasionally—more complex content. We've called this 'mobile'.

Finally, the layout and content are enhanced to reflect the 'desktop' context.

On the first visit, the server checks for a 'properties' cookie containing specific browser 'feature support' results (obtained from tests carried out by a little bit of JavaScript). Devices that don't supply a 'properties' cookie, or have JavaScript disabled are always served the basic version of the site."

[See also http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu AND http://www.metaltoad.com/blog/stop-you-are-doing-mobile-wrong AND http://www.lukew.com/ff/entry.asp?933 ]
mediaqueries  mobilefirst  responsive  webdesign  web  mobile  html5  standards  browsers  adaptive  yiibu  mobileweb  webdev  via:preoccupations  development  design  usability  ux  progressiveenhancement  browser  from delicious
october 2010 by robertogreco
Pruned: Flutter Field
"WeatherField is a shape-shifting energy generation park in Abu Dhabi. The park is organized and designed to respond efficiently and creatively to climate. Energy generation becomes a public performance, dynamic, reactive, and interactive. The park is active when weather events are active, and calm when weather is calm, in each instance offering the public a compatible experiences."

[Quote from: http://spime.org/post/1017546133/weatherfield-is-a-shape-shifting-energy-generation]
weather  energy  abudhabi  weatherfield  responsive  adaptive  reactive  interactive  art  sculpture  from delicious
august 2010 by robertogreco

related tags

abudhabi  adaptability  adaptive  art  autonomy  boilerplate  bootstrap  browser  browsers  casestudy  china  cisco  cities  clarity  complexity  contentstrategy  control  convenience  css  css3  davidhockney  dependencies  design  development  divergency  edges  energy  evolution  flexibility  fluid  fluidimages  framework  frankchimero  free  grace  html  html5  html5boilerplate  images  influence  interactive  internet  javascript  joinery  karenmcgrane  layout  malloryortberg  mediaqueries  mobile  mobilefirst  mobileweb  moblie  networkedurbanism  nicolasnova  nicolecliffe  opensource  organic  progressiveenhancement  purpose  reactive  responsive  responsivedesign  responsivewebdesign  rome  saskiasassen  scale  sculpture  simplicity  songdocity  standards  technology  telepresence  templates  testing  thisandthat  ui  unfinished  urban  urbancomputing  urbanism  urbanity  usability  ux  via:caseygollan  via:maxfenton  via:preoccupations  weather  weatherfield  web  webdesign  webdev  webdevelopment  yiibu  zurb 

Copy this bookmark:



description:


tags: