Chris Stolk

34 Added | 1 Magazine | 8 Following | 3 Followers | @stolkchris | Keep up with Chris Stolk 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 “Chris Stolk”

Creating Interactive Video Experiences by Combining the Video and Canvas Elements | Intel® Software

One of the great things about working with the built-in goodies in HTML5 is the fact that these can be combined to create interesting interactive …

Instant PHP Servers

On The Cutting Edge<p>We install Nginx, PHP 7.2, MySQL, Postgres, Redis, and all of the other goodies you need on the cloud of your choice. No more …

PHP

A Complete Guide to Flexbox

BackgroundThe Flexbox Layout (Flexible Box) module (currently a W3C Last Call Working Draft) aims at providing a more efficient way to lay out, align …

Carrying Out Successful Research for a Web Project

Conducting research for your web project is really simple and it doesn't have to take up much of your time. By planning and breaking down it into a …

7 Things You Didn't Know You Could Do with CSS

7 Things You Didn’t Know You Could Do with CSS<p>By David Walsh on<p>29<p>CSS and JavaScript, believe it or not, are starting to overlap as CSS adds more …

Picturefill 2.0: Responsive Images And The Perfect Polyfill

<b>The difference between a CSS transition and a responsive image is, of course, how they degrade</b>. If a CSS transition doesn’t work, who really cares? …

css diff

CSS is the worst because it blocks page rendering. The bigger it grows, the more it blocks. And bigger is what CSS becomes if left unattended, as …

Web Design

progressive enhancement for JS apps

When progressive enhancement–offering a basic version of a feature that all clients can use as a default–was introduced as a concept, JavaScript …

JavaScript

Parallax Scrolling - Where Innovation Meets Web Design

AD<p>The Web is flooded with millions of websites featuring outstanding designs, including minimal, textured, illustrated, nature-inspired, boldly …

Getting to Know Gumby

Let me introduce you to Gumby; a flexible CSS framework, currently at version 2.5. Gumby is packed with useful features, which we'll examine …

Web Design

CSS Shapes 101

Rectangles inside other rectangles: this is what our webpages have always been made of. We’ve long tried to break free from their restrictions by …

Web Development

Progress Indicator Animation

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, …

Ancient History

Chrome DevTools Features You May Have Missed

In 2013, I posted a few tutorials on DevTools: Markup and Style, Networking and the Console and JavaScript and Performance, covering the basic …

PSD & Sketch designs to web, iOS and Android code

Inspect designs and export assets<p>Open Adobe XD CC, Adobe Photoshop and Sketch designs on macOS, Windows, and Linux, or in the browser. Generate CSS, …

My life in typefaces

Pick up a book, magazine or screen, and more than likely you'll come across some typography designed by Matthew Carter. In this charming talk, the …

Typography

How to Build a Page Scroll Progress Indicator With jQuery and SVG

Today we will be looking at a few techniques we can use to show scroll progress for users who are reading a page. This technique is being used on an …

3 Techniques to Make a Good Footer Great

We recently wrote about what your footer says about your business. You could say footers have been on our minds a lot. We've even asked ourselves, …

Visual Design

Improving UI Animation Workflow with Velocity.js | CSS-Tricks

By Chris Coyier On April 30, 2014<p><i>The following is a guest post by Julian Shapiro. Julian recently released Velocity.js, a more performant jQuery</i> …

Symbolism in Web Design and its Impact on Users’ Perception

Bookworms are referred symbolism to the late nineteenth-century art movement. It began spreading through Russia, France and Belgium as kind of …

Why Users Aren't Clicking Your Home Page Carousel

by anthony on 04/29/14 at 10:19 am<p>A website study found that out of 3 million home page visits only about 1% clicked a carousel slide. How could a …

9 Creative Footer Design to Increase User Interaction in Web App

Many people use internet every day, but if any person is asked about footer design, he might get the picture of remote in his eyes. This is because …

slick - the last carousel you'll ever need

Settings<p>Setting<p>Type<p>Default<p>Description<p>accessibility<p>boolean<p>true<p>Enables tabbing and arrow key navigation<p>adaptiveHeight<p>boolean<p>false<p>Enables adaptive …

JavaScript

Boost your mobile ROI through smart mobile site design

FEATURED<p>Grow your business faster with machine learning: Part I<p>Marketers are increasingly turning to Google’s machine learning to meet consumer …

How to use the infinite scrolling trend, the right way

Infinite scrolling has became a common design pattern in recent years.<p>With many high profile social networks adopting the solution, it’s come to be …

select-switch

Convert select box into switch. No need to move around your cursor :)<p>☞ Demo<p>This simply hides selectbox, so you can always reference to select element …

7 things I wish every search box did

It’s hard to imagine a product without search, yet it’s rare to see a product that does it well.<p>It’s one thing to say “let’s have search” and draw a …

Web Applications

The Cassette Tape as Responsive Design ⋆ Needmore Designs Blog

When I was growing up, my favorite medium for art was the music album. And while the LP Record was the “fine art” of the category, the humble …