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
Get a devDuck
Rubber duck debugging has never been so cute! Get your favorite coding language devDuck
Buy Now
-
Guys on CodePen are making battling Pikachus out of pure CSS and I'm just sitting here trying to get my navbar straight.7
-
Actual message i got today from a friend: "How to send a GET request with css"
I dont know him anymore10 -
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 -
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.7 -
#tower-of-pisa {
font-style: italic
}
Entire building falls down
Fuck, forgot a semicolon. I hate CSS.4 -
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...7
-
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 css13
-
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*7 -
The idea was simple. Create a div.
Add two 50% div's inside. Float them. Add clearfix to parent.
Everything was fine.
Noticed that one of the childs had a height bigger than the other. But due to an adaptive design, setting static heights did not work.
Simple fix. Add a height to parent div and set overflow-y to hidden.
It didn't work.
Tried using the legendary !Important (a.k.a. not important but important.) Didn't work. Set position to relative, set static height. Set the childs to absolute position with height 100%. Problem solved.
No. It. Didn't. Fucking. Work.
Tried every possible css combination could could fucking think off.
After 15 minutes (8 hours in dev-stress mode) realized the clearfix changed the div DISPLAY TO FUCKING TABLE. A TABLE. FUCKING TABLES CANT HAVE FUCKING HEIGHTS FUCK.
Anyway. 6 years after my first clearfix. I learnt something new about the code that saves my life every project.7 -
When you build a beautiful set of Sass files with grunt/gulp tasks, hand it off to another developer who makes all their changes in the compiled css.3
-
My rant on CSS in general, including z-index (a cruel practical joke) and the "secret menu."
https://medium.com/@c09b6133a238/...
-
CSS tip: Want to make sure something is centered horizontally?
.center{
position:relative;
left:50%;
transform: translate(50%,0);
}12 -
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 -
Am I the only one who reads CSS "!important" as "not important", because of the '!'? No matter how many times I read it ....5
-
Who is agree with this CSS, and how it could be optimized?
#wife {
right: 100%;
margin: 0;
position: fixed;
}15 -
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
-
One of questions in short test that we give to interviewed frontend devs is:
"How would you center a <div> horizontally with CSS?"
So many still answer with <center> ...13 -
I just realized that i can do better in designing websites without bootstrap or other CSS frameworks. Thanks to CSS GRID. FTW4
-
Me: I don't know why people hate CSS so much. It works fine for me 😑
Inner me: Liar, Liar, Pants on fire 🔥 😂7 -
Just asked my girlfriend if she knew what CSS means and she said "Isn't that a kind of secret service?"😂😂😂5
-
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:😱5 -
Me: *deploys site*
Someone: Hey, there's a bug in your site's css.
Me: ...
Me: *rewrites css with sass*1 -
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 -
Backend guy thinks he's cool doing some sort of loop to generate some layout and alignment. Please hands off coz u're making our app slow. There are CSS features can achieve what you've done and it's 10x lighter!
-
Being lazy is ok.
But I believe there certainly is a special place in hell for people that use "transition: all" in CSS.
3 -
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 -
When you start using CSS classes like this: class="fontsize-16 fontweight-700 height-100 text-center button-border padding-2 color-red display-block lineheight-3"1
-
Me: hey backend, I'd like you to make three external API calls and a system call, then based on the result can you sort out the output and add it to the data base
Backend: sure *goes and does its thing*
Me: hey html/css, can I please have a square in the middle of the screen and a rectangle ok the left that takes up the full height minus 6px of the border?
html/css: *starts loading*
Me: ok cool thanks *anticipation*
html/css: *displays something resembling a 5 year old who just found out about rulers*
Me: oh ffs is it that hard5 -
Starting to do some work in the front end. I find it incredibly stupid that something like centering in CSS is so darn complicated that someone had to make an online tool for it. It's pretty awesome btw: http://howtocenterincss.com4
-
Compiled a small style change in LESS file. Whole page is broken. Realized holiday replacement made all changes in main CSS file which is generated through LESS compiling.
3 -
When the so called "css expert" ask you why you're implementing so many things in @media all and (max-width: 800px) because it "doesn't change anything"
I had to teach him about responsive web design and chrome developer tools mobile emulation...3 -
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
-
I'll just say it: fuck CSS. I seriously loathe working with it. But, I guess I gotta still be good at it if I wanna be a competent web developer, right?12
-
! 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 -
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 -
Trying to understand a complex, twenty-angular-module project. Discovers login module rules only CSS properties that hide the rest of the app...2
-
Every time you use an unnecessary !important in css code, God kills a cat :(
Please don't use !important if it's not necessary.5 -
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?4 -
That moment when you remove a giant CSS vendor lib from the project repo and it goes from 60% main language and 40% CSS, to 90% main language
-
I actually like the nostalgic feeling (if that makes sense) when making emails. Like fuck flex, grid and absolute! Just me, my table and inline css5
-
When your self-proclaimed "senior frontend web developer with 4 years experience" colleague asks you for the difference between "div .x" and "div.x" in CSS. That is when you understand why so many developers don't like having to work with designers.9
-
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 -
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..4 -
http://www.species-in-pieces.com/
Really simple to create, will take ages, but thought I'd share it with all the devs that hate css.1 -
I accidentally fixed a CSS bug that has been bugging me for weeks. I wish it was always like this.1
-
Front-end dev is on holiday and I have to deal with this.
188 lines of Less overriding default Boostrap styles, plenty of those god awful "!important"s.
I switched to CSS-in-JS for good reason.
2 -
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 -
Holy shit I had no idea we can use content: attr() in pseudo elements in css! It's a whole new world baby!2
-
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 -
Was there a recent CSS update or something? My website just broke all of a sudden. I haven't touched anything since last year WTF4
-
Cleaning up a CSS file that was becoming out of hand... Found this gem:
.main-content .panel-body .alert {
margin: -19px -16px 20px -16px;
margin: -19px -16px 00px -16px;
}4 -
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 -
I don't really find any use of css framework for a website. One can primary use vanilla CSS for coloring buttons, navbar, responsiveness, etc. What do u guys think?
Tbh, I've only used bootstrap and didn't find any special thing about it.9 -
To all who use CSS:
Do you vertically align using flexbox or some weird old hacky method? I just used flexbox throughout a personal project to find out it doesn't work on my mom's computer...
Sorry if this question is too serious for this, but it really bothers me :D12 -
I always use bootstrap or anything else except writing CSS from scratch. I cant help it, I dont like writing CSS from nothing.2
-
Random post:
I think this website has answers to all of your CSS woes. From ready-made templates to basic grid structures to tutorials. Templates and Lightroom presets are also available for Adobe Photoshop.
https://www.bypeople.com/
Hope this helps someone.2 -
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 -
That feeling when you, after a day of struggeling with that fucking front-end shit that is CSS and the alignment hell it brings, stumble upon a post about flexbox...2
-
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 -
A guy on YouTube posted in a GraphQL tutorial about his CSS issue. He asked about why a certain background for a website that he is creating only looks good on a phone but not on his desktop. I asked him to put the code on either jsfiddle or codepen but he still put the code in the comments, only the CSS part. I kept telling him to place it on those two sites, eventually he did. I looked at the pen and guess what? The picture is a portrait one... He wants to use CSS to make it look good, I don't know how he is gonna achieve that but good luck. I am done with him, stopped commenting.3
-
I hate html and css. It's fucking horseshit. It needs to be auto-generated with a visual editor or something.
I just want to write programming logic in js. Fuck aligning divs and pictures. Fuck UI.16 -
Have been working all my life so far mainly with css only, tried scss again yesterday and its just amazing 😍
Now looking forward to finding what I should pick from all the frameworks that are angular, vuejs, react etc.3 -
It is surprisingly difficult to make two things equally high in css (without putting height in pixels). Like two columns of a parent div. You can't use "height: 100%;" out of the box like you can with width.
Why though? I understand that height is more difficult that width. But the parent element has a height. Not by me, but the browser figures it out. So why can't something inside it be 100 % of it. Beats me.
Well at least it works now. -
I'm not a web dev, but I have dabbled.
Discovered CSS grid this week. Really like it. Seems like finally there is some CSS syntax that works with devs rather than fighting with them. -
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
-
I just want the css to limit the maximum horizontal width of a table OMG NO WORDPRESS DON'T GIVE ME ANOTHER FUCKING PLUGIN FOR THIS3
-
• being good enough to be given the "software-y" cool work
• hoping the more junior devs are just happy to be there and take on anything regarding CSS -
Have huge argument with my client on Skype about some CSS fix on client site. I believe i already fix it and can see it on my desktop, but client insist he can't see any different. At the end, i realize that i fix on my local and we both laugh at it. Just kidding, he never contact me again after the project.2
-
Does anyone else notice a delay between updating the CSS for a page and it actually taking effect?5
-
Dammit! CSS is such a huge pain in the ass. I just want to use a <style> tag inline with a class to control margin positioning of one friggin’ image. (Yes, I know it’s better in a CSS file but this is a temp fix that will be reverted soon.)
<style>
.30-day-seal {
margin-top: -27.5em;
margin-left: 39.5625em;
}
</style>
<img class=“30-day-seal” src=/path/to/img.png”/>
Nothing happens. Only if I use a style=“” attribute directly in the img tag.
I’ve even tried:
<style>
img.30-day-seal {
margin-top: -27.5em;
margin-left: 39.5625em;
}
</style>
And
<style>
.30-day-seal img {
margin-top: -27.5em;
margin-left: 39.5625em;
}
</style>
And even
<style>
img .30-day-seal {
margin-top: -27.5em;
margin-left: 39.5625em;
}
</style>
Why do I suck so bad at this?! Still!?6 -
Just curious, but do a lot of people here actually search content using tags. I made a post on CSS around 2 weeks back and it still gets upvotes pretty regularly.4
-
We all know that writing your own css is easy.
Then we just try to pick up other's code and continue with their style...
It's taking so much time, I guess it's about collaboration now not only trying to figure it out alone .. -
!rant
What are some features that you would like to see in a css framework, that are currently not present in frameworks like bootstrap, foundation, etc?2
Top Tags
Weekly Rant
View