All 199 Comments

re: What VSCode theme are you using?
Moxer Theme and Material Design
re: What VSCode theme are you using?
Palenight is just an unofficial porting of the Material The...
re: Why I don't use web components
If we bring the topic at this level, you have all of these ...
re: Why I don't use web components
Do you have a link?
re: Why I don't use web components
I think hype is just a question of self-control. But you're...
re: Why I don't use web components
This is a widley discussed spec. Chrome was just the first ...
re: Why I don't use web components
I'm sorry, but no, most of the points you defined are extra...
re: Which part about your job/studies/etc. gives you the most anxiety?
Working with people who don't want to learn and improve the...
re: Documenting React Components With Storybook
Awesome! I also use the plugin storybook-knobs to set state...
re: UX Engineering
I'm a UXE too from 5 years (previous known as Frontend Desi...
re: The Layers of CSS
There are five type of selectors: Type selector Attribute ...
re: How do you deal with stress?
I reserve to me some time in isolation in nature. No girlfr...
re: What was your win this week?
This week, I learned a lesson. Honestly doesn't make you a ...
re: Creating A Custom, Accessible Drop Down
There are just a lot of things to consider/recreate: Keyb...
re: Creating A Custom, Accessible Drop Down
Maybe this would work well as Web-Component, also. Yes t...
re: Creating A Custom, Accessible Drop Down
But often when building a design system, you use custom el...
re: What should production CSS look like? Share your layout-to-web workflow
Yes. But this approach and mindset can be applied even on s...
re: Creating A Custom, Accessible Drop Down
Nice article! I have a question... why do you do this invas...
re: How to add Twitter Card Meta Tags to your Blog
Now that you know it, you can also use this metatags.io/
re: 👩‍💻 Offline Codepen and JSFiddle
No postcss support after 2 years old feature request 😔
re: What should production CSS look like? Share your layout-to-web workflow
Exactly. But non only with vue/react/svelte etc.. i trust i...
re: Load Pages Instantly with instant.page
Honestly i prefer google quicklink which have some useful c...
re: I'm having some "not this again" feelings with Parcel, how should I be feeling about this tool?
Parcel is very fast to use, it can build react, angular and...
re: How do you talk about code quality with management/clients?
Shitty code = more time to maitain it = more money
re: Fieldset, this stranger.
Even the table spec doesn't tell you to not use them for la...
re: CSS Specificity
Nice work Emma. This is the kind of content i want to see o...
re: Fieldset, this stranger.
In the article there is a link to the spec with examples. I...
re: The Adaptive + Responsive model
Twitter, Facebook and Github. They are both adaptive to ser...
re: Useful CSS Media Query Features
Unfortunately can i use isn't always updated. Right now it ...
re: Useful CSS Media Query Features
Just a thing, prefers-color-scheme is already implemented o...
re: Beginning to Demystify ARIA
Semantic HTML + ARIA widgets should be the basics for all u...
re: Fieldset, this stranger.
Yes, the form attribute can be used also on other elements ...
re: 5 CSS tips you didn't know you needed
8 years old post...
re: 5 CSS tips you didn't know you needed
No. The * is the less expensive. Check some talk about perf...
re: (Unknown): Script Error in JavaScript
Maybe off topic but crossorigin="anonymous" is also require...
re: PostCSS Functional CSS Plugin. Generate Functional CSS with ease.
Any valid charcter that doesn’t require escaping
re: PostCSS Functional CSS Plugin. Generate Functional CSS with ease.
Is a common practice to use not valid characters in functio...
re: PostCSS Functional CSS Plugin. Generate Functional CSS with ease.
You should not put special characters inside class selector...
re: PostCSS Functional CSS Plugin. Generate Functional CSS with ease.
Why i should put tons of css hacks in my css?
re: 3 Reasons Why Accessibility is NOT an Edge Case
You should mention also WCAG authoring practices. They are ...
re: What would you like to see on your DEV profile?
Following and followers
re: Do you leave jokes in your code? If so, please share!
I use bootstrap
re: What should production CSS look like? Share your layout-to-web workflow
I just stopped using css frameworks and methodologies since...
re: What should production CSS look like? Share your layout-to-web workflow
I don’t use grids from 2015, and bem from 2016. Old good pl...
re: Using Tailwind with Vuejs
Why this arrogance? How can you tell that i don’t know what...
re: Using Tailwind with Vuejs
This is not misleading e fully replicable. I don’t need the...
re: Using Tailwind with Vuejs
Here a test using vue-cli 3 and enabling the extract css (i...
re: Using Tailwind with Vuejs
Btw there are more things i don’t like. For example the @ap...
re: Using Tailwind with Vuejs
Mmm no since you have to import the css globally. It’s inco...
re: Using Tailwind with Vuejs
Using a css framework within a component based architecture...
re: Changelog: Collapse Comments (via the `details` HTML tag)
Nice! You can do what you want with the details tag. If you...
re: 30 Days of Vue - Methods and Computed Properties
You almost replicated the official Vue.js doc: vuejs.org/v2...
re: 30 Days of Vue - Methods and Computed Properties
So... methods are methods and properties are.. properties..
re: What are your favorite VueJS libraries?
docute.org vue-focus-lock vue-mixin-roving-tabindex
re: Brutalist Web Design. A Breath of Fresh Air in the Modern Web
Brutalism is a thing of 2017/2018. Some brands are now swit...
re: What's your coding origin story?
Sitting in my empty room, alone, while crying for my parent...
re: The new MacBook Pros are overpriced
You pay also the macos experience. Not only the hardware. W...
re: Hyperscript Tagged Markup (HTM): JSX alternative using standard tagged templates, with compiler support.
And is made to build web components platform compliant, not...
re: Web Components: the Right Way. Project relaunch!
Hi @webpadawan , i can share with you an article that you m...
re: Reset or not Reset CSS?
@henrique I will remove the html tag since this post is no...
re: Reset or not Reset CSS?
You have to set box-sizing on the html and let elements inh...
re: Reset or not Reset CSS?
Css resets are almost useless since they are invasive, opin...
re: ckd.css for your ticks
There is ckdcss.now.sh
re: ckd.css for your ticks
Hi @swisschili . Please note that on the demo site you see ...
re: The mistake developers make when coding a hamburger menu
There are a lot of "drafts" already implemented. They do it...
re: The mistake developers make when coding a hamburger menu
I just use this to lock the body on mobile: github.com/will...
re: Visual Regression Testing is Stupid (but we can fix it)
Nice article
re: The Definitive Guide To Protecting Your Eyes For Developers👀
Don’t forget to use Material Theme when developing 😁
re: Why support older browsers?
You must use IE 8 to see them
re: Why I love working at Sanity.io
👍🏻😏👍🏻
re: Why support older browsers?
If my userbase don't use old browsers i will never support ...
re: Style beautiful web pages without writing any CSS. Using W3.CSS.
Please feel free to drop me a pm or tweet about your conclu...
re: Style beautiful web pages without writing any CSS. Using W3.CSS.
Welcome to the “Learning libraries instead of technologies”...
re: Style beautiful web pages without writing any CSS. Using W3.CSS.
No, it’s still the most useless tool for developers. If you...
re: Style beautiful web pages without writing any CSS. Using W3.CSS.
Yes. It’s one one of the most shitty resource for developer...
re: Style beautiful web pages without writing any CSS. Using W3.CSS.
I never said what is wrong or not. I wrote acss years ago ...
re: Style beautiful web pages without writing any CSS. Using W3.CSS.
Atomic CSS isn't a new thing. He's been around for several ...
re: Style beautiful web pages without writing any CSS. Using W3.CSS.
Hahahahhahahahahahahahahahahahahhahahahahahahahahahahahahah...
re: Building an animated sticky header with custom offset
Safari on iOS. I think it may be a codepen issue
re: Building an animated sticky header with custom offset
Doesn’t work on mobile
re: Create an accessible dropdown navigation
Yeah. Sorry, it was my fault because i was not so clear wit...
re: What software development skills only come with experience?
Problem Solving. Risks evaluation.
re: Create an accessible dropdown navigation
No Kurtis Kemple. Sounds like if you need to provide useful...
re: Create an accessible dropdown navigation
It’s arrogant and aggressive saying that i should “talk” to...
re: Create an accessible dropdown navigation
I do. Please don't be arrogant because you don't know how i...
re: Create an accessible dropdown navigation
I just said that aria attributes are mandatory because you ...
re: Create an accessible dropdown navigation
Wait :). They aren’t mandatory when you don’t need to provi...
re: Create an accessible dropdown navigation
Aria attributes are mandatory to support screen readers. Us...
re: Create an accessible dropdown navigation
Nice! Just note that keyboard navigation is not the only th...
re: 5 CSS tips you didn't know you needed
you need always to double check with js because removing po...
re: 5 CSS tips you didn't know you needed
No. The second snippet allows you to define a global box-si...
re: Portfolio Advice Thread
Thank you. The dark mode is made to improve readability ins...
re: Portfolio Advice Thread
Any feedback? equinsuocha.dev
re: Tech Speak: Reset Your Styles
👍🏻I prefer normalize over reset with a bit of intelligence....
re: Vue.js and Functional Front-End
...it would be a lot more complicated even with jsx.
re: I really like Bulma dog.
Sass..
re: Write CSS variables faster in SCSS
Can your function be rewritten like this? @function myVa...
re: Write CSS variables faster in SCSS
A bit useless since this function doensn’t allows you to pa...
re: ngrok, lvh.me and nip.io: A Trilogy for Local Development and Testing
I use surge.sh and now
re: My Firefox Extension Is Actually Being Used, and I Think That's Really Cool.
It’a like drug. You will want more and more.
re: Help test the DEV beta app!
I don’t see the notifications badge on the app icon even wh...
re: Which units of measure do you use and why in CSS?
None if you don’t change the root font size
re: Which units of measure do you use and why in CSS?
Update it to the responsive typography formula.
re: Which units of measure do you use and why in CSS?
All. Rem, em, viewport based units, px, fr, turn, deg, perc...
re: Goodbye
You should not compare food and technologies, but solution ...
re: Goodbye
I don’t understand your solution. Not your addiction.
re: Goodbye
I don't understand your decision. I respect it, but i can't...
re: Simple HTML/CSS Workflow With Parcel
Hi, i suggest you to use PostCSS over sass because it works...
re: Why it's time to embrace position sticky
developers.google.com/web/updates/...
re: Why it's time to embrace position sticky
It miss only one think... an event. But there’s a workaroun...
re: 100% Pure HTML/CSS Page Navigation - No JavaScript Required
You should probably use the attribute selector [aria-active...
re: 100% Pure HTML/CSS Page Navigation - No JavaScript Required
Another big caveat is the accessibility. We should use aria...
re: Figuring out CSS floats with two sushi recipes
Hi, don’t miss inline-start and inline-end as float value.
re: The lesser known amazing things VueRouter can do
Nice! Thank you.
re: Quick CSS Quiz #3
Yes but unitless line height is just one of the accepted va...
re: Quick CSS Quiz #3
This is very easy. A line-height with unitless value rappre...
re: Introducing nanostyled: CSS-in-JS without CSS-in-JS
Do not misunderstand me, technically speaking i like your l...
re: Introducing nanostyled: CSS-in-JS without CSS-in-JS
This is called Atomic CSS not functional css and it being u...
re: Eliminate render-blocking resources
<link rel="preload" href="style.css" as="style"> <...
re: Intro to Generative Art
This article reminds me weavesilk.com/
re: The What, Why and How of React (Styles)
I really don't like styled-components that binds the css to...
re: Sticky Footer in GatsbyJS using Flexbox
Even better position: sticky
re: Universal next gen css-in-js library in under 1kb
Just html, css and js. No more abstractions
re: Is front-end development having an identity crisis?
? you said exactly that. Languages like Angular and React...
re: Is front-end development having an identity crisis?
Just a note, Angular and React are not languages they are f...
re: CSS Media queries: grouped with rule-sets or grouped at the bottom?
MWith postcss you can do anything. The article exclude post...
re: CSS Media queries: grouped with rule-sets or grouped at the bottom?
Nested or after the selector
re: Is front-end development having an identity crisis?
I'm a front-end developer specialised on HTML/CSS scalable ...
re: Speed Up Your Web Development: Sass
Wut? Do you know what autoprefixer do?
re: Speed Up Your Web Development: Sass
Man, to compile sass you need ruby-sass or node-sass (js) o...
re: Speed Up Your Web Development: Sass
?
re: Speed Up Your Web Development: Sass
You can use custom properties even on IE 8. You will just l...
re: CSS VARIABLE SCOPE
In HTML there can't be anything outside the document root e...
re: CSS VARIABLE SCOPE
I don’t understand the purpose of this post. Your “proposal...
re: A div with cover image that reveals its content on hover, but using a single div and scss only
It doesn’t works on mobile devices.
re: Dropdowns Without Javascript
Ui component states should be defined with aria attributes....
re: Dropdowns Without Javascript
Another issue is accessibility. Browser and e-readers doesn...
re: Dropdowns Without Javascript
CSS was not made for that. Using these hacks can put you in...
re: Understanding the different pairings of CSS Position flavours
Hi @anabella , the sticky position is no more experimental...
re: Center an element with CSS Grid
Yes. But let others learn something :)
re: Center an element with CSS Grid
Place-items is just a shorthand of justify-items and align-...
re: Web Components — the right way.
Please read above comments.
re: CSS "SAD MAN"
Hi, thank you for the post, but dev.to is not a personal sh...
re: UI Snippets: Say NO to Ugly Check-boxes!
The point is that you can build a new html element (like th...
re: UI Snippets: Say NO to Ugly Check-boxes!
Stop doing this. Accessibility is important and if you want...
re: I’m a Front-End Cheater
Don’t minimize your dependencies :) Drop all dependecies an...
re: Most underrated plugins for VS code
On mac you don’t need the emoji suggestion you add emoji wi...
re: Dancing String
Some important tips. Just do it with a keyframe by animatin...
re: Automatic CopyRight
Just put the textt inside the footer without any tag OR use...
re: Automatic CopyRight
It should be a span or not a tag at all. Not a p for sure :...
re: 🙂 Introducing Front-end Foundations
You should call it “frontend frustration” 😌
re: Is it possible to have a responsive image in a flexbox item?
On firefox all works as expected. On Chrome it seems to be ...
re: CSS 101: The Box Model
You should mention the box-size property. 😌
re: HTML ~ Hide broken images, or replace then gracefully
Ther is an error in the inlined code. onerror="this.src='t...
re: < css-doodle /> for drawing patterns with CSS
I don’t get the sense of this.. why enerate a lot of DOM el...
re: How to Center Items In Css[Centering Guide🖕🖕🖕]
You should explain also how to center with object-position....
re: Building Web Components with Vanilla JavaScript
Hi, I wrote and article about the real scope of web compone...
re: Introducing cssgr.id - an interactive CSS grid boilerplate code generator
Nice tool man.
re: How to make a responsive footer With No media Queries🗺
Fluid, adaptive, responsive design... they existed long bef...
re: How to make a responsive footer With No media Queries🗺
Nice! But please note that this is not a “responsive” behav...
re: How to make a responsive footer With No media Queries🗺
You can’t
re: Using CSS Transitions on the Height Property
With max-height you should know the element computed height...
re: Reasons not to use IDs in CSS
We should all start styling using type selectors and not cl...
re: Who Observes the Intersection Observers?
Unfortunately safari mobile doesn’t support intersectionObs...
re: The Ultimate List of CSS Selectors
All elements that are preceded by a element are selecte...
re: Why doesn't CSS move faster (like JavaScript)?
Fortunately..
re: CSS: select first-of-class with the subsequent sibling combinator
Yes i know. But both solutions have caveats since even with...
re: Translucency with Transparency
Only supported by Safari and chrome (behind flag).
re: CSS: select first-of-class with the subsequent sibling combinator
Hi, after some test, i found an alternative solution (i thi...
re: Web Components — the right way.
Recreating (as you describe) means building a new element ...
re: Web Components — the right way.
Hi, gold standard is much more related to the technical dev...
re: Web Components — the right way.
A customized built-in element, which is defined with an e...
re: Web Components — the right way.
They are discussing about how to extend native html element...
re: CSS: select first-of-class with the subsequent sibling combinator
I mean lv 4 selector :)
re: CSS: select first-of-class with the subsequent sibling combinator
Nice! We now have to wait the full support.
re: CSS Positioning Explained By Building An Ice Cream Sundae
You can change position fixed behavior and make it relative...
re: Fade in Image without jQuery
Because you can make it readable by accesibility technologi...
re: Fade in Image without jQuery
You should use data attributes to show Ui state changes
re: Welcome Thread - v9
Mumin for friends.
re: DEV QUERIES: Finding out what makes software developers tick ❤️
..and sick. :D
re: Bringing Order to Web Design Chaos (with Web Components)
I understand. Anyway you can read custom property value wit...
re: Important: do not overuse !important
You don’t need !important at all if you write good css.
re: Bringing Order to Web Design Chaos (with Web Components)
Hi, why don’t use css custom properties?
re: Keeping the Footer at the Bottom with CSS-Grid
You can do it with just position: sticky that is the correc...
re: What's your favorite Editor theme?
Please note that Material Palenight Theme is a cloned versi...
re: Build your own grid with flexbox
Read about grid-layout and 2 dimensional spaces. Flexbox is...
re: Welcome Thread - v6
Hi all! I'm Mattia (Equinusocio for friends) a 29 years ol...
re: Welcome Thread - v6
Hi all! I'm Mattia — Equinusocio for friends — a 29 years ...
re: How to make a CSS speech bubble with borders and drop shadow
Hi, you can achieve the shadow with the same elements from ...
re: Build your own grid with flexbox
Flexbox is not for grid 👍🏻
re: What's your favorite Editor theme?
Have you tried Material Theme for vsc?
re: What's your favorite Editor theme?
Visual Studio Code + Material Theme for the win.
re: What's your favorite Editor theme?
Try vsc-material-theme ;)
loading...