Do all the things like ++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatarSign Up
Get a devDuck
Rubber duck debugging has never been so cute! Get your favorite coding language devDuckBuy Now
Search - "css animations"
So this morning I was finishing up some unit tests, and my 8 yr old nephew asked me,
Hey unc, what's with all these "work" you're doing? Are you hacking? (Me running unit test console)
After a brief explanation, I managed to pique his interest with some css animations 🙆🏻♂️8
Fuck Firefox's CSS engine! Why is it so fucking buggy?
I needed to position some elements in a circle, so I used Math.cos(Math.PI / 2) to calculate their x positions. So, mathematically speaking, that should return 0, right? Turns out in JS it doesn't (because fuck precision). It actually returns 6.123233995736766e-17 and I was using that in the style, like top: offset + that.
In chrome it was working perfectly, but in Firefox all hell broke loose. All animations stopped working, scripts stopped working, demons were eating people alive.
And I lost hours hunting that down. My fault because I should have tested it immediately on other browsers, but fuck!11
My most recent one actually. We hadn't met in person yet, but they liked my LinkedIn, projects, and personal e-mail I sent.
The coding task involved taking a design of a mock mini-site and turning it into a Front-end web site / app. They provided all of the assets (images, videos, fonts), a video of the animations the site should have, and an Invision project so we can get more details on the design. Responsiveness was not required.
I was free to use any technology, library, and framework, but the final product should be in HTML/CSS/JS. They gave me 12 days, but I finished in 2 days and told them to call me "Amazon Prime" because I've got that 2-day delivery.
My technologies included:
ReactJS + EmotionJS + Redux with Immutability (unnecessary but showing off) + React-Snap.
A GitHub repo of the project.
A build folder of the final product.
A live version running on firebase
And a cheeky lighthouse audit showing off the performance.
They are impressed with my speed and accuracy of the Front-end in relation to the design. The in-person interview took place two days after, but judging from their attitudes towards me, I could already tell they were deeply interested. Needless to say, I got the job. Contract signing is tomorrow.4
Complete and total rant:
You know what fucking confuses the holy fucking shit out of me? DESIGN
I have MAD respect for motherfuckers that spend their days tailoring shit away in CSS, writing custom animations and toggles in JS and ensuring that their HTML is pristine as fuck. I really do and in my opinion they should b getting mad props from everyone, because if they so decide to learn GOOD server side scripting then they are most definitely on their way to create some awesome functional and beautiful shit.
I am not a designer by any means of it. And I know that shit is supposed to look good and work across a multitude of devices. Doing something like that takes me a couple of lines of code (granted, after hours of work that is) that may take a designer way less.
But why oh why do I see THOUSANDS of lines of CSS code for shit that does not take me half the amount of work that it takes other people?
Like seriously. I am trying to emulate the menu that university of Chicago uses(as an example for a lil design practice cuz i suck at it) and looking into their CSS I see thooooousands of lines of code to do something that I did in about two hundred.
So wtf man, do I suck so hard that I am missing some serious shit? wtf is happening? This confuses me, because in my mind it should take me just about as much work as it takes them right?
AGAIN MAD RESPECT FOR DESIGNERS -- If you are a designer reading this please tell me wtf is happening14
I might be fucked up, but I have a tendency to gravitate towards the shit that everyone else dislikes for the sake of knowing if their bias against is actually because shit is truly fucked up or if shit is legit plain WRONG.
From all technologies that I have worked with professionally I can count:
Java(currently in the form of old JSP services for an "enterprise level application")
Java for Android development - i was the lead engineer for a mobile project
Swift with IOS dev, same gig as the above.
C++ for Android development in the form of OpenCV with Java as well.
Clojure for an ldap active directory application
Python for glue scripts
Classic ASP with JScript and VBScript
VB Net forms
C# For ASP.NET MVC
Bootstrap for multiple intranet frontends
Node+Express for a logistics warehouse management tool
Ruby on Rails freelancing small gigs
Php in all ways possible from complete standalone php apps to Laravel and just php+composer apps aaaaall the way to wordpress
Okay, here we go...
I need a new Programming language.
Coming from a Python background, so go easy on me. x.x
C# can do what I need, but it's quite complex for me. I'd rather something simplier is possible.
So, I've come to realize that I wont be able to make my Python game(ExitCode) as powerful and fancy as I'd like. And I decided that I should just start from scratch before I go any farther. (Though, I might go ahead and stabilize the current versions on GitHub)
Here's what I need:
Powerful UI support;
* I am re-creating an OS as my game. I will need to drag and position windows and icons in-game, as you would in a real OS.
* Needs to support Ads, Animations, Images, Videos, Sound, and any other media I might need?
* Preferably can render HTML & CSS (Though, this is just a preference)
Support for reading JSON and/or XML files SAFELY (XML had major vulnerabilities in Python)
Supports Windows, but I would prefer cross-platform-ability
Easy to compile
I am not really looking for a game ENGINE. I am looking for a language to create a game in from scratch, that has powerful UI libraries.
In the end, the game will be Free, and Open Source. (Always!~)50
Basically... this last part (a.k.a. "smooth animations") was useless to this exercise, but... y'know... i was interested in experimenting it.
The more I code, the more I think I should be a design guy, lol.
Anyways... jeez, I really should go... it's 2:50 AM right now @.@
Goodnight y'all... 💙
( ¯﹃ ¯๑) zzZ...1
Ive never used vim. In my life. I've never had the need to.
It was only yesterday while I was installing a new relic plugin to my MySQL server when the plugin installed opened vim for me to add some configurations. Took me about a minute to add the configs, and another 20 minutes to figure out how to quit vim.
Gotta say that I'm more comfortable making HTML websites with pretty CSS animations in sublime text than working in VIM!!! 👀6
A simple poll
Let's say there is a program or whatever sort of thing that does the exact same thing except the gui...
1. A shitty gui with default buttons, etc but with ok paddings and margins so that it is a bit usable (if it is a web app, no css) -- 5MB
2. A super cool 1337 h4X0R looking gui with awesome animations -- 100MB
What is your choice?21
Zyrolasting's Inferno - Layer = 0
Welcome to Hell, or at least an instance of it. It's for programmers, so we call the entrance Layer 0. Clever, right? We have fun here. I'll show you around.
That screen by the entrance was supposed to say "Abandon all hope ye who enter here" with some nice animations and all, but the senior front-end dev is on holiday and the only backend dev that we could convince to try it kinda panicked when he saw our asset build pipeline. He grabbed jQuery and d3 for some reason and tried to animate it himself. After spatting with CSS and SVG at the same time he gave up and shipped what he had. But to his credit, if you tilt your head and cross your eyes you can still kinda read it.
We group people into layers like other hells, but it's not like you are going to chew the same brussel sprout for eternity in Layer 3 because you were a glutton. What we do is assign values to layers. Yeah, values, like honor, safety, love, all the warm fuzzies. All of our staff get split up into teams that claim to support the values of that layer, and we assign the souls that actually HAVE those values to the same layer and make them write software. Stop crying.
Yes, yes, look, I know it's tough, but every soul of the damned forgets that a Hell exists specifically to teach them that death isn't the end. Funny that people keep assuming that's a hopeful outlook.
Now my understanding is that you are here because you shared a single Google Sheet with all customers in your first and only startup as a way to collect their schemas for use in fixed webservice endpoints. Ni-i-i-ce. Unlucky for you that you had enough technical knowledge to be that kind of dumb, because then you probably would lack values and we would have hired you. We originally shipped off the amoral to traditional Hell with the fire and brimstone and whatever because we had enough staff--No, you can't go there instead--but then we got way more brownie points with Satan when we found out we could assign souls to the supervisors they had in life.
The stairs are down this way. Hurry along, there's much to see.
To be continued.2
Does anybudy still use Adobe Animate/Flash for web animations?
They teach it at my school and at the moment I see no reason to use it. I'm probaly faster writing it by hand in CSS / JS, and it will run smoother that the animate files...6
What a coincidence. JQuery gets an update to 3.4.0 - and I removed the JQuery dependency that a mid-sized widget (15 kB minified) needed.
Rewriting the selector, css and trim stuff was easy. Each, children, append, empty, remove and extend were not too hard. Animations gave me more headache, but in the end, JS triggered CSS transitions worked nicely.
I was able to shave off the usual 30 kB over the wire for JQuery, and the whole thing seems snappier. Finally, I'm at vanilla everything!
Of course, it's largely due to JQuery's merits that vanilla JS is where it is today. So, thank you JQuery, and farewell.3
I just styled something that appears to be an "parent" style change when a certain "child" was hovered.
Vanilla CSS. I think I've seen it all now.
My brain is spaghetti right now 🤪1
Busy playing with HTML5's history api and content replacing. Got the timing on css animations perfectly so the transitions between pages are smooth as butter. Dont even notice the pages changing aside from the url. Shits pretty cool1
Gna gna gna Chrome you stupid sucker!
I have some objects that I animate using JS triggered CSS translate with a transition duration. Why on earth would Chrome think it's a good idea to apply that duration also after the animation when I zoom the whole page?!
OK, slap a transition end handler on the object and reset the transition duration when the animation is done. But FF doesn't have that problem in the first place, and even IE works as intended!5
Started an open source css library, consisting of class based animations
Check it out and please suggest some points to make it more better.
The most frustrating part with css is like seeing people make animations on codepen where a fkin panda closes eyes or moves around,
And you are like how to Center align this box or this Dam image keeps rolling around the screen
Going into a web animation class hoping to finally learn CSS animations as well as how SVGs work (I never knew)
Ending up finding out that the prof is using frameworks like Animate.CSS. FUCK.
I didn't pay thousands of dollars to learn the frameworks I have been using for the past four years!!!3
I thought I knew about CSS but now I'm working with animations and learned about composite layer and how CSS is rendered...1
I work currently on a little startup and something that bothers me it's that even though I've been telling them I'm a Backend developer, they want me doing Frontend.
So, I beg to you, fellows, any recommendations on books or tutorials to learn CSS good practices, design, scrolling animations and whatsoever?4
looking for minimalist developer personal portfolio examples for inspiration for a redesign of my current site.
i want to keep it basic but i really want something slick yet minimal for a replacement to what i have now - possibly with some nice css animations and whatnot.
(current version: http://jfry.info/)6
I hope it's ok advertising my channel, it is programming related so...
I'm doing my first livestream on my YouTube channel. It will focus on CSS animations! Come 3pm EST on Thursday if you want to participate!
Wow Chrome, you can just go fuck yourself. I am trying to make this epic CSS effect for one fucking hour just to find out filter animations are completely trash and broken there. At least our Firefox clients will still see it thanks to @supports...4