Join devRant
Do all the things like
++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatar
Sign Up
Pipeless API
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple API
Learn More
-
Guys on CodePen are making battling Pikachus out of pure CSS and I'm just sitting here trying to get my navbar straight.6
-
Actual message i got today from a friend: "How to send a GET request with css"
I dont know him anymore9 -
My friend is a css guy and he told me this
.illuminati {
position: absolute;
visibility: hidden;
}11 -
Friend : Dude I have mastered Object Oriented Programming. I work only in classes now.
Me : That's nice! Only a Few people manage to master it. Which language do you prefer though?
Friend : CSS
Me : :/9 -
Why is this CSS not updating???
Ctrl + F5
Still!!!
Let's check in incognito..
F*CK, really!!!!
.... Ooooooh right I'm checking prod not dev.9 -
#tower-of-pisa {
font-style: italic
}
Entire building falls down
Fuck, forgot a semicolon. I hate CSS.4 -
My recent failure to build a responsive website according to a template tells me I should have worked with CSS a bit more.
The thing is, I write the type of CSS that passes the CSS validation with flying colors, but doesn't work as it should. Am I a minority(I hate that word), in that?
Now I have to redo the website or I'm not passing the exam. Lovely.5 -
When you show your girlfriend the CSS animation that took you 2 days to make and she gives you the most unimpressed look.
5 -
I remember last year in school one of my teachers had us make a little web page with HTML and CSS. She was confused when I was using an external CSS stylesheet. She thought all the CSS had to be in a style tag inside of the index.html file...6
-
Guess I still like css 🤷
For once I didn't use Bootstrap for this. Instead used Bulma, very promising!
18 -
CSS is an awesome language. It only takes you a few years of practice to be able to style a minimalist website in a matter of days.3
-
"HTML and Css don't work well together" - some wisdom from my coworker after meddling with some height settings in css8
-
Was working on a style.css file in school. One of my friend approached me and said what is that?
I said, CSS!
*silence*
Custom Sexy Styles?
*facepalm*6 -
K but why is this even possible through CSS...
Linked below is a pure CSS keylogger, i.e., now you can get your passwords stolen through a stylesheet. Keep your head on a swivel kids.
https://github.com/maxchehab/...13 -
The new w3c standard "CSS Houdini" gives you access to the css engine and let's you write your own css properties. That means no more polyfils, new exciting website designs and more possibilities and control on how the css is rendered on all browsers.7
-
My rant on CSS in general, including z-index (a cruel practical joke) and the "secret menu."
https://medium.com/@c09b6133a238/...
-
Holy shit, this is completely is rendered in CSS
http://species-in-pieces.com/
Such beauty (about endangered species)1 -
How to vertically center in css..
set "text-align" to center and then rotate your screen by 90 degree. :D6 -
Learning CSS .
Understand CSS shadow today.
Did a little practice..
And come up with this. It's too easy..
Doing more practice just because it's fun 😄 I think that's why most coders code ! Because it's fun 😊 though I know it's not even "programming language" 😂
9 -
Who is agree with this CSS, and how it could be optimized?
#wife {
right: 100%;
margin: 0;
position: fixed;
}13 -
Am I the only one who reads CSS "!important" as "not important", because of the '!'? No matter how many times I read it ....4
-
What is the optimum value for z-index in css?
z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;4 -
Almost every dev on devRant put HTML and CSS as their skills, but damn I suck at HTML and CSS. Bootstrap FTW!15
-
Dev deploys new CSS.
Client: I can't see the changes PANIC.
Dev: clear your cache!
Client: oh that's better. Now can we do that for all user?
Dev:😱4 -
I just realized that i can do better in designing websites without bootstrap or other CSS frameworks. Thanks to CSS GRID. FTW4
-
To all CSS devs out there...
http://jgthms.com/minireset.css/
Thank me later ;)3 -
People: Uhhhhh CSS is such a bad language it's impossible to maintain it, the cascade is stupid
Also people:
7 -
CSS Grid isn't working propperly so I am trying to debug it for a complete day.
It turns out that I have misspelled a grid-area name and thats why it didn't work :(4 -
I dont fucking care if you dont like CSS Grid or flexbox Im not going to fucking CHANGE THE FUCKING ENTIRE LAYOUT.11
-
I'm not going to have a lot of new friends here but I am fed up with all those guys complaining about CSS on devRant.
CSS is damn easy. Get over it. Take some lessons, learn it the right way and shut your mouth.
I'd prefer you share your enlighten opinion on CSS in JS with React Native or CSS compositing with ReactJS which are both huge pain in the ass.
Plain CSS isn't the cause of all your pain. You are.11 -
3D engine in CSS. Every part of the model is HTML elements with CSS transforms. No canvas, no WebGL.
https://petertyliu.github.io/toaste...
2 -
! Rant
Like the new tshirts, @trogus, you missed a trick by having the css central... Surely it should be half off the body or on their forehead or something2 -
Me: *deploys site*
Someone: Hey, there's a bug in your site's css.
Me: ...
Me: *rewrites css with sass* -
Fuck web development - especially CSS. Actually only CSS.
Love Js/Ts, Vue, React (NextJs ftw) and especially thank you to SCSS for making things easier.
But CSS is my most detested LaNgUagE now.
After I finish these 2 projects, I’m not doing CSS anymore. Minimal touches, sure, but no more positioning.
Maybe that’s why I like Flutter, no hassles yet.20 -
Today I was working on an issue related to adding icons to external links. I'm no CSS ninja, I never claimed to be. Somehow I wrote some really nice CSS that works well cross-browser. Now I'm scared they're gonna think I'm good at CSS.1
-
Music lyrics in CSS form.
#clowns {
Float: left;
}
#jokers {
Float: right;
}
#me, #you {
Position: absolute;
Left: 50%;
}5 -
Okay I just wasted 1h of my lifetime trying to fix a css bug which was caused because the actual classname was 'itemWrapper' instead of 'item-wrapper'. I might just kill myself at this point. I swear to fucking god I end up calling a suicide prevention hotline everytime I have to do shit in css.3
-
If you're as bad at web design as me, I recommend tailwind css to you.
I've been using it today and had a good time.
By providing a set of design-centric classes, it makes it easy to learn and apply good design practices without losing css control.
This is paramount to me since I know a couple of css tricks, but not too many. With this you can't miss any of the fundamental ones.
It also lets you combine multiple classes into one via the @apply directive, so the html classes don't go crazy, and you don't have to write too much css. Huge amount of lines saved.
To top it off, they have plenty screenscasts that not only teach you how to use tailwindcss, they show you fundamentals good web design.5 -
I've worked on dozens of projects now and I have tried using several CSS frameworks. Every time I experienced using a framework much more of a hustle than using custom CSS for the design. If your design gets a little bit more complex or unusual you will spent hours on fixes.
For me the times of frameworks in CSS have passed.
Tough I kinda like Vuetify, but then I haven't used it on big projects yet.7 -
IM DONE
BORED WITH WRITING CSS
Don't get me wrong. it's a beautiful styling language. I know how to use it, I've been even teaching it.
I'm just damn bored writing css
writing a ".", then a damn class name, "{}" and "color:shit"
BRO IM DONE
.ME{
STATUS: "DONE WITH WRITING CSS"
}13 -
As a Backend guy doing CSS. (Honestly don't know what i'm doing)
position: absolute;
z-index: -999999999999; /* better fucking work*/
margin-left: -1200;
background: red;
asdfghjkl
wait? what?3 -
Debate:
What are your views on the CSS Grid?
Personally, I think it's tables, but now written in CSS.
I also think it takes the challenge, creativity and passion away from CSS21 -
I always hated CSS.
Then I realized it's not CSS's fault, it's the fault of the initial developer who wrote the HTML code and CSS classes in a weird way.1 -
Flex + CSS grids is awesome. I know I am late. I regret not realizing this earlier. Way earlier.
Someone who does not agree with me please read this: https://css-tricks.com/snippets/...4 -
Do people really struggle with CSS?
I thought it was just design and ideas but is it actual CSS y’all struggle with?
Not judging. Just asking to be sure31 -
I have seen a lot of people in my life ranting about CSS. But this is crazy! Is this woman some kinda level 999 CSS wizard to do this?
http://diana-adrianne.com/purecss-f...1 -
Without CSS, all websites are perfectly responsive and look great on any device or screen size. We break them with CSS, then need to fix them... ponder that a bit.
By Timothy Smith on CSS-tricks.com (https://css-tricks.com/hmtl-css-and...)10 -
wrote this inside a .css file
.modal.auth-modal {
.modal-header {
padding: 10px 20px;
}
}
Kkkkkaarrahh6 -
Can someone explain what's so wrong with CSS?
My only issue is you can't set media query variables - which is totally not an issue with cssnext or similar..3 -
I accidentally fixed a CSS bug that has been bugging me for weeks. I wish it was always like this.1
-
Holy shit I had no idea we can use content: attr() in pseudo elements in css! It's a whole new world baby!2
-
CSS is magic.
CSS is a katana blade.
CSS is a tiny bristle scratching Gorilla Glass Victus. It shouldn't exist, yet it does.
CSS is a plastic-based sticker that you peel off, and it leaves no residue behind.
CSS is a summer breeze of 2004 that you felt while riding longboards with your girlfriend.
CSS is plugging a '86 Les Paul into a Marshall JCM800 and switching to a dirty channel.
CSS is diving into a freshly made bed after an evening shower.
CSS is getting your winter coat and finding a hundred dollar bill in the pocket.
CSS is the front right burner.
CSS is stomping onto a Big Muff pedal before you do solo.
CSS is David Gilmour inviting you for lunch.
CSS is cracking open a cold bottle of Perrier.
CSS is falling asleep in the attic hugging your loved one and watching the stars.
CSS is a glass of just below the room temperature cold pressed orange juice after you run 5k.
CSS is stepping on a scale and seeing yet another pound of body weight gone.
CSS is a supportive, beautiful person saying they love you just after you escaped an abusive relationship.
CSS is putting on your cold white gold Rolex in the Friday afternoon before meeting with friends at the bar.
CSS is discovering your old Sansa Clip+ and booting RockBox.
CSS is giving cunnilingus to Mary Elizabeth Winstead.
CSS is finally feeling empathy to another person after two years of therapy and realizing you're alive.
CSS saying "unleaded" after you pull up to the gas station in your vintage 911.
CSS is your ex-boss apologizing to you after they hit the rock bottom.
CSS is smelling her hair in the back seat of a Maybach taxi.
CSS is giving presents to your grandparents.
CSS is hitting bong while watching Home Alone with your friends after New Year's Eve.
CSS is getting a new job that pays 3x your old one and removing your old job's Jira bookmark from a bookmarks bar.5 -
Any good resources for learning css?
I've been using it for three years and I still suck ass.
Never learned it properly, never liked it at all.10 -
If some of you front-end devs haven't used CSS-Grid yet and are still annoyed by using nasty position and JS hacks to place stuff, I strongly recommend you to take 1-2 hours and read this incredibly useful guide for CSS-Grid:
https://css-tricks.com/snippets/...
and this one for Flex:
https://css-tricks.com/snippets/...
These two links have saved me PLENTY of hours struggling with all kinds of responsiveness and placement/sizing issues.1 -
Anyone else *was* going to CSS day and felt a wave of sadness when they got the email it was cancelled ?
display:none; -
I just finished ny first feature at my first dev job - a gallery page connected to an api.
It took 2 weeks. About 2 days of programming, but 12 days of fucking css.
Why is css so bloody hard?7 -
I fucking hate css. This animation is a fucking dirty hack on top of a dirty hack on top of a selector that looks like regex that only works in chrome
Fuck me8 -
Sometimes I get amazed about how CSS allows this kind of things:
.searchandfilter ul li:nth-child(1) ul li:nth-child(1) {
display: none;
}2 -
When you have to make a website responsive and you don't have access to the main CSS file, every single line of css you write contains
"!important".9 -
CSS! after days thinking about this and using chrome dev tools to find the magic numbers ( thank arrow keys) i finally made this thing responsive. The magic is in 53px. Thanks to javascript i also did what seemed almost impossible for me in CSS. Phew!!!
2 -
To any of you CSS pros out there, you are worth your weight in gold. I'm a Senior Frontend dev and still struggle with it.10
-
If someone uses !important in the top css file with body, you have the right to falcon punch them in their f*cking face.2
-
you call your self master of CSS and the only thing you are good at is using frameworks always for animation and every little task. you can't even do simple animation with css. FUCKING BASTARD1
-
I know it's like the shittiest thing you can do in CSS, but sometimes I use !important because I feel dicking around with CSS for countless hours is !important.1
-
Trying to get some cool project for fun using CSS framework. Don't want to use bootstrap. What's fancy yet powerful for a basic HTML/CSS site maybe with some jQuery/JS?8
-
“Is There Too Much CSS Now?”
Ok Kiki. Do your thing. Good take? Bad take?
https://css-tricks.com/is-there-too...6 -
Using the company's framework that override all your CSS with its own. Trying !important doesn't work too, so so looked up what was going on.
The CSS generated already used ! important. Welp.3 -
I thought I had a decent handle on CSS. I can use flexbox and grid to make some decent and responsive webpages, and I'm at least familiar with most of CSS's more common gotchas
But no.
Even in 2021, with years of improvement in the language and browser compatibility, CSS can still fuck you over
I was adding some margin to a div element, and I noticed that the div element's margin seemed to force it's parent to move down too, as if the margin was applied to the parent as well
It took far too many nearly nonsensical google searches to discover that CSS has a nasty little trick called 'margin collapse'
And in true CSS fashion, the way to fix it is a hacky workaround. In this case, if you add a padding of 1px to the parent, the margin collapse doesn't apply.
Fuck CSS. From its weird implementation to its hundreds of gotchas to its hacky workarounds to said gotchas.
Fuck CSS2 -
A colleague told me today Bootstrap and others CSS frameworks was shit... I answered him if you have no time to deal with CSS hell on a project with people not able to produce good CSS code, you need to use this.
What do you think about that ?8 -
I always use bootstrap or anything else except writing CSS from scratch. I cant help it, I dont like writing CSS from nothing.2
-
Why are CSS animations so funny? I always have the best laughts when some page or element spin uncontrollably for no reason6
-
i fuckign hate css and never was taught how to read that shit, guess i should learn
or just cobble something passable together and hope i never need do heavy css nonsense again1 -
I have a sense lots of you don’t know that you can kind of create 3d shape using only html and css
Here is a cube and the code
https://txstc55.github.io/But-how-d...6 -
Just hovering through some CSS. that's when I encountered this CSS stuff:
box-shadow: 0 0 20px gold;
Somebody, please lemme know what those first two 0's signify?3 -
Which is your favourite compiling CSS language for development ?
• none (CSS)
• SCSS
• SASS
• LESS
• ???
My is SCSS.13 -
So what do you guys think of a tailwind css?
I mean... it looks way too verbose, like we got back to inline css
on the other hand i see a lot of people using it
so whats the catch?9 -
The BPOS client gave us a job to help develop a site. Another vendor is doing the development and we're doing the CSS. The other vendor keeps messing with the CSS and the client keeps coming back to us to fix the issue. The problem is that the other vendor is managing the CSS and has minified it. Now I have to figure it out,somehow.2
-
@supports in css - helps to check whether the browser supports the given css property before it applies
-
Does anyone else notice a delay between updating the CSS for a page and it actually taking effect?5
-
CSS, I particularly don't hate it but i don't love it either. As a React developer I love JS but I don't really like CSS based UI development i mean it's not bad but just level of satisfaction i get with a running logical thing in JS vs creating some UI stuff with CSS does varies. So I want to improve my CSS skills. Anyway can anyone suggest in what topic order I should learn CSS, I can do some basic stuff with flexbox and sometimes with grid but I think I lack some essential concepts.
-
CSS and libraries doesn't mix. Something about the lack of scoping and the unintended side effects that happen from using two different libraries that add inline style via JS. I'm looking at you, position!!!!12
-
Having trouble getting CSS to apply to a table in react. Thought I'd ask here. You guys are probably better than SO. Please and thank you
https://stackoverflow.com/questions...7
Top Tags
Weekly Rant
View