Search

Nalezeno "5 things": 1204

CSS-Tricks Chronicle XXXV


I like to do these little roundups of things going on with myself, this site, and the other sites that are part of the CSS-Tricks family. I spoke at Smashing Conf San Francisco. There's a video! I can't embed it here because of privacy settings or something, so here's a link to the Vimeo. It's...

Getting To Know The MutationObserver API


MutationObserver watches the DOM, specifically the places you tell it to, like: document.querySelector('#watch-this'); ...and it can tell you (trigger a callback) when stuff happens — like when a child is added, removed, changed, or a number of other things. I used it just the other day...

10 Awesome Things from MS Build Day 1


Microsoft Build is packed with gazillion announcements, fun activities, people and it's so much to fit into one article. I won't be doing justice to the event by trying to fit everything that happe

Naming things to improve accessibility


I like the this wrap-up statement from Hidde de Vries: In modern browsers, our markup becomes an accessibility tree that ultimately informs what our interface looks like to assistive technologies. It doesn’t matter as much whether you’ve written this markup: in a .html file in Twig, Handlebars...

Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!


Oh, the Many Ways to Make Triangular Breadcrumb Ribbons Let’s have a look at how we can create a row of links that sorta run into each other with a chevron-like shape and notch on each block like you might see in a hierarchical breadcrumb navigation. You’ve probably seen this pattern a lot....

Moving from Gulp to Parcel


Ben Frain just made some notes about the switch from Gulp to Parcel, a relatively new "web application bundler" which, from a quick look at things, is similar to webpack but without all the hassle of setting things up. One of the things I’ve always disliked about webpack is that you kinda have...

Preload, prefetch and other link tags


Ivan Akulov has collected a whole bunch of information and know-how on making things load a bit more quickly with preload and prefetch. That's great in and of itself, but he also points to something new to me – the as attribute: <link rel="preload" href="/style.css" as="style"...

Could Grouping HTML Classes Make Them More Readable?


You can have multiple classes on an HTML element: <div class="module p-2"></div> Nothing incorrect or invalid there at all. It has two classes. In CSS, both of these will apply: .module { } .p-2 { } const div...

Inclusively Hidden


Scott O'Hara recently published "Inclusively Hidden," a nice walkthrough of the different ways to hide things on the web. Nothing is ever cut and dry when it comes to the web! What complicates this is that hidden begs the question: hidden for whom? Different answers to that have different...

Creating Reusable Base Classes in TypeScript with a Real-Life Example


Hey CSS-Tricksters! Bryan Hughes was kind enough to take a concept from an existing post he published on converting to TypeScript and take it a few couple steps further in this post to elaborate on creating reusable base classes. While this post doesn’t require reading the other one, it’s certainly...

Community Coding For The Web


Open source barriers Right now, it's too hard to contribute to open source. This leads to a few things that are bad: People who have good ideas don't co

Make it hard to screw up driven development


Development is complicated. Our job is an ongoing battle between getting the job done and doing that job in a safe, long-lasting way. Developers say things like, "I'm just going to do this quick and dirty first," because it's taken as fact that if you code anything quickly, it not only will...

Form Validation in Under an Hour with Vuelidate


Form validation has a reputation for being tricky to implement. In this tutorial, we’ll break things down to alleviate some of that pain. Creating nice abstractions for forms is something that Vue.js excels at and Vuelidate is personally my favorite option for validations because it doesn't require...

The 10 Things We Built on Twitch in March


This year feels like it's on moving too fast! March is done and it was an eventful month for us here at Scotch. We've gotten the following done: Scotch home page redesign launch

Scroll-Linked Animations


You scroll down to a certain point, now you want to style things in a certain way. A header becomes fixed. An animation triggers. A table of contents appears. To do anything based on scroll position, JavaScript is required right now. You watch the scroll position via a DOM event and alter...

All About mailto: Links


You can make a garden variety anchor link (<a>) open up a new email. Let's take a little journey into this feature. It's pretty easy to use, but as with anything web, there are lots of things to consider. The basic functionality <a href="mailto:someone@yoursite.com">Email...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace