tipiirai

13 ms·

211.
Scalable CSS(chriscoyier.net)
2 points by tipiirai 3y ago|1 comments
212.
by tipiirai 3y ago
I hear you, but I think the author has a point. I also want to spend more time on coding than trying to resolve TypeScript complaints.
213.
by tipiirai 3y ago
Just found this. It analyzes your CSS code and gives scores for maintainability, complexity, and performance. Good, detailed analytics. I like it.
214.
by tipiirai 3y ago
Thank you for the advice! You are right. I'll do that in my next article about Tailwind.
215.
by tipiirai 3y ago
You only need to name the top-level element. Others can be styled with CSS selectors. Nesting is supported with Lightning CSS today.
216.
by tipiirai 3y ago
I've written an entire article that about Tailwind's "don't clean things up" attitude: https://nuejs.org/blog/tailwind-vs-semantic-css/ The bloat takes several forms 1. The amount of sourc
217.
by tipiirai 3y ago
And you still need 60+ lines to create a button like that?
218.
by tipiirai 3y ago
Makes sense. There are multiple reasons to group things and give them a semantic class name. And inline styling is a common practice to override parent styling. This is different from what Tailwind teaches us.
219.
by tipiirai 3y ago
> at least as many lines as the Tailwind classes Have you ever used vanilla CSS? Please try to replicate that black button! You'd be surprised how much less it requires. No &>[data-slot=icon]]:-mx-0.5 or anything like tha
220.
by tipiirai 3y ago
Makes sense. It's likely more tempting to people without years of experience with vanilla CSS: its specificity rules, and how it cascades. I guess the people who value the separation of concerns pattern in frontend architectures and ar
221.
by tipiirai 3y ago
Naming things is notoriously hard, but it's a skill you need to master to make reusable things. You name things that repeat. Think of function names in JavaScript, class names in object-oriented languages, or component names in Figma.
222.
by tipiirai 3y ago
Hey. Thanks for the comment. I could add that, but wanted to focus on the title of the article: the technological origin, vendor lock-in, and their messaging scheme. I have written a different article about Tailwind vs semantic CSS, which c
223.
by tipiirai 3y ago
I can also see how Tailwind can help teams that just want to move forward by copy/pasting ready-made components without ever looking "under the hood". However, I wrote this article for the love of CSS, web standards, and the
224.
by tipiirai 3y ago
Author here: This is probably the most important content piece I've ever written. Curious to hear your thoughts. Thank you!
225.
by tipiirai 3y ago
Yes. You can integrate it into any Markdown engine. Instructions for Marked can be found here: https://nuejs.org/docs/concepts/syntax-highlighting.html#mar...
226.
by tipiirai 3y ago
Author here: This is an MIT-licensed syntax highlighter for markdown fenced code blocks. It focuses on three things: 1. Aesthetics. Focus solely on how your code looks. 2. Ease of coloring. 3-5 CSS variables are enough. 3. Minuscule: Almost
227.
Show HN: Glow – New design-focused Markdown syntax highlighter(nuejs.org)
4 points by tipiirai 3y ago|3 comments
228.
Ask HN: Has anyone switched from Sublime to Zed?
1 points by tipiirai 3y ago|0 comments
229.
by tipiirai 3y ago
Curious: why was this flagged? Because it was a duplicate?
230.
CSS Scroll-Triggered Animations with Style Queries(ryanmulligan.dev)
1 points by tipiirai 3y ago|0 comments
231.
by tipiirai 3y ago
I wanted to re-post this brilliant crystallization of startup success, and how it all boils down to only two things.
232.
Do things, tell people (2012)(carl.flax.ie)
1 points by tipiirai 3y ago|1 comments
233.
by tipiirai 3y ago
> Google Docs? A website. Accounting software like QuickBooks? A website. Discord and Slack? Websites. Apple Maps? A website. Can you expand this sentence a bit? Thanks
234.
by tipiirai 3y ago
Absolutely yes. jQuery selector engine was developed before the official Selector API, which ended up being almost exactly the same. Except for a few exceptions which John wasn't too sure about when they asked for feedback: https:&#x2
235.
by tipiirai 3y ago
You sure can, but it then comes to the separation of concerns. CSS-in-JS (coupling of concerns) is the preferred option.
236.
by tipiirai 3y ago
It's the jQuery API design. I often find myself creating functions like this one: export function $(query, root=document) { ... } jQuery acted as a role model for standard web committees. The argument for querySelector / querySele
237.
by tipiirai 3y ago
Second to that: jQuery is awesome. Or more specifically: the idea that websites can be built with vanilla HTML, CSS, and _optional_ JS. jQuery embraces progressive enhancement and separation of concerns pattern, which is quite the opposite
238.
by tipiirai 3y ago
My prediction: Arc is irrelevant in five years.
239.
by tipiirai 3y ago
From the article: Do not confuse the element with the , , or elements. The element represents text of certain importance, puts some emphasis on the text and the <ma
240.
: The Bring Attention To element(developer.mozilla.org)
2 points by tipiirai 3y ago|4 comments

More ›