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 - "pixel-perfect"
-
text-align: center
Designer: “it’s not cantered, it’s 2px too much to the left”
Me: *does nothing* “what about now?”
Designer: “perfect”
Yup. This IS the Truman show.17 -
Client wants a pixel perfect site...
Comes to the office with a ruler and starts measuring on my screen...9 -
I took a course in app programming and one of the assignments was to create an "instagram-like" photo app with some simple filters. One of them was pixelate.
Instead of changing the RGB value of each individual pixel, i just saved the image in a lower resolution.
The result wasnt perfect, but good enough to pass.
And the teacher never even looked at the code..5 -
i once had a manager that would fuss at every little detail.
front end had to be pixel perfect on every freaking device he could find and the backend being over documented that one liners needed a bloody comment.
//is it true?
if( true ) {
}
anything needing more then 5-10 minutes to work out required several meetings to discuss every tiny aspect in detail.
drove me insane and glad i left!2 -
Craziest bug, not so much in the sense of what it was (although it was itself wacky too), but in what I went through to fix it.
The year was 1986. I was finishing up coding on a C64 demo that I had promised would be out on a specific weekend. I had invented a new demo effect for it, which was pretty much the thing we all tried to do back then because it would guarantee a modicum of "fame", and we were all hyper-ego driven back then :) So, I knew I wanted to have it perfect when people saw it, to maximize impressiveness!
The problem was that I had this ONE little pixel in the corner of the screen that would cycle through colors as the effect proceeded. A pixel totally apart from the effect itself. A pixel that should have been totally inactive the entire time as part of a black background.
A pixel that REALLY pissed me off because it ruined the utter perfection otherwise on display, and I just couldn't have that!
Now, back then, all demos were coded in straight Assembly. If you've ever done anything of even mild complexity in Assembly, then you know how much of a PITA it can be to find bugs sometimes.
This one was no exception.
This happened on a Friday, and like I said, I promised it for the weekend. Thus began my 53 hours of hell, which to this day is still the single longest stretch of time straight that I've stayed awake.
Yes, I spent literally over 2+ days, sitting in front of my computer, really only ever taking bio breaks and getting snacks (pretty sure I didn't even shower)... all to get one damn pixel to obey me. I would conquer that f'ing pixel even if it killed me in the process!
And, eventually, I did fix it. The problem?
An 'i' instead of an 'l'. I shit you not!
After all these years I really don't remember the details, except for the big one that sticks in my mind, that I had an 'i' character in some line of code where an 'l' should have been. I just kept missing it, over and over and over again. I mean, I kinda understand after many hours, your brain turns to mush. and you make more mistakes, so I get missing it after a while... but missing it early on when I was still fresh just blows my mind.
As I recall, I finally uploaded the demo to the distro sight at around 11:30pm, so at least I made my deadline before practically dropping dead in bed (and then having to get up for school the next morning- D'oh!). And it WAS a pretty impressive demo... though I never did get the fame I expected from it (most likely because it didn't get distributed far and wide enough).
And that's the story of what I'd say was my craziest bug ever, the one that probably came closest to killing me :)5 -
There's this WebDesigner who wants every single website made pixel-perfect to his design.
We usually spend like 1 extra month on each website just because we can't do it pixel-perfect for each resolution
Now I'm working on yet another of his websites and his brother is beside me as a stagist
Am I allowed to insult the designer and swear against him every 5 minutes or so?5 -
Want a pixel perfect css/design? Get a monitor with as less pixels as you possibly can! Now when your boss says "move it one more pixel" it'll be like moving to another part of the world.
Thank me later :)6 -
Top 3 times:
1) When I amazed myself by solving a problem using recursion.
2) When I taught myself how to make my a restful api and consumed it using Ajax.
3) When I converted a psd in to a responsive pixel perfect webpage.
Writing code makes me feel I am worth something in this world.1 -
They all want to make games like this, and minimum requirements are:
Processor: Intel Core i5 3470 @ 3.2GHZ (4 CPUs) / AMD X8 FX-8350 @ 4GHZ (8 CPUs)
Memory: 8GB.
Video Card: NVIDIA GTX 660 2GB / AMD HD7870 2GB.
Sound Card: 100% DirectX 10 compatible.
HDD Space: 65GB.3 -
‘Hey let’s use bootstrap’
‘Hey let’s make it pixel perfect to this design’
‘Hey, lets completely ignore bootstrap when designing’
‘Hey lets pile it all on dev while he fights this framework for 8 hours a day instead of working to bootstraps limitations’
I wish people would just accept that if you use bootstrap, you have to let a pixel here or there go for the sake of responsiveness.8 -
Sorry if I'm just ignorant but: I see a lot of rants about designers expecting pixel perfect implementations of their designs. Is that for real? In my world there is hardly ever pixel values at all. It's not paper publishing. It's web, things have to scale. For an iOS app where you have a few known screen sizes - fine. But web? Come on...
And that's without even going into CSS or browser quirks.4 -
When graphic design agency hands over inconsistent, partly done "desktop" A4-layout made in 2 days in InDesign. "Okey developer guy, make it responsive, magically. Oh, and pixel perfect!!" Design agency takes 40% of the budget. Never again.2
-
Why is web development such a headache?
I'm writing a responsive wesbite from scratch. All goes perfect, even cross browser.
It all works, adapts to screen size etc. Nice! About to get this code into production.
Me: I'll test the iPhone 5 viewport size before I push the code...
Responsive Developer Tools:
FireFox: nu uh, there's a magic random 1px margin to every element on your page now, which you cannot find in your css or in the computed tab. It's magical.
Me: weird, what if I change the viewport size to the iPhone 6's dimensions?
Issue persists.
Me: hmm, what if I add or substract one fucking pixel from the viewport width or height?
FireFox: What 1px margin? Don't know what you're talking about ... There never was one...
Me: ok, weird (sets viewport size back to the iPhone 5 format for testing)
FireFox: I present to you: the magic random 1px margin.
I'm at a loss. I really am. Been clicking and unclicking almost every responsive part of my css I could find for this page and it just doesn't want to work persistently. And I swear to god that it worked a week ago in that exact viewport size. It's so frustrating.31 -
In highschool we went through something like a malware/phishing prevention course.
It was pretty cool tbh, we spend the whole hour in a virtual environment where you'd see common malware and phishing attempts, but the really fun you could also "hack" other students.
Hacking them means you could cause some things to happen on their "PC". One of those was showing in a captcha on their screen and they had to type a the string of your choosing, before they could access the rest of the "virtual computer" again.
You can probably guess where this is going.
I was the first who had the idea to mix big i and small L and tested it on our teacher, who was also part of this environment and screenshared to the projector.
Thanks to sitting next projection I could see the pixels and I can confirm: same character, Pixel perfect!
I will forever cherish the memory of my the teacher begging me to undo the "hack" and the chaos that followed amongst my peers 😈
Also one of the excersizes was stupid. Click on a phishing mail and enter your credentials in the form. I asked the teacher WTF kind of credentials they even want me to enter to microsooft.cum and they just said "the credentials obviously" so I think they got their karma🖕 -
keep getting website designs made in InDesign with widths in pt units without any grid and the client complains the layout isn't pixel perfect when 1220pt width doesn't look the same on 1220px. i had to make the desktop layout 1626 px wide...3
-
I ain't that picky, but the image I am including here makes me feel uncomfortable.
Is it horrible? Nah, shit like this happens all the time. I just feel weird about it due to my manager's constant pixel perfect implementation requirements.
I have been having a crazy week. And I am thankful that at one point during my period of Javadiction(the great Javadiction of 2015 as I called it because I did nothing but Java) I landed on the Velocity template lang.
I quite like templating engines. Always made me think that if I wanted to start with lang design I might start there. Anyways, Velocity is pretty cool and I quite like using it at work.
It makes everyone think that I am the Alpha coder since around these parts it ain't known at all. -
Got one right now, no idea if it’s the “most” unrealistic, because I’ve been doing this for a while now.
Until recently, I was rewriting a very old, very brittle legacy codebase - we’re talking garbage code from two generations of complete dumbfucks, and hands down the most awful codebase I’ve ever seen. The code itself is quite difficult to describe without seeing it for yourself, but it was written over a period of about a decade by a certifiably insane person, and then maintained and arguably made much worse by a try-hard moron whose only success was making things exponentially harder for his successor to comprehend and maintain. No documentation whatsoever either. One small example of just how fucking stupid these guys were - every function is wrapped in a try catch with an empty catch, variables are declared and redeclared ten times, but never used. Hard coded credentials, hard coded widths and sizes, weird shit like the entire application 500ing if you move a button to another part of the page, or change its width by a pixel, unsanitized inputs, you name it, if it’s a textbook fuck up, it’s in there, and then some.
Because the code is so damn old as well (MySQL 8.0, C#4, and ASP.NET 3), and utterly eschews the vaguest tenets of structured, organized programming - I decided after a month of a disproportionate effort:success ratio, to just extract the SQL queries, sanitize them, and create a new back end and front end that would jointly get things where they need to be, and most importantly, make the application secure, stable, and maintainable. I’m the only developer, but one of the senior employees wrote most of the SQL queries, so I asked for his help in extracting them, to save time. He basically refused, and then told me to make my peace with God if I missed that deadline. Very helpful.
I was making really good time on it too, nearly complete after 60 days of working on it, along with supporting and maintaining the dumpster fire that is the legacy application. Suddenly my phone rings, and I’m told that management wants me to implement a payment processing feature on the site, and because I’ve been so effective at fixing problems thus far, they want to see it inside of a week. I am surprised, because I’ve been regularly communicating my progress and immediate focus to management, so I explain that I might be able to ship the feature by end of Q1, because rather than shoehorn the processor onto the decrepit piece of shit legacy app, it would be far better to just include it in the replacement. I add that PCI compliance is another matter that we must account for, and so there’s not a great chance of shipping this in a week. They tell me that I have a month to do it…and then the Marketing person asks to see my progress and ends up bitching about everything, despite the front end being a pixel perfect reproduction. Despite my making everything mobile responsive, iframe free, secure and encrypted, fast, and void of unpredictable behaviors. I tell her that this is what I was asked to do, and that there should have been no surprises at all, especially since I’ve been sending out weekly updates via email. I guess it needed more suck? But either way, fuck me and my two months of hard work. I mean really, no ego, I made a true enterprise grade app for them.
Short version, I stopped working on the rebuild, and I’m nearly done writing the payment processor as a microservice that I’ll just embed as an iframe, since the legacy build is full of those anyway, and I’m being asked to make bricks without straw. I’m probably glossing over a lot of finer points here too, just because it’s been such an epic of disappointment. The deadline is coming up, and I’m definitely going to make it, now that I have accordingly reduced the scope of work, but this whole thing has just totally pissed me off, and left a bad taste about the organization.10 -
I remember when I was fresh out of college and I had a shitty client that wouldn't shut up on how my design didn't look exactly like the 50 page PDF they sent over. So what did I do? I took each page of the PDF, made it a JPEG, and made each page in the site an image. THERES YOUR PIXEL PERFECT DESIGN!2
-
I have seen a developer implement lots and lots of breakpoints. For basically every pixel resolution a new one. Yes, it’s literally pixel perfect. No it isn’t maintainable in any way
-
Got the iphone mini cuz I was ecstatic to have a small phone that I could use on one hand on the IOS ecosystem.
Found out that apple might discontinue the line for the next iteration due to "poor sales".
It really doesn't matter to me what operating system I am using for the phone, I wanted to give the IOS ecosystem a go with the release of this model. But man it kinda hurts that everyone is hell beant on large screens. Even the standard pixel phone feels too big. I do not want a "tiny" phone, even if one of my favorite Android devices was my Sony Ericsson XPERIA. To me the size of the iphone 5s was perfect. I just want companies to go to that again man. And I do know that there are models for Android that are capable of reaching similar sizes, its just that finding a premium level experience on a phone that size from the Android size gets hard to adjust to carriers etc.
I am liking this little fucker though, very speedy, nifty, decent battery time, camera etc.18 -
Question and Update.
First of all, I would like to thank @ScriptCoded for an idea in the previous post, so then I have beautiful terrain now, and the complete world map generated like plots, and each of them consists of 5x5 different plots defined by neighbors :) Hired a digital artist who is working on much nicer plots as well.
The new issue is regarding the zoom.
The map is saved as JSON with the pixel-perfect location of each generated plot so I am detecting the collision with the mouse based on their location. After I zoom in, the script is still comparing the pixel location of the element, but the real screen is scaled already so the pointer is off (image2). The problem is described in image3 as well. How can I still get the canvas relative value of the mouse instead of the x,y coordinate on the current zoomed screen?11 -
PM: we have plenty of time to develop this app. The client is so slow in providing designs and specifications that it took them 2 months just to give me this lousy mockup where they copy/pasted UI element directly from Photoshop. Btw, i have a meeting this afternoon with them :)
ME: ok. since it's Friday, monday you will update me :)
[Fast forward the weekend]
PM: where the hell is the App ? the client told me we have less than one month to deliver it. why didn't you provide a fully functional pixel perfect prototype yet ? Why don't you communicate with me ?
ME: :|1 -
In previous company I was a backend developer. All the frontend ones were on vacation so it was up me to redo the whole frontend because of design chance. So i thought it couldn't be that bad. Little did i know was that designs were just jpg files with no info about margins or font sizes or anything really and everything was supposed to be pixel perfect. Fuck. That. Place.
-
I'm generally new to front end development, couldn't keep up with the eco system even if I wanted to.
But what the fuck am I supposed to do when UX gives me mock ups in absolute units of pixels?
I thought best practice was for development was like vw viewport units of em units, because of the wrinkle of supporting different screen sizes and devices.
Is the general industry practice I'm supposed to use their general ratios and just get close enough? Like I don't want to dick around for diminishing returns trying to get shit pixel perfect, I don't have an eye for this shit to begin with.6 -
in my previous company , we used to create 4 custom ui states for just 1 screen in android app, and we would have task to create 3-4 new feature screens in 1 sprint (of 14 days) the states would be :
empty state : a state where data is not available. usually consisted of message, a graphic and some action button
data state : the usual state where data is filled on various elements
loading : a shimmer ui showing loading. it was supposed to be pixel perfect to that of the data state. it was basically a different xml, but with grey colored views instead of colorful. the tricky part would usually he to create the dynamic views
error/no connection state : as most of the screens couldbget api error or no internet error, this would be the screen for asking user to retry connection
all of these screens combined with their ui in xmls + kotlin code with barely any stuff being reusable , made the life incredibly difficult. however a lot of our customers would appreciate the interactivity of our app
doing these stuff again nd again , i had become trained to do all those 3-4 (x4) screens and the whole ui stuff in first 4 days of the sprint. but now i am in a company where i am getting passed on to managers after managers and getting tasks to change documentation in 1 week, i find those coding stuff incredibly tough.
gotta get back to shape -
Pixel perfect layout bugfixing doesn't even feel like development, it only proves that some people got their priorities terribly wrong if they worry about a 2 pixel margin anywhere. And I do say this as a front end dev who does respect a respect a good design. But still, pixel pushing sucks!7
-
So after working on a website for like a month to make it kinda pixel perfect in every resolution on every device the web designer just tells me "ok, you should move this whole thing up 30px"
Ok, no problem, I change the CSS for that div and make it all go up 30px
The very next day he tells me the while thing is fucked up and not aligned any more
I mean, is was all the same as before, nothing changed! -
Muahahaha!
Stupid canvas! I killed you!
No more anti-aliasing for you! Now it's time for pixel perfect drawings and a finally functioning floodfill algorithm!
I only had to make my own full custom drawing routine. It is not that I had other things to do, right?!
Seriously: Who the heck decided to implement anti-aliasing for a canvas that cannot be deactivated? Who!?
Oh, I hate frontend so much. That's not my world... -
I get this weird itchy, antsy feeling when in the midst of doing a tedious, but precise work. Like pixel-perfect mouse operations or keyboard-intensive code refactoring.
Please tell me I'm not alone in this. -
I like many Apple products but if there's a thing I hate about that company its their aspirational marketing: they doesn't sell computers, phones, tablets, earbuds and stuff anymore, they want to sell you a "perfect lifestyle" (perfect from the perspective of Californian tech-bros) where you'll be super fit, super organized, devour self help content like no tomorrow while taking pixel perfect notes, do mindfulness and breathing exercises, juggle 5 social events a day... and all it takes to achieve that is buying "just one more device".8
-
Just finished a little proof of concept of a reprojected multisample antialiasing technique and daaaaamn it's looking good. First time ever a rendering technique I invented isn't complete shit so that's an improvement
It still has some (pretty big) issues with both spatial and temporal ghosting but I have some ideas in the pipeline
I wish I could show you guys comparison images but as it turns out most anti aliasing techniques look pretty good on still frames but only the good ones stand up under motion and I don't know of a good way right now to capture pixel perfect clips like that5 -
"It needs to be pixel perfect"... Given single design for desktop (users use mobile app), with random spacing and inconsistent vertical and horizontal rhythm.
From @browniefed on Twitter1 -
So the saga of broken fucking everything continues at work, and I'm managing it, effectively, and doing it correctly on the first go-round. It's a long process though, because the two retards who preceded me were equally inept for completely different, yet equally disruptive and destructive reasons. The first dude was just plain psychotic, probably still is. I'd post some of his code, but I don't want anyone's face to melt off like those Nazi dudes at the end of Raiders of the Lost Ark. I can handle it because I'm constantly inebriated, which is not as fun as it sounds. If you have to ask yourself if you can handle it, you probably aren't, unless you've had to Uber to/from work due to still being fucking drunk. Anyway, enough about that, and it was only like twice. The rest of the times, I was more blazed than Jerry Garcia at a weed smoking contest. Moving along.
UPS shipping labels broke two weeks ago, I fixed it, but these fucking 10xers jointly decided to not only never implement anything resembling error handling, other than EMPTY GOD DAMN "try/catch"es (empty catch, wow so efficient), and instead of using COMMENTS, which I know are a new thing, they'd wrap blocks of code in something like: if 1 = 0 {} FUCK YOU DICKFACES. As I was saying before I got emotional again, they tied the success to all kinds of unrelated, irrelevant shit. I'm literally needle/haystacking my way through the entire 200GB codebase, ALONE, trying to find all the borked things. Helpfully, my phone is ringing all the time from customer service, complaining about things that are either nothing to do with the site, or due to user stupidity, 75% of the time.
A certain department at my company relies on some pretty specific documents to do their job, and these documents are/were generated from data in the database. So until I can find and fix all of the things, I've diverted my own attention as much as possible to the rapid implementation of a report generation microservice so that no one elses work is further disrupted while I continue my cursed easter egg hunt from fucking hell.
After a little more than two days, I'm about to lauch a standalone MS to handle the reports, and it's unfortunately more complicated than I'd like, because it requires a certain library that isn't available on Winblows, so I've dockerized the application. Anyway, just after lunch, I've finished my final round of tests, and I'm about ready to begin migrating it to the server and setting up (shitty fucking shit) IIS to serve it appropriately. At this point, this particular report has been unavailable by web for about 8 days.
A little after lunch, and with no forewarning of any kind, the manager of managers runs upstairs and screams at me to "work faster" and that "this needs to be back online RIGHT NOW", but I also know that this individual is going to throw a fit if things on this pdf aren't a pixel perfect match. So I just say "that's some amazing advice, I wish I'd had the foresight to just do it better and work faster". Silence for a good five seconds, then I follow up with "please leave and let me get back to my work". At that moment from around the corner, my "supervisor" suddenly, magically even, remembers that he has had the ability to print this crucial, amazingly super fucking important document all along, despite me directly asking him a week ago, and he prints it and takes it where it needs to go. In the time that it takes him to go to that other department and return, I deploy my service.
I spent the rest of the day browsing indeed and linkedin jobs, but damn this market is kinda weird right now, yeah?2 -
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 -
Why must pixel perfect scaling be so fucking hard... It all works perfectly but I'm limited to a max of 540p for the games camera view but as soon as you drop your resolution bellow 1080p you get stuck with 300p or lower... Ughhhhhhhh
Why did I choose to do pixel art... Wonder if converting everything to vectors would help, wonder is smashing my head into a fucking wall would help... -
I'm dealing with the dumbest customer ever, they provide the literal worst designs, and then they want pixel perfect designs. But it gets worse. They look at the result on a phone that has a different size than the design, so it looks off, even though it's all correct. It's soo boring copy pasting from Figma ahhhhhhh. And then I have to review everything 5 times because they keep complaining? I'm done, that's it, I'm gonna switch careers and become a writer.
-
Shits ridiculous
So much of my goddamn time wasted
Perfect idea really
Gradually grab all pixel locations that fit space constraints
Remember finishing this script and watching the areas populate
Purpose ? Extract shapes to feed my damn neural network for custom character recognition
So much goddamn time wasted
Bastards I hate you all !3 -
Working on programming a user interface so a user can select a line in a graph. I have a rotated mouse area to match that of the line to be selected. This mouse area can detect when a mouse enters the area. This seems to be working well. But then I noticed it was lopsided. Entering the area from one direction was not showing entry as soon as from another direction. Then I realized that the black border of the mouse was not being used to trigger entry into the area. It is the white area of the mouse tip that triggers this. The black area is only to provide contrast so you can see the mouse.
So on a mouse, and in mouse point selection on Ubuntu, the black border of the mouse only servers to provide contrast to the controlling white area of the mouse.
🍿🍿🍿4 -
I just got the new ARM-based macbook. I was shocked that the menu bar is sooo fucking high now, and that there is a gap between the menubar and the maximized app.
How can this be? Are they totally nuts over there at Apple? I bet Steve would fire the responsible person immediately.
Is it really that hard to be somewhat pixel-perfect?
This looks so out of place and disgusting. It literally hurts my eyes.9