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
Search - "css"
-
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
-
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 -
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.6 -
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/... -
Holy shit, this is completely is rendered in CSS
http://species-in-pieces.com/
Such beauty (about endangered species)1 -
CSS tip: Want to make sure something is centered horizontally?
.center{
position:relative;
left:50%;
transform: translate(50%,0);
}11 -
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 ....4
-
Who is agree with this CSS, and how it could be optimized?
#wife {
right: 100%;
margin: 0;
position: fixed;
}13 -
What is the optimum value for z-index in css?
z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;4 -
Me: I don't know why people hate CSS so much. It works fine for me 😑
Inner me: Liar, Liar, Pants on fire 🔥 😂7 -
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 -
I just realized that i can do better in designing websites without bootstrap or other CSS frameworks. Thanks to CSS GRID. FTW4
-
Css was developed by monkeys. I fucking hate how there is no organisation, laying out stuff requires too much work, there are billions of ways to do something. Aligning things in css actually has a web page dedicated to that, seriously, what the fuck????? I love doing backend and creating rest apis but for the love of god i cant stand css and front end in general🤦🤦🤦8
-
Just asked my girlfriend if she knew what CSS means and she said "Isn't that a kind of secret service?"😂😂😂5
-
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 -
Why use css when you can have 100 images to show a circle with a percentage, it's only logical right?10
-
I dont fucking care if you dont like CSS Grid or flexbox Im not going to fucking CHANGE THE FUCKING ENTIRE LAYOUT.11
-
People: Uhhhhh CSS is such a bad language it's impossible to maintain it, the cascade is stupid
Also people:8 -
CSS quick maffs:
Using viewport units to define font size but sometimes it's too small?
Instead of font-size: 10vw;
use font-size: calc(10vw + 20px);
This will make sure that font size is AT LEAST 20 px no matter the viewport width. Treat the resulting font size like a function of viewport width and feel free to experiment with it. With calc in that case you can achieve the best typeface responsiveness possible.13 -
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
-
That feeling you get after battling css for the better part of two hours then, you finally have it work exactly the way you want it!
😊2 -
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
-
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 -
! 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 -
Does anyone actually know css off by heart or would your webpage look like diarrhea if stackoverflow was down for the day14
-
Music lyrics in CSS form.
#clowns {
Float: left;
}
#jokers {
Float: right;
}
#me, #you {
Position: absolute;
Left: 50%;
}4 -
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 -
Being lazy is ok.
But I believe there certainly is a special place in hell for people that use "transition: all" in CSS.2 -
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
-
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
-
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 -
When I get mad I purposefully just throw css at the bottom of the last css file references and declare everything with !important.
Sorry future self..figure it out next time.1 -
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
-
Trying to understand a complex, twenty-angular-module project. Discovers login module rules only CSS properties that hide the rest of the app...2
-
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 -
So, did they choose Cascading Style Sheets (CSS) as a name because Shit Rolls Down Hill was too offensive?6
-
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 -
I've been working with HTML/CSS for my whole adult life and yet I still sometimes get surprised by how margin collapsing works. No, the section below does not have any negative margins. The world is just an unending mystery.6
-
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 -
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 css4
-
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 -
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
-
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 worked with many different languages through my programming journey. With C#, JavaScript and Clojure I worked professionally, was hired to either teach them or write in them, I earned money that way. I also did architecture, databases shit, devops and occasional basic cybersec.
Now I do frontend. I'm a very sloppy and clumsy programmer when it comes to anything that isn't CSS. But when it comes to CSS I'm the ninja, I'm the absolute killer. I go very hard on CSS, I did my very best to know it inside and out. I chose CSS to be my scalpel language, my expertise.
Terrible choice isn't it? I don't think so. Because of my CSS my websites require only a minuscule amount of JS, and JS also more prone to bugs than CSS. So 1000 lines of CSS can never cause a runtime error but even 1 line of JS can.
Client-side pseudo-routing, pseudo-random patterns, persistent state, all-declarative custom data attributes that'll translate into UI, linting and many more – I can do it all in CSS only.
In CSS the order of properties doesn't matter. In CSS you can't write bugs, they are merely glitches that are easily fixable. In CSS you can't cause a runtime error. CSS is very fast (thanks browser optimizations) and powerful yet invulnerable without JS, there is no eval(). CSS never disappointed me. It's declarative, it just does what I tell it to do, nothing more and nothing less.
I'm now at the point where I can do responsiveness without media queries and dark modes without JS, I also lint my webpages' accessibility with CSS only and no JS linter.
CS background + one language that you know at the prodigy level = you're almighty.
Bonus quick CSS maffs – quit using transition: all. https://codepen.io/uyouthe/pen/...6 -
Never wrote a website before
Wanted to write a website for myself just for PhD application.
Learned Vue on Saturday and wrote the website in three days.
Conclusion: fuck css
I can post the website if anyone is interested to take a look though17 -
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 -
wrote this inside a .css file
.modal.auth-modal {
.modal-header {
padding: 10px 20px;
}
}
Kkkkkaarrahh6 -
Holy shit I had no idea we can use content: attr() in pseudo elements in css! It's a whole new world baby!2
-
Need to make more "beautiful" our corporate website, all the theme's css is with !important... wtf!?3
-
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
-
Worked for many hours with CSS to make a website look good in landscape mode and what's the solution I came with? Show a black screen asking the user to use portrait...
Defeated again by CSS.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 -
Lovecraft was afraid of ancient horrors and mixed races. He would be terrified if he only knew the true ancient evil: CSS4
-
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 -
Anyone else *was* going to CSS day and felt a wave of sadness when they got the email it was cancelled ?
display:none; -
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
-
You know you have been coding with CSS Preprocessor for far too long when you typed this in regular stylesheet and wondering why it doesn't work...
#container {
.wrapper {
text-align: center;
}
}
Why the font doesn't align to center!!! @&$#+%*^2 -
!important (css)
w3school definition: overrides css for this element
my Definition: some shoddy coder can't manage to write simple css and doesn't understand css ordering. Use to override a blonker css4 -
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 -
wtf is it with CSS?
It's so freaking tedious to deal w/ all the shit of it down to the most minute detail, how did anyone ever have the patience to make it and use it.
It's like assembly language, so no one should be cursed with having to deal directly with it. Fuck, that there are people with brains that can tolerate it, thus making it live on. No offense, if my brain were that way, it would probably be useful for me, but fucking aye.11 -
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 -
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 just want the css to limit the maximum horizontal width of a table OMG NO WORDPRESS DON'T GIVE ME ANOTHER FUCKING PLUGIN FOR THIS2
-
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
-
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 again4 -
• 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 -
The dude that told us to use BEM is the same one that set up CSS bundle limits. Of course 10k isn't enough when all our classes are called big-button-right__small-thingy-over-there--bit-on-the-left and have styling in a dozen files.3
-
Hell...
A lot have been moving forward using preprocessor such as less, sass & stylus.
There are some developer still (who just knows it but don't use it), make changes on the minified CSS in directly.1 -
CSS is truly full of surprises.
Let's say you have a simple HTML:
<div class="with-background">
<div class="content with-margin"></div>
</div>
Now, to ensure that margin of the internal element won't "fall out" of the background, you might add padding: 0.1px to the wrapper. But, here's a fun fact: adding 0.01px still works fine, but 0.001px does not.
For my browser the cut-off seems to be somewhere around .008333332371px4 -
Today I fought against a monster named as CSS and I sort of won.
I am having a problem in that the grid layout don't work with the scroll bar (overflow)
After hours of trying thing out I remember that I am just creating the prove of concept that the system can actually be build.
I said "Hey this is just a prototype, it doesn't need to be pixel perfect, and finally use height in css".
I really appreciate it if anyone can advise me on less dirty method. Here is the source code
https://jsfiddle.net/rc0f9t5j/
The input box should stay at the button no matter how much text the container have. The fiddle have the intended behavior.4 -
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
-
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 -
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.
-
Back to doing some good ol' HTML/CSS web layout after a long time away.
CSS Flex and Grid - finally!!! Isn't something like this how it should always have been?
I started out in the world of Java Layout Managers and then native Contraint-based layouts. Whatever their limitations; they have always been at least sane and consistent.
I was never able to fully mentally model the clusterfuck of arbitrary behaviours that came along with 'float'ing DIV's. So glad I can largely see the back of it.1 -
Do anyone know How to creator a css object with javascript Code and be able to charge properties of it?10
-
!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 -
(HTML/CSS) Do you guys know what is the most important part of a background image ?
a. Is part of HTML
b. is loading within css and its not part of the html document
c. is loading within css when it becomes part of the html document
d. is uploaded through css12 -
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 ..