Search

Nalezeno "Magic": 389

Rotated Table Column Headers… Now With Fewer Magic Numbers!

1.6.2020
Rotated <table> column headers is something that’s been covered before right here on CSS-Tricks, so shout-out to that for getting me started and helping me achieve this effect. As the article points out, if you aren’t using trigonometry to calculate your table styles, you’ll have to rely...

Using Structured Data to Enhance Search Engine Optimization

26.5.2020
SEO is often considered the snake oil of the web. How many times have you scrolled through attention-grabbing headlines on know how to improve your SEO? Everyone and their uncle seems to have some “magic” cure to land high in search results and turn impressions into conversions. Sifting through...

min(), max(), and clamp() are CSS magic!

12.5.2020
Nice video from Kevin Powell. Here are some notes, thoughts, and stuff I learned while watching it. Right when they came out, I was mostly obsessed with font-size usage, but they are just functions, so they can be used anywhere you’d use a number, like a length. Sometimes pretty basic usage...

Working With MDX Custom Elements and Shortcodes

7.5.2020
MDX is a killer feature for things like blogs, slide decks and component documentation. It allows you to write Markdown without worrying about HTML elements, their formatting and placement while sprinkling in the magic of custom React components when necessary. Let’s harness that magic and look...

Creating Color Themes With Custom Properties, HSL, and a Little calc()

16.4.2020
Before the advent of CSS custom properties (we might call them “variables” in this article as that’s the spirit of them), implementing multiple color schemes on the same website usually meant writing separate stylesheets. Definitely not the most maintainable thing in the world. Nowadays, though,...

Playing With Particles Using the Web Animations API

18.3.2020
When it comes to motion and animations, there is probably nothing I love more than particles. This is why every time I explore new technologies I always end up creating demos with as many particles as I can. In this post, we'll make even more particle magic using the Web Animations API to create...

How to Make a Line Chart With CSS

11.3.2020
Line,  bar, and pie charts are the bread and butter of dashboards and are the basic components of any data visualization toolkit. Sure, you can use SVG or a JavaScript chart library like Chart.js or a complex tool like D3 to create those charts, but what if you don't want to load yet another...

Inspiring high school students with HTML and CSS

21.2.2020
Here’s a heartwarming post from Stephanie Stimac on her experience teaching kids the very basics of web development: [...] the response from that class of high school students delighted me and grounded me in a way I haven't experienced before. What I view as a simple code was absolute magic...

How Auto Margins Work in Flexbox

6.1.2020
Robin has covered this before, but I've heard some confusion about it in the past few weeks and saw another person take a stab at explaining it, and I wanted to join the party. Say you have a flex container with some flex items inside that don't fill the whole area. See the Pen ZEYLVEX...

Měla to být revoluce rozšířené reality. Magic Leap je přitom propadák

9.12.2019
Na začátku byla Magic Leap tajuplná firma, která slibovala inovativní technologie v oblasti virtuální a rozšířené reality. Startup byl založen už roku 2010 a postupně dokázal lákat významné investory. Jsou mezi nimi Alibaba, JP Morgan, Google a mnohé další firmy. Hodnota Magic Leap se tak vyšplhala

McAfee to Launch Decentralized Token Exchange With No Restrictions

6.10.2019
On the heels of launching his crypto platform, McAfee Magic, the former antivirus software tycoon John McAfee plans to launch a distributed exchange on Monday, October 7. ‘McAfeedex’ will run on the Ethereum blockchain and McAfee insists the exchange will have no restrictions. Also...

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