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 - "opacity"
-
Boss: Logo needs to be more grey. Touch it up in photoshop.
Me: .logo {opacity: 0.6;}
Boss: perfect!5 -
Client not paying?
Instead of reducing opacity, add FartScroll until they pay!
Theonion.github.io/fartscroll.js5 -
❎ Client not paid?
✅ Add opacity to the body tag and increase it every day until their site completely fades away2 -
Client: *Notices a css glitch with a draggable box*
Me: *Looking through LESS*
Me: Did someone write "opac-titties" on purpose?
Co-worker: *literally falls on floor* -
"Make it a bit more darker"
Me - "Okay"
"Ummm..a bit more lighter? Sorry, this is such a minor change,I figured it wouldn't need any documentation"
Me - "It's alright"
"Could you please make this text small, and reduce the opacity to 70%"
Me - *Rise in the levels of mental irritation, body's and blood's temperature*
"Oh and don't forget to add some tint to the background"
"Hey, sorry I forgot. We need to add another text below this image."
Me - Oh man oh man4 -
I'm not a windows fan or windows user but imagine if an user ran your java app in windows , your app could use special windows features like taskbar progress !
Now it's possible (on other OS's your app will run normally without these features). JTaskbarLib is my first java open source library. it can also change the window opacity in a decorated JFrame !
This is my project in github:
https://github.com/alireza6677/...2 -
When designers use screen to give images transparency and set black text to 80% opacity instead of making it gray 🙂🔫
-
cssRant
Why for the sake of world peace can't Edge inherit "opacity" to children?
This drives me insane!!!11!!one!eleven!!1!!
Get you fucking turds together dear browser developers!
The whole webDev business gets serious crippling depression from your brainless way of pooping out what you call "browser"!6 -
I am sad, I am not getting paid for last month's work as it was some "mis-communication" and my contract was available till August! 2 options
> set opacity of the website in such a manner it partially shows anything
> set the website on fire9 -
So apparently Firefox can't handle (quick) animations from opacity 0 to opacity greater-than-zero and glitches around. Instead you need to animate starting from something greater than 0, like 0.001.
I had to debug this shit and it just adds to my reasons to dislike this browser.5 -
Unpopular opinion: you shouldn't create a GitHub organisation for your open source project until it has more than one person working *full time* on it.
It just adds opacity to who the author and owner of the project is. I don't want to have to look up the organisation members to check if you have a conflict of interest when you promote your project, or understand why you think you know so much about it (even if you do), or whatever
And you DEFINITELY shouldn't hide the members of your organisation, I want to know who you are! Take some credit for your work!!16 -
> be me
> be developing a react native app
>realize the iPhone X notch is clipping your content on the first/home screen of the app
>google says: simple fix
>find a built-in react native thing to add safe area padding
> refresh the app
> ohno.png
> the other screens with navigation bars already have built in padding
> TOOMUCHPADDING.jpeg
> remove safe area thingy
> finds a clever, not particularly hacky way to pad the home screen without showing the header bar by setting its height to 0 and the color to match the content background
> more-problems.app
> there’s a small 1–pixel light colored line separating the header from the content clearly breaking the otherwise continuous single color background
> google.sh
> wtf.txt
> stackoverflow.html
> no responses except something I’d already done
> keep experimenting
> tries basically everything to figure out where that line is coming from
>sets borders to thicccc and bright red
>no bottom border? Ok that’s not it
>opacity?
>forgetaboutit.mov
>try shifting the header position around by a few pixels? Maybe it’s misaligned with the white parent layer underneath?
> nope.jpg
>it’s past bedtime
>Sleep.jpg
>thenextday(today).zip
> what about the content? Is that misaligned?
> nope2.jpg
>Maybe its an iOS feature not a react thing?
> make a test Xcode project, completely native to test
> negative.dng (pun intended)
> more-furious-googling.mp3
> find a native iOS stackOverflow question with the same issue (1px line)
> realize your Xcode test wasn’t done properly.
>atleastimmakingprogress.iso
> start looking into the SO post
>it’s native so I have to find out how to do it in react-native
>invent a bunch of style parameters that don’t exist in the documentation to see if there’s an undocumented thing
>loadsaloadsaerrors.log
>googles for a react native version of the iOS only SO post
> somethingpromising.tar.gz
> *tries it*
> “Haha nope” -my code
> whataboutthisotherthing.bin
> KENSISHSBUCNEGWISBVSIDNRVSIDNFIRJRBDKFNFIDJFIFKFNR
> HOLY FUCK
> IT WORKED
> AFTER TWO FUCKING DAYS OF SHITTERY AND SHENANIGANS
>AND MANY STACKOVERFLOW EDITS TO A NOW VERY MESSY POST
>THEREISNOMOREBORDER(final).zip
>*screams of relief*7 -
Why are you all so obsessed with hating jQuery? For me it just does the job done. Animate stuff. But I agree being totally dependant on javascript is bad for any website. Seen hundreds of wordpress spaghetti code where fancy effects were made with jquery like CSS opacity 0 and jquery animate to 1... What a bullshit. But yeah I still love jquery. Easy, fast and reliable.3
-
Omfgggggggggggggggggggg
Fuck you typescript.
A whole day wasted working on react native pull to refresh bug, wondering why the fucking hell shit doesn't even appear when u try to pull. And so many other weird shit like touchable opacity not showing up.
Guess what was the problem? Fucking typescript importing shit from react-native-gesture-handler.
Btw I live and breathe typescript. I appreciate typescript everyday but for today fuck you typescript.3 -
When - webkit-background-clip does not work with any kind of transition or animation and you're forced to make duplicate div on top of original without it and opacity:0. Just because designer want's quick fade transition.
-
!rant
OMG fuck yeah!
Today I was workin' on my CSS framework, made a couple of cool functions for generating hsla() colors with a customizable lightness and opacity. Using calc() for multiplying the default lightness by the value passed in parameter to the function.
"It's working perfectly in Chrome and Edge, cool! Now let's check in Firefox, but if it's okay on Edge, I'm pretty confident..."
Except, that's a failure: https://bugzilla.mozilla.org/show_b...
At that point, I started to rant alone. Properly. Like: "why this feature is still not implemented, people are waiting for it since YEARS!! Fuckin' browsers war!!!"
I was already thinking to drop a big angry post on here, when I noticed something : https://developer.mozilla.org/en-US...
So I update Firefox Developer Edition and, IT WORKS!
This feature was needed since years and the FF team brings it just when I need it. What was the chance ? I feel happy :)
Conclusion: sometimes ranting is the easy way. Calm down, try harder and you can find the solution!1 -
when the designer doesn't know that opacity style affects the whole element and everything within it... why don't you just give me the exact color and color scheme?
-
I want some help with media queries I am new and learning so please don't bash me up :
Here is my css code I want to know how to solve the issue :
/* About Section */
.about
{
height:600px;
padding:50px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.abouttext
{
position: relative;
padding: 0 50px;
height: inherit;
}
.abouttext h1
{
position: relative;
left: 230px;
}
.abouttext img{
width:20vw;
position: absolute;
top:50px;
}
.aboutlist
{
width:50%;
}
ol
{
list-style: none;
color: #e0501b;
}
ol li
{
font-size: 34px;
position: relative;
margin-bottom: 20px;
}
li p
{
font-size:16px;
color:#000;
padding-left:60px;
line-height:30px;
opacity:0.6;
}
li span
{
float: right;
position: absolute;
line-height: 25px;
font-weight: 600;
}4