Jeremy wrote a nice article on Pattern Sharing, sparked by the Code for America Style Guide. A first look at the style guide might tell you it’s just a pattern primer, yet the menu reveals that the style guide also holds a few templates to use. In order to see the code used for the […]
During the era of Print Design, companies would approach agencies for a brand identity system. The identity work started with a simple logo and color scheme and then scaled to business cards, product packaging, vehicles and more. The sum of these components made up the physical brand. Building webpages is not so different. Be sure […]
Keep multiple browsers & devices in sync when building websites. Open-source alternative to the aforementioned Ghost. Also ships as a Grunt plugin/task. browser-sync (GitHub) → Grunt browser-sync (GitHub) → Getting started with BrowserSync → (via + image credit: Addy Osmani)
Reach out your tentacles to a broad range of people who subscribe to your emails. Our CSS framework helps you craft HTML emails that can be read anywhere on any device. Gone are the days where you had to choose between Outlook and email optimized for smartphones and tablets. Ink’s responsive, 12-column grid blends flexibility […]
Every time you see 320px, 480px, 768px, 1024px used as breakpoint values, a kitten gets its head bitten off by an angel … or something like that. — from 7 Habits of Highly Effective Media Queries by Brad Frost.
Magnific Popup is a responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device Magnific Popup →
Must hand it out to Adobe: that’s neat!
Check out this Pen! Did you know that one of the most powerful tools for fluid and responsive layout has been a native feature for every browser since HTML4? A tad ugly due to those hardcoded placeholders, but sometimes you have to break a few rules to get an easy to work with result. Text-align: […]
Ghostlab synchronizes scrolls, clicks, reloads and form input across all connected clients. This means what you’re testing is not the simple page load, but the full user experience. The concept behind it is dead simple actually: start a webserver serving the project and inject some .js which keeps all connected browsers in sync using websockets. […]