Hasan Harman

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

HTML and CSS preprocessors like Markdown, Pug, and Autoprefixer can enhance the coding experience on CodePen. It's important to link resources using the HTTPS protocol for compatibility. Preprocessors simplify coding by offering features like variables and mixins. When linking code resources, ensure using the correct URL extensions.

neumorphism buttons

Would be nice if the flickering could be prevented on a mobile (Safari, iPhone)
And
„.interrupter input:checked + div&gt;div&gt;div&gt;div&gt;div“
Really? 🤔

Super nice, it reminds me of this project (components inspired by Dieter Rams)
<a href="https://drams.framer.website/" target="_blank" rel="noopener nofollow">https://drams.framer.website/</a>

Good experiment. Really nice design. But now you should focus on doing this semanticly and without the div&gt;div&gt;div&gt;div indeed.

One problem I always have with neomorphism is that readability really suffers from “prettiness”. Not enough contrast on almost all elements.