Delicious

218.3k Followers, 411 Following, 642 Posts - See Instagram photos and videos from Sara Tepes | 19 (@sarucatepes)

Keyboard-only focus using :focus-visible

Ever heard of 11ty? It's a simple static site generator written in JavaScript. In this tutorial, we craft a small e-commerce app, exploring its set of features in the process.

Google Analytics reports can literally save businesses, but you need to know where to look! In this post, we give you 5 examples of key GA reports that’ll put a smile on your clients’ face.

In this series of posts on video performance on the web, Doug Sillars takes a closer look at how video is being used today, what we can learn from it, and how to move forward in a way that promotes fast delivery and playback of video content on the web.

Making your website accessible for keyboard-only users is an important part of the bigger accessibility picture. Here are some keyboard accessibility tips you can quickly implement using basic HTML...

Accessibility of the world wide web hasn’t always been a number one priority for web developers (much to detriment of internet users)…

Menu with dropdown made only in css, with a line that follow the hover on the line...

Wide Eye is a full-service creative agency specializing in interactive design, web development, and digital communications for brands that change the world. Headquartered in Washington, DC.

Hello hello. Here’s a brief demo on how to integrate a php workflow with Bootstrap 4. Bootstrap 4 is a great framework...

I am trying to set 'active' classes onto the list nav elements on click. However, the add/removeclass runs before the new page is loaded, thereby setting the active class back to the index.php list

A best practice in how to organize your PHP files.

Figuring out the most robust, accessible markup for SVG Sprite Icons - accessible-svg-sprite-icons.md

I am looking for a php script or class that can minify my php page html output like google page speed does. How can I do this?

Follow these steps: 1. Switch to the branch. 2. Delete the old-name remote branch and push the new-name local branch. 3. Reset the upstream branch for the new-name local branch…

If you're working on a large-scale Vue application, chances are at some point you're going to want to organize the structure of your application so that

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mi enim, condimentum sodales volutpat vel, pulvinar in sapien. Sed non diam non orci tristique finibus. Mauris nisl est, porttitor n…

...

Accessible dropdown menu. GitHub Gist: instantly share code, notes, and snippets.

A simpler way to keep your project's CSS and JavaScript in sync - AllThingsSmitty/css-breakpoints-in-js

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mi enim, condimentum sodales volutpat vel, pulvinar in sapien. Sed non diam non orci tristique finibus. Mauris nisl est, porttitor n…

Front-end developers and web designers live in an insane multi-device reality. A few months ago, the Red Hat UXD team discussed how to design enterprise

A refresher on web accessibility and 3 practical rules that will stick to your mind and give you guidance on implementing a11y.

To be accessible, UI components need to work across multiple devices with varying screen-sizes and different kinds of input. Moreover…

📝 create a webpage with just markdown. Contribute to oscarmorrison/md-page development by creating an account on GitHub.

...

I'm trying to implement functionality that will allow users to navigate to the href of a dropdown list item's anchor on mobile devices on the second click. However, I only want this to happen if th...