Credit to: Aaron Ladage / aladage@degdigital.com / @aladage
The web has always been responsive…right up until developers and designers came along and broke it.
Almost every website in 2005:
.container {
width: 960px;
}
Ethan Marcotte coined the phrase "responsive Web Design"
In other words, even with smartphones IN THEIR HANDS, it took developers three years to go from this:
.container {
width: 960px;
}
To this:
.container {
max-width: 960px;
}
We should use them for every site ever!!! (or NOT)
"Creates a consistent design language and coding style."
"Creates a consistent design language and coding style."
"Creates a consistent design language and coding style."
"Creates a consistent design language and coding style."
"Creates a consistent design language and coding style."
Maybe a little too consistent?
Bootstrap 1/2:
<div class="row">
<div class="span4">...</div>
<div class="span8">...</div>
</div>
Bootstrap 3:
<div class="row">
<div class="col-xs-6 col-md-4">...</div>
<div class="col-xs-12 col-sm-6 col-md-8">...</div>
</div>
What to do differently:
What to do differently:
Channel | Description | |
---|---|---|
Stable | Standard released version. Major updates every 6 weeks. | |
Beta | One step ahead of stable. Major updates every 6 weeks. | |
Dev | First tested version. Updated 2-3 times per week. | |
Canary | Bleeding edge. Released daily. Untested and could be broken. | |
drop
elements
drag
and
to
rearrange
When editing almost any string containing a number in the Elements panel, the arrow keys can be used to increment/decrement the value
This works in suprising places, such as on Hex values
Hold the shift key to increment/decrement by 10 with the arrow keys
Hold the alt key to increment/decrement by .1 with the arrow keys
Shift+click on a color in the sidebar to switch between color formats (rgb, hex, hsl)
Keeps the log between full page navigation. An option exists for this in both the Network panel and the Console
Right click on any XHR request in the Network panel to have the option to replay that request
Matthew Eash @mujimu http://bit.ly/control-your-async