Search

Nalezeno "article": 3094

Bitcoin.com Sponsors Brand New Crypto Casino BitSpinCasino.com


Bitcoin.com sponsors the launch of a brand new crypto casino BitSpinCasino with support for gaming with various cryptocurrencies and a smashing welcome offer of up to 3 BTC! Play Exciting Casino Games With BTC, BCH, ETH, USD, EUR, AUD, JPY & Many More Bitcoin as a form of value-driven...

How stroke-dasharray Patterns Work


Say you have a line in SVG: <svg<line x1="0" y1="30" x2="500" y2="30" stroke-color="#f8a100" /</svg You can use the stroke-dasharray property in CSS to make dashes: line { stroke-dasharray: 5; } That 5 value is a relative unit based … How stroke-dasharray Patterns...

Office Spaces


I think it’s super timely that Jim Nielson wrote about his office space the other day. My family recently re-rooted in Colorado and I was up late last night setting up my desk and everything around it. So late, in … Office Spaces originally published on CSS-Tricks. You should get...

React Hooks: The Deep Cuts


Hooks are reusable functions. They allow you to use state and other features (e.g. lifecycle methods and so on) without writing a class. Hook functions let us “hook into” the React state lifecycle using functional components, allowing us to manipulate … React Hooks: The Deep Cuts originally...

Technical Writing for Developers


HTML, CSS, JavaScript, Python, PHP, C++, Dart — there are so many programming languages out there and you may even be totally fluent in several of them! But as we aim to write more and better code, the way we … Technical Writing for Developers originally published on CSS-Tricks. You should...

Single Element Loaders: Going 3D!


For this fourth and final article of our little series on single-element loaders, we are going to explore 3D patterns. When creating a 3D element, it’s hard to imagine that just one HTML element is enough to simulate something like...

How I Chose an Animation Library for My Solitaire Game


There is an abundance of both CSS and JavaScript libraries for animation libraries out there. So many, in fact, that choosing the right one for your project can seem impossible. That’s the situation I faced when I decided to build … How I Chose an Animation Library for My Solitaire...

Help Shape the Future of CSS-Tricks!


Hey, so it’s been a minute since we announced that CSS-Tricks is now part of the DigitalOcean family. Things are pretty much business as usual and hopefully it feels that way to you, too. Now that we’re getting settled, we’re … Help Shape the Future of CSS-Tricks!...

My Dumbest CSS Mistakes


We all make mistakes in our code. It happens! I know if I had one of those “Days Since Last Mistake” signs hanging over my desk, a big ol’ goose egg would be hovering above me all the time. It … My Dumbest CSS Mistakes originally published on CSS-Tricks. You should get...

Great (and Free!) Web Development Books You Can Get Online


Right after “Where is the best place to learn?” perhaps the most commonly asked question I hear from folks getting into code is “What web development books should I get to learn?” Well, consider this an answer to that question … Great (and Free!) Web Development Books...

Single Element Loaders: The Bars


We’ve looked at spinners. We’ve looked at dots. Now we’re going to tackle another common pattern for loaders: bars. And we’re going to do the same thing in this third article of the series as we have the others … Single Element Loaders: The Bars originally published on CSS-Tricks. You should...

Different Ways to Write CSS in React


We’re all familiar with the standard way of linking up a stylesheet to the <head> of an HTML doc, right? That’s just one of several ways we’re able to write CSS. But what does it look like to style things … Different Ways to Write CSS in React originally published on CSS-Tricks....

Single Element Loaders: The Dots


We’re looking at loaders in this series. More than that, we’re breaking down some common loader patterns and how to re-create them with nothing more than a single div. So far, we’ve picked apart the classic spinning loader. Now, … Single Element Loaders: The Dots originally published...

Conditionally Styling Selected Elements in a Grid Container


Calendars, shopping carts, galleries, file explorers, and online libraries are some situations where selectable items are shown in grids (i.e. square lattices). You know, even those security checks that ask you to select all images with crosswalks or whatever. 🧐… Conditionally...

De-Mystifying IndieWeb on a WordPress Site


Well, sheesh. I opened a little can of worms when sharing Miriam’s “Am I on the IndieWeb yet?” with a short post bemoaning my own trouble getting on the IndieWeb train. But it’s a good can of worms. I think … De-Mystifying IndieWeb on a WordPress Site originally...

Useful Tools for Visualizing Databases on a Budget


A diagram is a graphical representation of information that depicts the structure, relationship, or operation of anything. Diagrams enable your audience to visually grasp hidden information and engage with them in ways that words alone cannot. Depending on the type … Useful Tools...

Single Element Loaders: The Spinner


Making CSS-only loaders is one of my favorite tasks. It’s always satisfying to look at those infinite animations. And, of course, there are lots of techniques and approaches to make them — no need to look further than CodePen to … Single Element Loaders: The Spinner originally published...

Let’s Make a QR Code Generator With a Serverless Function!


QR codes are funny, right? We love them, then hate them, then love them again. Anyways, they’ve lately been popping up again and it got me thinking about how they’re made. There are like a gazillion QR code generators out … Let’s Make a QR Code Generator With a Serverless...

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