CSS

quote-machine

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 …

HTML

Stickybits: an alternative to `position: sticky` polyfills | CSS-Tricks

By Jeff Wainwright On June 25, 2017 sticky<p>Stickybits is a small JavaScript utility plugin. It's goal is not to get in the way. It does one thing …

Web Development

Collective #326

Inspirational Website of the Week: Macau Design BiennialA modern design with lots of great interaction details. Our pick this week. Get inspired <br>Our …

JavaScript

Nail your HTML with this cheat sheet

While many great website builders and beautiful free themes make building your own portfolio site easier than ever, a little knowledge of HTML is …

Python Programming

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 …

XHTML

Type-Safe HTML in Swift

As server-side Swift becomes more popular and widely adopted, it will be important to re-examine some of the past “best-practices” of web frameworks …

HTML

Custom Properties | Codrops CSS Reference

Custom properties define a new value type in CSS that allows for the use of variables through the var() function.<p>One of the most commonly cited …

Add CSS and JavaScript Files to Phabricator Extensions

Every open source framework has its own methods of extending functionality; some make extending incredibly easy and others…not so much. Most of the …

JavaScript

How to Style Individual Categories Differently in WordPress

Do you want to style categories differently in WordPress? Most WordPress themes use the same style for all category archive pages. However, if you …

Web Design

4 Things I Know About Pattern Libraries

Dave shared some battle-earned insights about working in a pattern-driven manner and creating pattern libraries. I love his thoughts on the topic, …

What Does a Well-Documented CSS Codebase Look Like?

In the front-end community, there is a lot of attention related to documenting JavaScript. That's not so much the case with CSS. Often times I feel …

Web Development

Using CSS variables correctly

June 18, 2017<p>CSS Variables (also known as Custom Properties) are now supported in all modern browsers and people are starting to use them production. …

Web Development

Oh No! Our Stylesheet Only Grows and Grows and Grows! (The Append-Only Stylesheet Problem)

This is a real worry these days. I've heard it from lots of lots of developers. The years tick by on their projects, and all they ever seem to do is …

Web Development

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

Building an academic website using blogdown

You’ll get the quickest pay-off by adding your avatar photo to your static/img folder, then editing the config.toml. Add your contact information, …

Education

Collective #323

This content is sponsored via Syndicate AdsGet Your Next Tech Job Faster. Get HiredOn Hired, companies apply to you. Get in front of 6,000 innovative …

Web Development

Unwrapping the Secrets of SEO: Hacking Your Way to Greater Online Visibility

<b>Apple recently completed its World Wide Developers Conference, announcing a slew of new tech toys for consumers and businesses. Yet, when I searched</b> …

SEO

HTML to WordPress App Review: A Genius Site Converter

After stumbling upon the HTML to WordPress app, I began to wonder what the point of it was.<br>Why? I had never had the need to convert an HTML site to …

HTML

Okay CSS Selectors, let’s get in Formation

<i>This post was inspired by fellow Flatiron Learner, CJ.</i> <i>Check out: A Game of CSS Selectors.</i><p>Like CJ, I am really excited about CSS selectors.<p>My coding …

Web Development

Designing a simple web page with mini.css

<i>In this series, we will be walking through some basic ideas and techniques that will help you get started with</i> <i>mini.css</i><i>, as well as understand the</i> …

CSS Framework

A sky full of stars

See the Code - See it Full Page - See DetailsThis Pen uses: HTML, SCSS, JavaScript, and

HTML

Release Notes

Is your company’s website built in Adobe Experience Manager (AEM)? CMS Connect lets you bring your AEM content, such as headers, footers, and …

JavaScript

Designing a simple web page with mini.css

Typography basics<p>Let’s talk typography first. Mini.css provides you with a nice predefined style for all textual elements (paragraphs, headings, …

CSS Framework

CSS Shapes, clipping and masking – and how to use them

The release of Firefox 54 is just around the corner and it will introduce new features into an already cool CSS property: <b>clip-path</b>.clip-path is a …

Software Development

Wing – Minimalist CSS Framework Web Designers Want

The frontend ecosystem is full of <b>open-source frameworks</b> made to improve your development process. Usually, everyone wants something different from …

CSS Framework

Create that Component #3

This is a series where I design and code various common UI components with React and <place CSS solution here>.<p>In this episode we are going to create …

JavaScript

Using CSS Variables (correctly)

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

Embracing the power of styled-components

As I mentioned before, we have been using CSS Modules for a while and they were working <i>just fin</i>e. That said, there are some drawbacks:<p>The components …

Web Development

How Pure CSS Images Helped Me Understand React Components

In early 2016, I got so fatigued while trying to learn React that I almost gave up on being a developer. Impostor syndrome consumed me. Now, I am a …

Web Development