DEV Community

Daniel Schwarz profile picture

Daniel Schwarz

Designer & writer (who codes)

Location Kuala Lumpur Joined Joined on  Personal website https://mrdaniels.ch/warz/ twitter website

Work

Founder at UX Tricks

All 40 comments

JavaScript Cheatsheet from beginners to advance..

You beat me to it! However, document.querySelector("#foo") i...

Center Text Vertically and Horizontally in CSS

margin: auto; also works. I'd be keen to learn some more Fle...

So, how many of you respect CSS as a programming language?

Well, the “is [x] an [x] language?” debate is nothing more th...

CSS tricks you probably didn't know about.

Insane. My background is an image with a strong purple overla...

CSS tricks you probably didn't know about.

What does background: background; do? Inheritance?

All the Ways to Center a Div

margin: auto; also works within Flex and Grid.

Simulate single page app using CSS selector (:target)

What's a good scenario to use it? I can't think of any positi...

Detection device type with pure CSS

What's the browser support like?

CSS decoded ::before and ::after

“A CSS Pseudo Element is a keyword added to a selector that l...

Simulate single page app using CSS selector (:target)

It's bad for SEO and it's also a lot of code for something th...

9 ways to be kinder to trans people

Thanks for sharing your perspective. I stand by what I said, ...

9 ways to be kinder to trans people

Nočnica, thanks for sharing! Regardless of the community nic...

Rotation in CSS animation ⌚

I love the simplicity of the animation. The approach only wor...

Css Hsl colors introduction

Happy to help! And long live hsl, the best format! 😉

Performance Tools

Lighthouse CLI (headless Chrome) w/ custom config + Alfred = ...

Css Hsl colors introduction

Isn't rgba(), hsla(), etc. redundant now? Instead, use hsl(0...

How To Know If An Element Is Visible In Viewport.

Came here to say the same! Here's a demo I made recently.

What are CSS Variables?

Also... :root { --black: 0 0 0; } Enter fullscr...

Best ways to center objects in CSS (Horizontally and Vertically )

Of course! 🤗

How to Create Marker Highlight Effect in CSS?

I think you're misunderstanding what I'm saying. I agree wit...

How to Create Marker Highlight Effect in CSS?

I see where you're coming from, but I think if you're using a...

Best ways to center objects in CSS (Horizontally and Vertically )

Nope, it works vertically too.

Best ways to center objects in CSS (Horizontally and Vertically )

margin: auto; (inside Grid/Flex)

How to Create Marker Highlight Effect in CSS?

Why <strong> or <em>? The text is neither bold n...

What to do if you don't like CSS?

You're right. Respectfully, I don't agree. It's fine if you ...

What to do if you don't like CSS?

UX designers will follow whatever guidelines they see fit.

How to Create Marker Highlight Effect in CSS?

Use semantic HTML: <mark></mark>

What to do if you don't like CSS?

With all due respect, you should let UX designers make the UX...

CSS user-select

Happy to help! One line of CSS is better than several lines ...

What is Async Await ?

I've struggled with async/await for a while now, but this is ...

I started to study HTML, its too easy. right?

If you want to learn things that most HTML users have no clue...

I started to study HTML, its too easy. right?

The syntax is easy, so easy in fact that most people think th...

please help me with this

Don't worry about it mate, happy to help! 🤗

please help me with this

function findLongestWord(str) { let longestWord = 0; str...

5 CSS Tricks Nobody Tells You!

Oh, here's another way... .outer { display: flex; } .inner...

5 CSS Tricks Nobody Tells You!

Happy to help!

5 CSS Tricks Nobody Tells You!

Note: .center should apply to the parent of the element you w...

Welcome Thread - v108

Hello everyone 👋 I'm Daniel and I'm currently living in Kual...

loading...