sterie

234 Flips | 12 Magazines | 3 Following | 6 Followers | @sterie | Keep up with sterie on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “sterie”

Checkbox Trickery with CSS

Checkboxes are great. Combine them with the right CSS and you can pull off some really neat tricks. This article aims to showcase some of the …

Learn Version Control with Git for Free

As the makers of Tower, the best Git client for Mac and Windows, we help over 100,000 users in companies like Apple, Google, Amazon, Twitter, and …

HTTP2 for front-end web developers

HTTP1.x is the version of HTTP we are all familiar with. It's an old protocol that was designed before we knew what the world wide web would become. …

Web Development

Designing Case Studies: Showcasing A Human-Centered Design Process

Smashing Newsletter<p>Upgrade your inbox and get our editors’ picks twice a month.<p>With useful tips for web devs. Sent 2× a month.<br>You can unsubscribe any …

Getting Started with JavaScript for Automation on Yosemite – MacStories

Last month I wrote an article for MacStories on the extensibility and automation changes in OS X Yosemite. The second half was a basic overview of JavaScript for Automation (JXA) (the new addition to OS X scripting languages) joining AppleScript. Before writing that section of the article, I wanted …

Learn Version Control with Git

3 Reasons to Learn Version Control with Git<p>Use what Ruby on Rails, jQuery<br>and the Linux Kernel Use<p>Top projects like the Linux Kernel, Ruby On Rails, …

5 Creative Uses of Favicons

A picture is worth a thousand words, even if the picture is a 16×16 pixel <b>favicon</b>. The favicon (also known as favorite icon) has been a part of the …

Google Ventures: Your Design Team Needs A War Room. Here’s How To Set One Up

Want to foster creativity? Skip the foosball table and opt for a war room instead. Google Ventures’s Jake Knapp shows you how. Plus: a peek inside Google Ventures’s own war room<p>In the last two years at Google Ventures, I’ve done design sprints with more than 80 startups. One of the simplest tricks …

Fostering a Collaborative Design Process

Smashing Magazine just wrote a great piece on Designing With Your Clients. This is a topic that I’m super passionate about. I’ve had a lot of …

Practical Tips for Web and Mobile Usability Tests

Damian Rees, Co-founder of Experience Solutions, helps explain how he adapted website usability testing for the most optimized experience. Because anyone can use the Internet, one of his core principles is setting criteria and expectations up front so that your tests proceed with the right level of …

User Interface Designer

About these guidelines<p>These guidelines describe how to design apps that follow the official HIG for iOS by Apple, not what you can do with custom …

13 Common SEO Mistakes to Avoid

Online marketers spend a lot of time demystifying Search Engine Optimization (SEO), from the jargon and rules to new updates and algorithms. As the technology continue to advance, what you might know about SEO a year ago may no longer apply today.<p>Since SEO can be quite complex in its ever-adapting …

The Good, The Bad And The Great Examples Of Web Typography

10 min read<p>Share on Twitter or LinkedIn<p>Smashing Newsletter<p>Upgrade your inbox and get our editors’ picks twice a month.<p>With useful tips for web devs. …

Pull Menu - Menu Interaction Concept

About External Resources<p>You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you …

Decoupling HTML From CSS

9 min read<p>Share on Twitter or LinkedIn<p>Smashing Newsletter<p>Upgrade your inbox and get our editors’ picks twice a month.<p>With useful tips for web devs. …

Workflow Is The Most Impressive Productivity App We've Ever Seen

Imagine you could create a single button on your iPhone that does whatever you want.<p>Want to order an Uber for your next Calendar event? Easy. Want a button designated for calling mom? Done. Wish you could tap a button and get directions to the nearest coffee shop? Who wouldn't? Want to tweet the …

Apps

Web animation & UX resources

Animation & UX Resources<p>Are you looking to get started with web animation? Awesome! Here are some of my favourite resources for learning about web …

Animation

Images Are King: An Image Optimization Checklist for Everyone in Your Organization

We all know the expression “content is king.” But if we want to be more specific, we really need to clarify that, on the web, images are king. (As a …

Semantisches HTML5: 10 Elemente, die du wahrscheinlich falsch nutzt

Eines der wichtigsten Features von HTML5 ist die Möglichkeit, Inhalte in einen semantischen Kontext zu setzen. Gerade Googles Hummingbird zeigt uns, …

Design

Flexbox Based Responsive Equal Height Blocks With JavaScript Fallback — Osvaldas Valutis

After I’ve published the post on how I had implemented responsive equal height blocks into Readerrr, I received some useful feedback from the …

How To Create Your Own Front-End Website Testing Plan

14 min read<p>Share on Twitter or LinkedIn<p>Smashing Newsletter<p>Upgrade your inbox and get our editors’ picks twice a month.<p>With useful tips for web devs. …

UX Archive

Pinterest<p>Social Networking<p>Splash screen Welcome Sign up Sign up Sign up Sign up form Hello Topic list Topic selection Topic selected Social connect …

Effective Message Framing To Motivate Users

Smashing Newsletter<p>Upgrade your inbox and get our editors’ picks twice a month.<p>With useful tips for web devs. Sent 2× a month.<br>You can unsubscribe any …

Hover Effect Ideas | Set 1

Card Sorting Beginner's Guide – Improving Your Information Architecture

Smashing Newsletter<p>Upgrade your inbox and get our editors’ picks twice a month.<p>With useful tips for web devs. Sent 2× a month.<br>You can unsubscribe any …

lazysizes - the ultimate lazyloader for responsive images, iframes and widget

responsive image with the picture element<p><b>automatic sizes feature</b>: In case of lazy loading images the sizes attribute of the img/source elements can …

the new code – not found – blog / 936