#twiwt

[divshot]

This Week in Web Tech #18

Every week we post links about web technology and design to our Twitter feed. Once a week, we roll those links up into a blog post we call This Week in Web Tech.

5 Content Marketing Best Practices to Drive Your Design

21 Inspiring Examples of White Space in Web Design | Inspiration

Responsive CSS Timeline with 3D Effect

Code smells in CSS

Adding A Personal Touch To Your Web Design

A more robust version of the Bootstrap modal window.

User Motivation Determines the Best Color Scheme for Your Website

Involve Developers In The Design Process (Divshot can help facilitate this kind of communication)

Native CSS feature detection via the @supports rule

Adapting your WebKit-optimized site for Internet Explorer 10

Short and sweet this week. If you enjoy the content follow us on Twitter!

[divshot]

This Week in Web Tech #16 - #17

Every week we post links about web technology and design to our Twitter feed. Once a week, we roll those links up into a blog post we call This Week in Web Tech.

Chrome Canary for Developers

Placeholder Attribute Is Not A Label!

Microsoft put out a free eBook on Programming Windows 8 Apps with HTML, CSS, and JavaScript

Inspiration for web development with Twitter Bootstrap

Kort: A thumbnail preview concept.

Slider toggles can be confusing. Here's one potential solution.

Why good design and open design often conflict

Being a web developer "is as awesome as Chewbacca riding a squirrel, fighting Nazis with a cross bow." @codepo8

Writing Fast, Memory-Efficient JavaScript

Two things about the iPad mini

liffect: CSS3 effects for lists

People like circles. Use 'em in your designs.

WebRTC is now shipping in Chrome 23. No flags, no special build.

20 Awesome jQuery Plugins for Responsive Layout

The usability experts were right: 5 changes Thumbtack made to increase conversion by 50%

5 More HTML5 APIs You Didn’t Know Existed

Watch Divshot co-founder @mbleigh talk about Cross-Origin Resource Sharing (CORS) at RubyConf 2012!

Simple Methods For Writing Scalable CSS Right Now

CSS-aware HTML Minifier for PhantomJS

Mobile Design Typography is Vitally Important … and Challenging

Mobile Design Details: Hide/Show Passwords

On HTML5 and the proposed main element | Ian Devlin

FinancialTimes exec expounding the virtues of HTML5

CSS Custom Filters

HTML5 will change design – if we let it

Using CSS Transitions in Responsive Web Design

How to use Twitter Bootstrap to Create a Responsive Website Design (or just let Divshot do it for you)

Wait, DevTools could do THAT?

How to Detect DOM Changes in CSS

[divshot]

This Week in Web Tech #15

Every week we post links about web technology and design to our Twitter feed. Once a week, we roll those links up into a blog post we call This Week in Web Tech.

Last week @mbleigh spoke at RubyConf in Denver about what you can do with CORS.

We upgraded the Bootstrap CSS and JavaScript in Divshot to 2.2.0!

Kick-Start Your Project: A Collection of Handy CSS Snippets

5 Really Useful Responsive Web Design Patterns

Towards A Retina Web

A Whole Bunch of Amazing Stuff Pseudo Elements Can Do

9 Common Usability Mistakes In Web Design

List of Bootstrap Resources from Bootsnipp

Bootstrap 2.2.0 released

Becoming Device-Agnostic

A Closer Look At Font Rendering

HTML5 mythbusting

The Responsive Designer

Stop Thinking in Pixels: Improving Web Layout

[divshot]

This Week in Web Tech #14

Every week we post links about web technology and design to our Twitter feed. Once a week, we roll those links up into a blog post we call This Week in Web Tech.

Hacking Hacker News with @divshot and @lessneglect

Experimental 3D CSS dropdown.

Introducing Typeset.css for styling user-generated content

25 Useful Books For Web Designers And Developers

Do you like the infinite scrolling tweets on our homepage? Here's how we made 'em!

The Future of CSS Layout presentation at FoWD

Rails Rumble Winners - Gem Teardown

New Divshot Features! Page Templates, Project Folders and the CSS Editor

Fuel UX provides handy addons for Bootstrap

plusTabs collapses excess links to save space

Kwicks for jQuery: sliding panel effect plugin

Usability in Icons: Maybe that "link" icon isn't as obvious as you think.

Shadow DOM reaches working draft status. This is cool stuff.

Super in-depth look at native form validation with

CSS FilterLab: Play with CSS filters interactively.

BootMetro brings the Windows 8 look to the web, based on Bootstrap.

Why Password Masking Can Hurt Your Sign Up Form

Jster: A catalog of Javascript libraries.

Kick-Start Your Project: A Collection of Handy CSS Snippets

5 Really Useful Responsive Web Design Patterns

Enjoy the content? Follow us on Twitter for more web tech news!

[divshot]

This Week in Web Tech #13

*Every week we post links about web technology and design to [our Twitter feed](http://twitter.com/divshot). Once a week, we roll those links up into a blog post we call **This Week in Web Tech**.* * We participated in the 2012 [Rails Rumble](http://railsrumble.com/entries/winners) and released [Revision.io](http://revision.io) a shareable changelog for software teams. We were honored to take 2nd place out of 500 teams! * [Splash Vector Graphics on Your Responsive Site](http://bit.ly/PwPCOe) * [A Simple Guide to Responsive Typography](http://bit.ly/QIQefN) * [7 Gorgeous Icon Fonts for Web Designers](http://bit.ly/RpamGD) * [The Future of Email Marketing and Newsletter Designs](http://bit.ly/RxilS6) * A List Apart talks about [Responsive Comping](http://bit.ly/QmIXRv), something Divshot can help make fast and easy. * [Symbolset](http://bit.ly/MDpw3H) uses OpenType to create amazing semantic symbol fonts (paid) * [How to Create Lazy-Loading Images for your Website](http://bit.ly/PDKuYq) * [Using Asymmetry in Web Design](http://bit.ly/R1qMlP) * [CSS and the Beautiful Future of Web Design](http://bit.ly/PEYgu4) * [Bootstrap Form Helpers](http://bit.ly/R9gfVH) * Jason Santa Maria on [Baseline Grids](http://bit.ly/Rb30nz) That's it for this week. If you want to keep up as we post, come [follow us on Twitter](http://twitter.com/divshot)!

[divshot]

This Week in Web Tech #12

*Each week we post links to interesting web technology and design content to [our Twitter feed](http://twitter.com/divshot). Once a week we roll those links up into a blog post we call **This Week in Web Tech**.* * [Why You'd Be Stupid to Bet Against HTML5](http://bit.ly/PJs6sN) * [Web Design is 95% Typography](http://bit.ly/L4XSM5) * Things feel more intuitive when you [create an illusion of physical space](http://bit.ly/PfP9Qi) * [The Semantic, Responsive Navicon](http://bit.ly/TbvQCU) * [Writing Scalable CSS](http://bit.ly/Qdmfiq), a style guide * [box-shadow vs. filter: drop-shadow](http://bit.ly/PkdbcZ) * [WebPlatform.org](http://bit.ly/OOGTH6) is a beautiful new web documentation site sponsored by pretty much everyone * [Designing Better Javascript APIs](http://bit.ly/QdIn9D) * Devs and designers, [don't fight about who's the bottleneck](http://bit.ly/TjtP7X) * The [Three Line Menu Navicon](http://bit.ly/Thag05) * Using [HTML5 Ranked Headings for Screen Readers](http://bit.ly/PpKuet) That's it for this week! Oh and by the way, we participated in the [Rails Rumble](http://railsrumble.com/entries/201-divshot) over the weekend. Check it out! Until next time.

[divshot]

This Week in Web Tech #11

Each week we post links about design and web technology to our Twitter feed. Once a week we round those links up into an epic blog post we like to call This Week in Web Tech.

Another week, another TWiWT! Today I'm subbing for anchor Michael Bleigh. 

Learn about the five types of CSS rules from the creator of SMACSS, Jonathan Snook.

Sweep the sleaze! iA says remove those "Tweet" and "Like" buttons.

Opinion: It's Not All Doom and Gloom on the Web. More good times ahead of us!

In case you didn't know, VideoJS is one awesome (and open source) HTML5 video player.

Microsoft announced TypeScript, a language for application-scale JavaScript development that compiles to JavaScript like CoffeeScript.

A Crash Course in Information & Visual Design. Required reading for design fundamentals!

Mobile is encouraging a more minimal approach to user interface design.

50 Free Web-Based Apps and Tools for Web Developers from 2012

UI/UX and Subjectivity: The difference between the newbies and the pros.

CSScomb: Groom and sort your CSS properties quickly.

Just another fad: Don't use automatic image sliders or carousels!

HTML5 APIs you didn't know existed like ContextMenu, datasets, and autofocus.

Get started with CSS custom filters by checking out these neat examples.

Save time with 10 Useful JavaScript Snippets. Check out #3!

Custom Drop-Down List Styling via Codrops.

Microsoft.com goes responsive. Learn about the process.

* { box-sizing: border-box } FTW

Give your checkboxes and radio buttons an extreme makeover with prettyCheckable

Come at me bro! Zurb Foundation vs. Twitter Bootstrap

And that's a wrap! We curate the best web tech content so you don't have to. If you want real-time updates don't hesitate to follow us on Twitter.

[divshot]

This Week in Web Tech #10

*Each week we post links about design and web technology to our [Twitter feed](http://twitter.com/divshot). Once a week we round those links up into a blog post we like to call **This Week in Web Tech**.* Has it been 10 weeks of TWiWT already? How time flies. * [Has responsive design killed Photoshop for web designers?](http://bit.ly/TdhQig) * From our own blog, some thoughts on mobile-first design, native apps, and the new [multi-device reality](http://bit.ly/QeiMjE) * [Responsive Images for HTML5](http://bit.ly/OdCY6o) * [Fokus](http://buff.ly/Pd2X9R): bring attention to certain page elements by fading everything else. * [equalize.js](http://bit.ly/QEDt7t): a jQuery plugin to help make elements the same across specified dimensions * [Brunch](http://bit.ly/IEbu2j): an HTML5 application assembler * Retina displays can be difficult: [Mo' Pixels Mo' Problems](http://buff.ly/TvpMvD) * Adobe launched their own directory of free, easily-embeddable webfonts with [Adobe Edge Web Fonts](http://buff.ly/PgqB5c) * Why it's [important to understand the DOM and layout structure](http://bit.ly/Tw9rqx) when designing web apps. * [HorizontalNav](http://bit.ly/L6JLgi): jQuery plugin that stretches a navbar to use all available space * We're sponsoring the [Rails Rumble](http://railsrumble.com) this year, and registration just opened today! * A list of [six expected web design trends in 2013](http://bit.ly/TpGUCT) * [Wait Until Exists](http://bit.ly/QivLkb) may be a faster version of jQuery(document).ready * The W3C has published a plan to [bring HTML5 to recommendation status in 2014](http://bit.ly/TbdWXi) * Is it possible to [screenshare a browser tab using HTML5](http://bit.ly/Q2INlT)? * [string.js](http://bit.ly/zyT7pR) provides some super handy string utilities in Javascript * Divshot was featured as one of [16 responsive designs that you can learn from](http://bit.ly/Pp5ca4) on Digital Telepathy * Here are [5 reasons responsive design is absolutely worth it](http://bit.ly/OpLIGv) * A [**huge** roundup of JS libraries and jQuery plugins](http://bit.ly/Qn2kO6) * What is the modern meaning of [unobtrusive javascript](http://bit.ly/QZMmGV)? That's it for this week! Remember, to catch these links as they come out, just [follow us on Twitter](http://twitter.com/divshot)!