StormBiz Blog

Everything you need to know about website design, website hosting, graphic design, our website design courses and more...

iframe feedback

What if an had within it another of the exact same source? Inception, as they say. Baptise Crespy does this all-important research in the name of art and science. Turns out browsers are smart enough to not allow this infinite looping to occur (and likely crash your browser/computer). They strip the content after the 2nd nest. But! If you change the...
Continue reading
0
  26 Hits
26 Hits

How to Use JavaScript to Play Sound (Typewriter Effect)


Today, we’re going to create a typewriter effect using CSS and JavaScript. It will happen when a user hovers over a postcard image. And to push things further, we’ll use JavaScript to play a typing sound on the page and sync it with the letters as they appear. Note: we’ll assume that this effect is for desktop screens only. Covering its functionali...
Continue reading
0
  42 Hits
42 Hits

25+ Best Shopify Themes With Beautiful eCommerce Designs for 2021

When it comes to eCommerce, the design of your site plays a crucial role. It can make or break your website—leading to sales either falling flat or converting profitably. Even though you are probably eager to get your new site up and running as quickly as possible, it’s important to first make sure you pick the right eCommerce platform and best sit...
Continue reading
0
  27 Hits
27 Hits

HTML Video Sources Should Be Responsive

Recently, I was adding a video to a website. Intuitively, I started to mark up the HTML <video>'s <source> elements with media attributes to specify the viewport sizes that each of my video source files would best serve. As I was working, I vaguely recalled discussions years ago that made me question: “wait, is media support available f...
Continue reading
0
  26 Hits
26 Hits

:focus-visible Support Comes to Firefox

Look at that! The :focus-visible pseudo-selector is now supported in Firefox, as of version 85 which shipped yesterday . I had to rush over to the MDN Docs just to confirm, and yep, the :focus-visible page has been updated to reflect the news . What’s so cool about :focus-visible? It’s all about the blue focus ring that displays around elements tha...
Continue reading
0
  25 Hits
25 Hits

How to Favicon in 2021


I always appreciate someone looking into and re-evaluating the best practices of something that literally every website needs and has a complex set of requirements. Andrey Sitnik has done that here with favicons . The final suggestion: { "icons": [ { "src": "/192.png", "type": "image/png", "sizes": "192x192" }, { "src": "/512.png", "type": "image/p...
Continue reading
0
  45 Hits
45 Hits

The Differences in Web Hosting (Go with the Happy Path)


One of our readers checked out “Helping a Beginner Understand Getting a Website Live” and had some follow up questions specifically about hosting providers. Here’s what they asked: What’s the difference between hosting providers? For example, what is the difference between GoDaddy and Hostgator, which seems like “traditional” web hosting providers,...
Continue reading
0
  41 Hits
41 Hits

A table with both a sticky header and a sticky first column

We’ve covered that individual cells, and can be position: sticky . It’s pretty easy to make the header of a table stick to the top of the screen while scrolling through a bunch or rows (like this demo ). But stickiness isn’t just for the top of the screen, you can stick things in any scroll direction (horizontal is just as fun ). In fact, we can ha...
Continue reading
0
  23 Hits
23 Hits

Nested Media Queries

I can’t seem to find any mention of this in the Media Queries Module specification , but apparently it’s allowed to nest media queries, as shared by Šime Vidas : That’s … awesome! �¯ Fiddling with it a bit more, turns out this snippet also works as expected: @media not print { @media (min-width: 0) { p { font-weight: bold; } @media (max-width: 750p...
Continue reading
0
  22 Hits
22 Hits

5 Craft and Handmade WooCommerce Themes for WordPress

1,200+ courses and ebooks Design, code, video editing, business, and much more. Adobe Photoshop, Illustrator and InDesignGraphic, Logo and Print DesignSketch, Adobe XD & FigmaWordPressJavascript, PHP & PythonAdobe After Effects & Premiere ProMuch More Millions of creative assets Design templates, stock videos, photos & audio, and mu...
Continue reading
0
  21 Hits
21 Hits

Calendar

Wait a minute, while we are rendering the calendar

Latest Blogs

Reward Credit