Jeroen Schmit

48 Flips | 3 Magazines | @jhu | Keep up with Jeroen Schmit 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 “Jeroen Schmit”

Force Margin/Space Between List and Floated Image

If you’re displaying floated images in your posts, you may notice that margins of lists and other block-level elements seem to “collapse”, as shown …

Fixed Price Contracts for Agile Projects

Fixed Price Contracts for Agile Teams<p>Fixed price contracts are evil – this is what can often be heard from agilists. On the other hand those …

Creating a Swipeable Side Menu for the Web

Today, I will be sharing an experiment to replicate the behavior of the side menu, similar to what you’ve seen on <b>smartphone applications</b>, but this …

The JavaScript Behind Touch-Friendly Sliders | CSS-Tricks

By Kevin Foley On June 13, 2013<p><i>The following is a guest post by Kevin Foley. Kevin is a developer at Squarespace doing cool stuff with their</i> …

Web Development

A classic roasted Sausages pan cooked sticky onion chutney & sweet leek mash potatoes mmmm mm comfort food to the hilt!!:):):) big love #jamie http://bit.ly/11XEz5M

Jamie Oliver's fantastic cheat's pizza by EAT IT!

How to Identify WordPress Vulnerabilities

We all know that WordPress is the primary and most popular CMS system used on the internet. We also know that security in WordPress is not always …

Getting started with structured data

Creating a Portfolio With the All-New Dunked

What is Dunked?<p>Dunked is a simple solution for building an online portfolio Designers can use it to showcase a variety of projects, including print …

Web Design & Development News: Collective #65

Collective #65<p>May 26, 2013 View All<p>Screensiz.es * Picksum Ipsum * CSS Tube Map * Minimalect * Color Swatches * Free Fonts * Beat Petite * Free …

Entrepreneurs Define Risk Differently

by Deborah Mills-Scofield<p>Most people think entrepreneurs are willing to take on more risk than the average person. I’ve often wondered if that’s …

End Technologies - The Recipe

I follow people on Twitter who produce new things. Some people like to follow just blogs, but I like to see what the people who make things …

Time I

Examples of Pseudo-Elements Animations and Transitions

View demo Download sourceToday we are going to experiment with animations and transitions on pseudo-elements (:before and :after) and we are going to …

Flexbox Is As Easy As Pie: Designing CSS Layouts

There are, however, some caveats. The specification changed between the implementation in Internet Explorer (IE) and the release of IE 10, so you …

Essential WordPress Plugins List Including New Search Engine Optimization Favorite

Almost a year ago, I wrote an article about page speed. I listed a few things necessary to make your WordPress site load faster and use fewer …

Using schema.org markup for organization logos

How To Avoid Duplicate Downloads In Responsive Images

For situations in which a browser doesn’t know how to deal with <picture> (or <video> or <audio>) or cannot render any of the <source> elements, a …

Line Clampin' (Truncating Multiple Line Text) | CSS-Tricks

By Chris Coyier On May 7, 2013 line-clamp, truncation<p>You want X lines of text. Anything after that, gracefully cut off. That's "line clamping" and it …

How to Build a Responsive Slide-Down Navigation Menu

Setting the Document<p>The top heading area contains a small selection of files we need to create this effect. I am including a custom stylesheet along …

Are You Putting the Home Button to Good Use?

I have a three-year-old daughter going through a struggle at the moment. It’s time for her to give up the teddy bear that follows her wherever she …

How to Code an Expanding HTML5/CSS3 Search Input Field

Building a Simple Form<p>I do not want to have the demo forms actually submit anything, so I am using JavaScript for stopping the submit event. But the …

Password Protection

Wanted: 25 special customers.

McGrane: Kill Your CMS

THE ERA of “desktop publishing” is over. Same goes for the era where we privilege the desktop web interface above all others. The tools we create to …

Six Secrets of Web Design Freelancers!

Web designers are a particular <i>(and often seen as a peculiar)</i> breed of human being. It takes something special to work effectively in this field, …

Happy Cog: Building Hand-Crafted Websites

OUR FRIENDS at Typecast shot a video of some of Happy Cog’s designers discussing readability in design and the importance of great type tools to our …

Style Tiles

Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the …