darren colson

37 Flips | 2 Magazines | 58 Likes | 1 Follower | @darrencolson | Keep up with darren colson 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 “darren colson”

CSS Top 10 Articles for the Past Month (v.May 2018)

For the past month<b>,</b> we ranked nearly 1,000 CSS articles to pick the Top 10 stories that can help advance your career (1% chance).<p>Topics in this list: …

Top 10

Beginner's guide to SASS

Let’s face it, writing css is messy. More so when reviewing the code which other people have written. I find SASS is the answer to that. It helps you …

CSS

Best Practices With CSS Grid Layout

Best Practices With CSS Grid LayoutBest Practices With CSS Grid LayoutRachel Andrew 2018-04-16T13:35:19+02:00 2018-05-03T13:35:22+00:00An …

Web Design

Web Development Top 10 Open Source (v.Feb 2018)

This is a new monthly series<p>For the past month<b>,</b> we ranked nearly 200 Web Development Open Source Projects to pick the Top 10.<p>We compared projects …

How I design with CSS grid

After a couple of rounds of introducing CSS grid to people who haven’t tried it before, I found it wasn’t the implementation of grid that people …

50 amazing tools for developers 2018

Best tools for developers: Quick links<p>Another year has ended and the tooling landscape has become simultaneously more exciting and more complex. …

Web Design

Learn Web Development from Top Articles of the Year (v.2018)

Between Jan~Dec 2017, we’ve compared nearly 16,000 Web Development articles to pick the Top 45.<p>We believe learning from web developers who have …

Learn Flexbox for free

Flexbox is a must-have skill for front-end developers<p>Once you've learned Flexbox, you'll wonder how you ever managed to build websites without it. It …

JavaScript

New website & some new CSS tricks

My first idea was to make a narrow container for the left column and a wide container for the right columns placing different grids in each of these …

CSS

Finding Dead CSS

During a performance workshop I was running this week, I was reminded of a technique for finding dead CSS on a live site. Note that I’m purposely not …

CSS

CSS Grid Video Course

Hey! These are the starter files and finished solutions. Grab the full course over at CSSGrid.io.<p>Course FAQ<p>Q: I'm getting Browsersync Couldn't open …

10 Awesome CSS3 Tricks

This article will introduce you to 10 CSS3 tricks that will enhance your website.<p>When CSS was developed around 1995, you could not do much with it …

Learn CSS Grid for free

CSS Grid is a revolution and will become a must-have skill for front-end developers<p>This new CSS module makes it easier than ever to create website …

10 Dev Talks & Presentations on the Future of CSS

Every year it seems like there’s more web development and UX conferences. They include a bunch of speakers who share the latest industry happenings …

Web Design

10 Examples of Responsive Text Techniques

When designing a responsive website, we often spend most of our time ensuring that items such as layouts and images work properly on smaller screens. …

Web Design

11 Beginner Knitting Tutorials For When You're Bored On Winter Break

<i>Bustle and Coveteur are working together to bring you the best mix of the season's hottest releases, shopping tips, and gifting ideas in ways that</i> …

How to make your HTML responsive by adding a single line of CSS

Image credit: UnsplashIn this article I’ll teach you how to use CSS Grid to create a super cool image grid which varies the amount of columns with …

CSS

The Story of CSS Grid, from Its Creators

<b>A note from the editors:</b> We want to thank the Microsoft Edge team for sharing transcripts of the interviews they conducted with many of the brilliant …

Web Development

How to write better CSS with BEM

This blog and video are especially for Developers who want to optimize their CSS. It is very important to have readable CSS, for your teammates and …

How to Sew a Button: Your 60-Second Guide | The Art of Manliness

You might think that sewing isn’t a manly skill, and rely on your mom or wife to replace buttons for you when they’ve popped off a shirt or pair of …

20 essential browser extensions for web pros

Modern web browsers are tremendously versatile, to a large part by virtue of the wide range of third-party extensions that can be used to add extra …

What is JSON? JavaScript Object Notation explained

JavaScript Object Notation is a schema-less, text-based representation of structured data that is based on key-value pairs and ordered lists. …

Databases

Relive Jim Henson’s Fantasy Epic With THE DARK CRYSTAL Board Game

35 years ago, puppeteering legends Jim Henson and Frank Oz released their first non-Muppets feature film: the fantasy epic <i>The Dark Crystal</i>. Although …

Create a responsive layout with CSS Grid

CSS Grid Layout is growing in browser support every day and we can ship CSS Grid to production. The quick adoption of CSS Grid has been truly …

How to make jerk pulled pork with spicy crispy rice

<b>Jerk pulled pork with spicy crispy rice</b><p>Serves 6<p><i>2kg shoulder of pork, skin on but not scored<br>1 red onion, sliced<br>​200ml chicken stock<br>For the marinade<br>1</i> …

Building Production-Ready CSS Grid Layouts Today

Industries often experience evolution less as slow and steady progress than as revolutionary shifts in modality that change best practices and …

Web Development

An Introduction to the `fr` CSS unit

With all the excitement around CSS Grid, I haven't seen as much talk about the new fr CSS length unit (here's the spec). And now that browser support …

CSS

How to Mend Rips in Clothes

The clothes used in this tutorial had been sitting on my ‘to do’ shelf with rips in them for well over a year. It was time to fix them and make a …

An Example of Nesting Flexbox inside CSS Grid

The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.<p>↑ Insert the most common viewport …

Web Development