CSS

Vertical rhythm with calc, CSS Custom Properties and 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

Never Run Out of Content: More than 70 Places to Curate Great Content

It's a full-time job to build and maintain your brand, so check out these go-to places to share content.<p>This story originally appeared on Buffer<p>Curating top content from around the web is a great strategy to increase your social media reach. For example, we grew our Facebook reach tremendously with …

Digital Marketing

Which Programming Language Should I Learn First?

Once you’ve decided to learn to code, one of the hardest questions you’ll ask yourself is: <i>which programming language should I learn first?</i> Let’s look …

Monty Python

Understanding CSS Variables

CSS variables, or “CSS Custom Properties”. It allows you to work with variables directly in CSS. They are very useful for reducing repetition in CSS, …

Web Development

The best “styling in React” tutorial you’ve ever seen

Alright, look. There’s no way for me to know how many “styling in React” tutorials you’ve seen, although I suspect not very many. If you haven’t seen …

JavaScript

Getting data from the web: scraping

Web scraping<p>What if data is present on a website, but isn’t provided in an API at all? It is possible to grab that information too. How easy that is …

Web Development

Why CSS Grid is better than Bootstrap for creating layouts

CSS Grid is a new way of creating layouts on the web. For the first time ever we have a proper layout system available natively in the browser, which …

Web Development

Background image manipulation using CSS

I think that it is best to learn by doing, so I highly recommend following along in all my tutorials. To follow along start by making a new project …

Web Development

CanvasJS Charts v2

CanvasJS Charts v2 - Responsive HTML5 Charts with 10x Performance.. Discover 7 alternatives like HTML 5 UP and HTML to Wordpress

Product Hunt

How to prototype websites quickly with CSS Grid

The CSS Grid module is a fantastic tool for creating mockups of websites. It allows you to experiment with the layout faster than any other system …

Web Development

a Lightweight, Responsive and Modern CSS Framework

Spectre.css is a lightweight, responsive and modern CSS framework.<p>Spectre is a side project based on years of CSS development work on a large web …

Web Development

FAQ

<b>Conference Details:</b><p><b>When and where does HOW Design Live 2018 take place?</b><br>HOW Design Live 2018 takes place April 30 through May 3, 2018 at the Hynes …

A Smashing CSS Grid webinar, the Firefox CSS Shapes Highlighter, and a lovely travel site for your inspiration

News<p>Issue 122<p>I hope my American readers had a lovely Thanksgiving and are refreshed for the final weeks of 2017. My calendar is filling up with 2018 …

Web Development

CSS for Teams: Building Organization Collaboration Through Styling

Things I love:<p>Clean, organized, performant code<br>• Collaboration across teams<br>• Creating usable interfaces<br>• CSS<p>With those passions in mind, I’ve been enjoying …

Web Development

stylesheets in FXML (JDK 9)

doesn't work after update to JDK 9.Caused by: java.lang.IllegalArgumentException: Unable to coerce @MainView.css to class java.net.URL.Can you help …

Java

☑️ CSS-only Todo List Checkbox Animation

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

[Day 3] Zero to MVP in 30 Days — First Doubts & Pivot

In this series I’ll validate a new idea. Read about the concept here (Day 0) and the idea here (Day 1).This Saturday started with a long list of …

APIs

Sweetsour

A template string CSS parser and pipeline adhering to the ISTF spec<p>🍭<p>This is a reference implementation of a CSS (-in-JS) parser, accepting both CSS …

JavaScript

Learn Bootstrap 4

Bootstrap 4 is one of the most popular web front end framework for building responsive websites and application.<p>It provides an inbuilt component of HTML and CSS. Also includes an optional JavaScript Extension.<p>Latest version of Bootstrap framework.<p>Bootstrap frameworks simplify the process of adding …

HTML

CSS Grid for browsers that don't support grid, aspect ratios, flexbox alignment and a special offer.

Learn<p>My latest article for Smashing Magazine gets into the subject of what to do about browsers that don't support grid layout. I want to remind you …

Web Development

Codevember Day #13

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

Tailwind CSS — Building a Login Page

Tailwind CSS — Building a Login Page<p>Finally, after months of waiting, Tailwind CSS has just been released. Through this post, I intend to build a …

Web Development

Veerle's Blog

A meticulously curated place of repose, a wellspring of inspiration<p>Nurture your creativity! Please sit back and soak in all the design goodness I …

Graphic Design

Bootstrap Layout with 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

Alignment button

Web Development

CSS 101: Selectors

CSS ( Cascading Style Sheets ) is a language that allows you to describe the styles your markup should have. For a long time, I took CSS for a very …

Web Development

Why learning to code makes you a better designer – Muzli -Design Inspiration

Here we go…<p>I made my first website writing HTML (and maybe CSS, don’t remember) approximately 15 years ago, long before I knew what a designer does …

Design

Single div CSS Cheese #codevember

About the <head><p>In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. If you need things …

Web Development

Declining Complexity in CSS

At the end of last week, I posted this picture to Twitter and Facebook, and on Twitter it kind of took off.<p>My intent in posting it was to say, in not …

Web Development

CSS for Teams

Things I love:<p>Clean, organized, performant code<br>• Collaboration across teams<br>• Creating usable interfaces<br>• CSS<p>With those passions in mind, I’ve been enjoying …

Web Development