Could Grouping HTML Classes Make Them More Readable?
Could Grouping HTML Classes Make Them More Readable?

Share this: 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 = document.querySelector("div"); console.log(div.classList.contains("module")); // true console.log(div.classList.contains("p-3")); // false But what about grouping them? All we... » read more

Link Building: Site Directories

Matthew Louisville Cloud – SEO – Web Design An easy way to build backlinks is through directory submissions.  Anything hard though is worth more, so keep in mind directory submissions don’t carry the weight that in content links will.  With that said there is still diluted value in link directories, just don’t focus on them.... » read more

Tabs: It’s Complicated™
Tabs: It’s Complicated™

Share this: I’ve said before one quick and powerful thing you can learn as a front-end developer just getting starting with JavaScript is changing classes. const button = document.querySelector(".my-button"); const element = document.querySelector(".content"); button.addEventListener("click", function() { element.classList.toggle("sparkles"); }); We could use that skill to build some tabs, right? Right. We got this. Say we have... » read more

Hands-On with History
Hands-On with History

Please link source article Hands-On with History We all absorb information in different ways. Some can read through pages of textbooks and come away with a wealth of new knowledge. Others may require visual or audio aids. Then there are those who respond best to interactive exhibits and displays. The ability to get hands-on with... » read more

Clever code
Clever code

Share this: This week, Chris Ferdinandi examined a clever JavaScript snippet, one that’s written creatively with new syntax features, but is perhaps less readable and performant. It’s a quick read, but his callout of our industry’s fixation on cleverness is worth… calling out: …we’ve become obsessed as an industry with brevity and clever code, and... » read more

The Power of Named Transitions in Vue
The Power of Named Transitions in Vue

Share this: Vue offers several ways to control how an element or component visually appears when inserted into the DOM. Examples can be fading in, sliding in, or other visual effects. Almost all of this functionality is based around a single component: the transition component. A simple example of this is with a single v-if... » read more

IFTTT Loses Gmail Service

Matthew Louisville Cloud – SEO – Web Design Much of the info in this post is from an article on engadget.  I became aware of the situation as I was working to build an IFTTT applet that would change my office lights to red if a website went down and I got an email about... » read more

Inline SVG… Cached
Inline SVG… Cached

Share this: I wrote that using inline <svg> icons makes for the best icon system. I still think that’s true. It’s the easiest possible way to drop an icon onto a page. No network request, perfectly styleable. But inlining code has some drawbacks, one of which is that it doesn’t take advantage of caching. You’re... » read more