Delicious

In this responsive age, generating images thumbnails is a common build step for many applications and websites. It is also quite a resources intensive and time consuming one. By combining Sharp with Gulp, we can easily build a very fast thumbnails-generation task.

An introduction to Eleventy (11ty). Contribute to jeromecoupe/iad_eleventy_introduction development by creating an account on GitHub.

The JAMstack, static site, serverless revolution has started. A lot of people working with clients think they can't use this amazing new architecture because their clients want very specific things. This site is meant to help you solve your clients' needs while getting to use the JAMstack!

I built a new little site! It’s a site for listing upcoming conferences in the world of front-end web design and development. In years past (like 2017), Sarah Drasner took …

Do you always need media queries to make a website responsive? With flexbox and grid you can make responsive layouts…

The Power of Serverless for Front-End Developers

Using Lunr to add client-site search to your static site

A11y-101 is an introductin to web accessibility. We'll have a look at accessibility from a designer's and a developer's point of view.

Structured data is a must-have for many sites, but it can be hard to get a handle on the technical considerations. Learn the important basics of JSON-LD and how to ramp up your education as you apply it.

Share to Facebook, Twitter, Google+, and other social networks using simple HTML buttons

A look at using Google APIs to add events to your static site.

Try JetBrains Mono in your IDE. Its simple forms and attention to every detail make coding a nice experience for developers’ eyes, no matter which IDE you choose.

Through our work as web developers, we need to hide elements for many reasons. For example, a button that should be visible in a mobile viewport, and hidden ...

Dependency-free plain JavaScript module for WCAG compliant tablists. Also great for accordions.

Home › Forums › ACF PRO › Show lowest value Solved Show lowest value lust3103 May 8, 2018 at 7:40 pm Hello I use ACF for differents formulas in my post. capture here I wish in my category page, display the services: if I have multiple formulas show the lawest price and hightest price for …

...

Content Warning: There are gifs in this post. Hey friends! Today’s writing is going to be a follow up to How Accessibility Taught Me to be Better At…

A *very* simple Wordpress Plugin for using the Google Calendar API to show a list of events in a widget. - soypunk/wp-plugin-google-calendar-events

One of our projects required displaying a list of upcoming events on a website. We wanted to enable the site editor to edit these events. We are working in OctoberCMS and it would have been fairly easy to just create a static list or a table, and have the user

Open Web Components provides a set of defaults, recommendations and tools to help facilitate your web component project. Our recommendations include: developing, linting, testing, building, tooling, demoing, publishing and automating.

A simple base class for creating fast, lightweight web components

Record VoIP calls from Skype, web streams from Safari, and much more.

Did you know that you can build custom dynamic color themes without the use of JavaScript or a CSS preprocessor!? Read on! | on Una Kravets' Blog

A symmetry drawing tool

For more information, see Gutenberg color palette and button styling. Gutenberg allows you to define a custom color palette for your theme. There are two aspects to setting it up:…

Oftentimes, we want to limit the width of an element relative to its parent, and at the same time, to make it dynamic. So having a base width or height with ...

CSSans Pro - The Colourful, Sassy, CSS Font. Contribute to ZeroSpree/CSSans.Pro development by creating an account on GitHub.