Tom Schreck

91 Flips | 8 Magazines | 27 Likes | 3 Following | 10 Followers | @tomschreck92 | Keep up with Tom Schreck 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 “Tom Schreck”

Applying srcset: choosing the right sizes for responsive images at different breakpoints

How to choose the correct pixel width of your images based on common viewports and the size of the image in your design.<p>There are several great …

Responsive background images with srcset and sizes

I'm an evil data hoarder (certainly!) and like to use cookies (yummy!) for anonymous user analytics (boooh!).<p>Fine, grab my data<p>10 January 2017<p>A while …

The 100% correct way to do CSS breakpoints

“Is the medium breakpoint <i>up to</i> 768px, or including 768? I see… and that’s iPad landscape, or is that ‘large’? Oh, large is 768px <i>and up.</i> I see. And …

Angular architecture patterns — Detailed project architecture

Welcome back to series of blog posts about architectural patterns for frontent web applications. The code examples are written in Angular 4 but the …

Angular architecture patterns — High level project architecture

These series of articles have arisen after months of research and work on Angular 2 projects. It’s based on experience and observations while trying …

Architecture in Angular projects

One year ago, I published <b>Understanding Angular modules (NgModule)</b>. This post was focused on a technical point: scope, to know when to import a …

How to build and publish an Angular module

When I created angular-async-local-storage, it was easy to create an Angular module and use it directly in my app. But as it could help other …

How To Iterate Your Way To A Winning Content-Driven Website

If, like me, you spend most of your days working on content-driven websites, you can feel left out of the cool kid's party. Best practice like Agile, …

Tutorial: User Interface Testing with Jest and Puppeteer

I started to consider <b>testing with Jest and Puppeteer</b> right after the library came out. Puppeteer has quite an interesting API.<p>In the following post …

Small Ways to Conduct User Research That Can Make A Big Impact

We’ve worked with many amazing clients who had to be careful about their budget or needed a project completed rather quickly. You may be one of those …

The 10 UX Deliverables Top Designers Use

Regardless of the environment or size of a project, UX professionals need a variety of deliverables to help facilitate design communication with …

Universal Web Design Principles That Improve Usability And Conversion

I used to spend thousands of dollars hiring designers to create some fancy-looking web pages only to find out that they did nothing to improve my …

5 Ways to Make Sure Your Landing Pages Connect With Your Visitors

Can I be completely transparent with you?I used to really<i></i> hate creating landing pages.You might think I have no reason to complain because I’ve been …

UI Motion: A Beautiful Problem Solver to Improve UX

Why do users love motion so much?<p>The answer is simple, because motion supports the essence of real-time interaction. It creates the same emotional …

UI Design

The Building Blocks of Visual Design

<i>Visual design is about creating and making the general aesthetics of a product consistent. To create the aesthetic style of a website or app, we work</i> …

UI Design

42 great usability-testing tools and resources for 2017

Techniques 20–22 of “Tools for UX and CRO: The Ultimate Guide for 2017” This is one of a series of articles. In the first part of the series, we …

10 Ways to Get More People to Read Your Content

As well as the right information expressed in the right language, it needs to be presented in such a way that the message is clear and the key points …

Facebook Pages Just Got a Lot More Customizable-Here’s What You Need to Know

Back in 2006, creating a Facebook Page was mind-numbingly simple. You picked your URL, uploaded a picture, filled out a few boxes, and that was it. …

25 Best JavaScript Libraries For 2017

JavaScript libraries are an incredibly useful tool for any designer or developer to be familiar with. They can add some super powerful functionality …

Pixel-Perfect Specifications Without The Headaches

Designers, developers and managers often work with compressed timeframes and multiple projects simultaneously. <b>A team must be able to respond quickly</b> …

Best Interaction Design Tools

by Bradley Nice, Content Manager at ClickHelp.co — best technical writing tool<p>Interaction design is a process in which designers focus on creating …

Designing With Human Centered Usability Standards

Standards and best practices are tools that UX designers rely on, to help us focus our work and ensure we design for the end-user, and not just for …

UX Design

The Best UX/UI Designer Tools, Resources, Blogs & Books Collection

It can be intimidating to get into user experience, but don’t fear: there’s plenty of help around. To help you navigate that sea of information, we …

Five Customer Experience Lessons Coffee Taught Me

<b>When I was 12, my dad taught me to drive in a 1979 VW Rabbit Diesel with a 4-speed manual transmission. We were on a dirt road back near a so-called</b> …

The Art Of Meaningful UX Design

Marketeers, Consumer Product developers & Sales Communities would agree that getting your customers’ captive attention and being able to influence …

Customers

The Developer's UX Checklist

There seems to exist a stark distinction between developers and UXers nowadays: you are either a developer or a UX practitioner, right? Well, as …

UX Design

Style Guide Driven Development with Atomic Docs

<i>The following is a guest post by Nick Berens, a senior front-end developer at wisnet.com. Nick and his team have been building websites through</i> …

New skills in web design

Our industry is evolving at a dizzying rate, and it seems to develop faster and faster each year. Knowing what to focus on in order to stay up to …