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 - "responsive design"
preface: I'm fucking exhausted and angry.
Why does everyone assume I know how to do frontend?
Why am I always the design girl?
You hire me to do backend. STOP GIVING ME FRONTEND DESIGN CRAP. I HATE IT.
AND STOP GODDAMN YELLING AT ME FOR NOT MAKING SOMETHING RESPONSIVE.
I DON'T KNOW HOW.
yes i can learn, but I CAN'T FUCKING PICK UP A SKILL LIKE THAT IN A DAY. Also, I fucking hate it.
STICK IT UP YOUR (min-width: 1400px) ASS.
But seriously, I've spent 13 hours today figuring out completely new things (webpack, susy, express.js, cloudinary, responsive best practices, more webpack) because the boss is in panic-mode (his preferred state) and wants this project released last monday.
guess what? it isn't done.
because i still don't know how to do everything. and ofc there's nobody to ask because there never fucking is.
Seriously, boss-man. hire a fucking designer, and stop being an illiterate sales goon while you're at it. ffs.60
A: So are you the programmers of this software?
B: Yeah, I did the front end
A: Oh it looks so fantastic! It is simple, yet beautiful and responsive. Truly great design, you are so talented!
C: I did the back end...
A: Oh, you mean the server stuff?
Client: "I need css3 html5 jQuery based fluid and responsive design UI with d3.js charts..."
Me: which browsers do u have...?
Client: oh for security reasons we only allow IE6 and we have Win XP OS only...
Me: So how closely are u related to Donald Trump..??8
// devRant unofficial UWP update (v2.0.0-beta)
After several concepts, about 11 months of development (keep in mind that I released 20 updates for v1 in the meantime, so it wasn't a continous 11 months long development process) and a short closed beta phase, v2 is now available for everyone (as public beta)! :)
I tried to improve the app in every aspect, from finally responsive and good looking UI on Desktop version to backend performance improvements, which means that I almost coded it from scratch.
There are also of course a few new features (like "go to bottom" in rants), and more to come.
It's a very huge update, and unfortunately to move forward, improve the UI (add Fluent Design) and make it at the same level of new UWP apps, I was forced to drop the supported for these old Windows 10 builds:
- Threshold 1 (10240)
- Threshold 2 (10586)
Too many incompatiblity issues with the new UI, and for 1 person with a lot of other commitments outside this project (made for free, just for passion), it's impossible to work at 3 parallel versions of the same app.
I already done something like that during these 11 months (every single of the 20 updates for v1 needed to be implemented a second time for v2).
During the closed beta tests, thanks to the awesome testers who helped me way too much than I ever wished, I found out that there are already incompatiblity issues with Anniversary Update, which means that I will support two versions:
1) One for Creators Update and newer builds.
2) One for Anniversary Update (same features, but missing Fluent Design since it doesn't work on that OS version, and almost completly rewritten XAML styles).
For this reason v2 public beta is out now for Creators Update (and newer) as regular update, and will be out in a near future (can't say when) also for the Anniversary Update.
The users with older OS versions (problem which on PC could be solved in 1-2 days, just download updates) can download only the v1.5.9 (which probably won't be supported with new updates anymore, except for particular critcal bug fixes).
So if you have Windows 10 on PC and want to use v2 today, just be sure you have Creators Update or Fall Creators Update.
If you have Windows 10 PC with Anniversary Update, update it, or if you don't want to do that, wait a few weeks/months for the update with support for your build.
If you have an older version on PC, update it, or enjoy v1.5.9.
If you have Windows 10 Mobile Anniversary Update, update it (if it's possible for your device), or just wait a few weeks/months for the update with support for your build.
If you have Windows 10 Mobile, and because of Microsoft stupid policy, you can't update to Anniversary Update, enjoy v1.5.9, or try the "unofficial" method (registry hack) to update to a newer build.
I hope it's enough clear why not everyone can receive the update today, or at all. :P
Now I would like to thank a few people who made this possible.
As always, @dfox who is always available for help me with API implementations.
@thmnmlist, who helped me a lot during this period with really great UI suggestions (just check out his twitter, it's a really good person, friend, designer and artist: https://twitter.com/thmnmlist).
And of course everyone of the closed beta testers, that reported bugs and precious suggestions (some of them already implemented, others will arrive soon).
The order is random:
Changelog of v2.0.0-beta:
- New UI with Fluent Design and huge improvements for Desktop;
- Added native support for Fall Creators Update (Build 16299);
- Changed minimum supported version to Creators Update (Build 15063), support for Anniversary Update (Build 14393) will arrive soon;
- Added mouse support for Pull-To-Refresh;
- Added ability to change your username and email;
- Added ability to filter (by 'Day', 'Week', 'Month' and 'All') the top Rants;
- Added ability to open rant links in-app;
- Added ability to zoom GIFs (just tap on them in the Rant View);
- Added 'go to bottom' button in the Rant View (if more than 3 comments);
- Added new theme ('Total Black');
- ...complete changelog in-app and on my website (can't post it here because of the 5000 characters limit)...
What will arrive in future updates:
- 'Active Discussions' screen so you can easily find rants that have recent comments/discussions;
- Support for 'Collabs';
- Push Notifications (it was postponed and announced too many times...);
- More themes and themes options;
- and more...
If you still didn't download devRant unofficial UWP, do it now: https://microsoft.com/store/apps/...
If you find some bugs or you have feature suggestion, post it on the Issue Tracker on GitHub (thanks in advance for your help!): https://github.com/JakubSteplowski/...
I hope you will enjoy it! ;)54
This is the first FUCKING time i succesfully made a responsive site without any frameworks on my own, and i couldnt be more proud.
I mean the design sucks ass but thats not the point.27
I fucking hate frontend webdeveloping... It was all nice! Vertically aligning items using flexbox etc... But then God said, "let there be cunts who use unsupported browsers!"
FUCKING HELL I HATE IT13
When I was looking for an internship...
- Hello, I noticed your cv and you have a great portfolio! Are you familiar with responsive design?
- I have a basic knowledge on that, i am not an expert.
- Ok, can you come for an interview on Monday?
Interview with CEO...
- What's your experience with responsive design?
- I have a basic knowledge on that, i am not an expert.
- Sorry I need someone expert
- But the job is for junior dev and it's an internship
- Yes but man hours of someone to training you will be a cost for me.
- Ok, thank you
(Step before closing the door)Btw you should had check my portfolio, 4/8 websites are responsive.4
fuck web designers who give 0 effort for design to be coding friendly. and then want the page to be responsive. GO FUCKURSELF.3
Creating a personal website:
Step 1: Have 20mins of inspiration.
Step 2: Spend a day writing css and js
Step 3: Realize it sucks because (ugly || bad responsive design || not enough content)
Step 4 Experience no inspiration what so ever for next week
Step 5: Repeat11
Let me preface this by saying I'm not a designer.
While I can make individual bits of a site look good, and I'm actually pretty skilled with CSS/Sass, overall design completely escapes me. I can't come up with good designs, nor do I really understand *why* good designs are good. It's just not something I can do, which feels really weird to say. but it's true.
So, when I made the Surfboard site (that's the project's internal name), I hacked everything together and focused on the functionality, and later did a branding and responsive pass. I managed to make the site look quite nice, and made it scale well across sizes/devices despite being completely new to responsiveness. (I'm proud, okay? deal.)
After lots of me asking (in response to people loudly complaining that the UI doesn't have X feature, scale properly on Y device, and doesn't look as good as Z site), the company finally reached out to its UI contractor who does their design work. After a week or two, he sent a few mockups.
The mockups consisted of my existing design with a darker background, much better buttons, several different header bars (a different color) with different logo/text placements, and several restyled steppers. He also removed a couple of drop shadows and made some very minor styling changes (bold text, some copy edits). Oh, he also changed the branding colors. Nothing else changed. It's basically the same exact site but a few things look a little better. and the branding is different.
My intermediary with the designer asked for "any feedback before finalizing the designs" -- which I thought odd because he sent mocks for two out of the ten pages (nine plus a 404 page). (Nevermind most of the mocks showed controls from the wrong page...).
So, I typed up a full page of feedback. Much of it was asking for specifics such as responsive sizing on the new header layout, how the new button layout would work for different button counts, asking for the multitude of missing pages/components, asking why the new colors don't match the rest of our branding, etc. I also added a personal nitpick about flat-looking controls because I fucking hate them. Everything I wrote was very friendly and professional.
... His response was full of gems. Let me share a few.
1. "Everything about the current onboarding site looks like a complete after-thought." (After submitting a design basically identical to mine! gg!)
2. "Yes [the colors match our current branding]." (No. They don't. I checked. The dark grey is different, the medium grey is different, the silver is different, the light blue is different. He even changed the goddamn color of the goddamn LOGO for fuck's sake! How the fuck is that "matching"?!)
3. "Appreciate the feedback [re: overlapping colored boxes, aka 'flat'], design is certainly subjective. However, this is the direction we are going." (yet it differs from the rest of our already-redesigned sites you're basing this off. and it's ugly as shit. gg again :/)
4. "Just looked at the 404 page. It looks pretty bad, and reflects very poorly on the [brand name] brand. Definitely will make a change here!" (Hey! I love that thing. It's a tilted, dotted outline of a missing [brand product] entirely drawn with CSS. It has a light gray "???" underlay and some 404 text inside. Everyone I showed it to, coworkers and otherwise, loved it. "Looks pretty bad". fuck you.)
I know I shouldn't judge someone so quickly, but what the fuck. This guy reminds me of one of those pompous artists/actors who's better than everyone and who can never be wrong, even while they're contradicting themselves.
When did “responsive“ web design become synonymous with “huge f*cking images, big ass captions and needing to scroll vertically forever“?!
Although sites like that may look good on tiny mobile screens, on desktop screens they are just freaking me out. I am not blind, nor am I too stupid a visitor to handle denser paragraphs of text in a more sophisticated kind of layout! Geez...8
Our project manager who also happens to be our web designer... (Start Up)
Project Manager: We have a go signal. Go convert this design to html and css. And make it responsive.
Me: Can you forward me the mail so I can check if it's actually approved?
Project Manager: Just do it.
Me: (After tweaking) There. It's done.
Project Manager: They want to change all the layout of the site. We're gonna do it from scratch. They didn't like the design.
Me: What? I thought your design was approved?
Project Manager: I thought so too. But i'm your PM so get back to work.
There was no mail from the client.7
About a year ago, I did an e-commerce for a client who wanted to sell electronic goods. It was a custom design, so the team prepared a mock-up and we showed it to the client who absolutely loved it. The specs were that he was going to sell only a few products (like 50 or so) so the website had to showcase the categories and didn't need to put a lot of products on page. Also the design had to be unique as he wanted to be different from his competitors.
A few weeks later, during the dev phase the client checks again the design and starts doubting about it. We redesign it adjusting to his oppinion. A week later he schedules a meeting where he starts complaining that the deadline is late and that the design doesn't accomplish his specs. At that meeting he tells us that he wants to sell thousands of articles since he's doing dropshipping.
We start from scratch and make a third design, which he approves after quite a lot of changes. He also asks for a dropshipping plugin which we install in its free version, when he complains about having to update manually, we answer politely that he has to purchase the paid version.
Fast forward, we deploy the website and the design has a few issues related to responsive development. We fix it quickly and the site starts working.
He also has a physical shop, however, since he's competing with big corporates like Amazon or eBay and he can't offer any difference, neither his phisical address or his on-line shop manages to be profitable.
He decides to close the business but before, he calls my PM saying that the website has "never worked" (There were a couple of people who bought with 0 issues and we tested the site countless times). And that we shouldn't have recommended a custom design because the website never worked. He also implied that we should compensate him because of that.
I've never seen my PM to tell someone to "fuck off" as fast as he did.6
Fucking HR interviews. Fucking "tell me about yourself" and pretending to seem interested in what i have to say while you think about how you did it with a guy behind the dumpster.
For fucks sake, i am a developer, i have spent more time with coding language than human language. I speak more to a rubber duck than to my friends. That's what you want to know about me?
I am here to fix your fucking site that uses flash plugin in 2017 and you want me to tell good things about your company?
Do you want me to tell you the details about your site that i got from whois and that your subscribed domain registration will end in September this year?
You don't know what responsive design is and you dare interview me?
Thanks for wasting my time and telling me shit about your company and how you have offices in germany and china. Well guess what? I dont care. I am busy thinking about some girl... Actually i am thinking about my side project. I dont know why i pretend to be cool?7
This was not a client but my CEO himself. The website of the company was supposed to be made responsive. So, during the design phase I was explaining how how events should not be used to display ideal information as hover don't exist in touch devices. To this, he says, "Why don't you create something so that when the user has his hand over the phone(like an inch above, but not touched), it treats it like a hover".
The worst part is I still don't know if he was kidding or not!10
I got a design from designer on making a website. I made it responsive all the way to screens as wide as 2000px.
Designer: Why didn’t you follow my design. The site is so wide now on my screen. Can you follow my design?
Me: So limit the site to a max width of 700px as per you design.
Designer: yes please
[ A week later]
Designer: Just checked out the site on a wide screen. It looks so empty. Can we do something to make the content fit to the window so it looks less empty on a wide screen?
It's enough. I have to quit my job.
December last year I've started working for a company doing finance. Since it was a serious-sounding field, I tought I'd be better off than with my previous employer. Which was kinda the family-agency where you can do pretty much anything you want without any real concequences, nor structures. I liked it, but the professionalism was missing.
Turns out, they do operate more professionally, but the intern mood and commitment is awful. They all pretty much bash on eachother. And the root cause of this and why it will stay like this is simply the Project Lead.
The plan was that I was positioned as glue between Design/UX and Backend to then make the best Frontend for the situation. Since that is somewhat new and has the most potential to get better. Beside, this is what the customer sees everyday.
After just two months, an retrospective and a hell lot of communication with co-workers, I've decided that there is no other way other than to leave.
I had a weekly productivity of 60h+ (work and private, sometimes up to 80h). I had no problems with that, I was happy to work, but since working in this company, my weekly productivity dropped to 25~30h. Not only can I not work for a whole proper work-week, this time still includes private projects. So in hindsight, I efficiently work less than 20h for my actual job.
The Product lead just wants feature on top of feature, our customers don't want to pay concepts, but also won't give us exact specifications on what they want.
Refactoring is forbidden since we get to many issues/bugs on a daily basis so we won't get time.
An re-design is forbidden because that would mean that all Screens have to be re-designed.
The product should be responsive, but none of the components feel finished on Desktop - don't talk about mobile, it doesn't exist.
The Designer next to me has to make 200+ Screens for Desktop and Mobile JUST so we can change the primary colors for an potential new customer, nothing more. Remember that we don't have responsiveness? Guess what, that should be purposely included on the Designs (and it looks awful).
I may hate PHP, but I can still work with it. But not here, this is worse then any ecommerce. I have to fix legacy backend code that has no test coverage. But I haven't touched php for 4 years, letalone wrote sql (I hate it). There should be no reason whatsoever to let me do this kind of work, as FRONTEND ARCHITECT.
After an (short) analysis of the Frontend, I conclude that it is required to be rewritten to 90%. There have been no performance checks for the Client/UI, therefor not only the components behave badly, but the whole system is slow as FUCK! Back in my days I wrote jQuery, but even that shit was faster than the architecuture of this React Multi-instance app. Nothing is shared, most of the AppState correlate to other instances.
The Backend. Oh boy. Not only do we use an shitty outated open-source project with tons of XSS possibillities as base, no we clone that shit and COPY OUR SOURCES ON TOP. But since these people also don't want to write SQL, they tought using Symfony as base on top of the base would be an good idea.
Generally speaking (and done right), this is true. but not then there will be no time and not properly checked. As I said I'm working on Legacy code. And the more I look into it, the more Bugs I find. Nothing too bad, but it's still a bad sign why the webservices are buggy in general. And therefor, the buggyness has to travel into the frontend.
And now the last goodies:
- Composer itself is commited to the repo (the fucking .phar!)
- Deployments never work and every release is done manually
- We commit an "_TRASH" folder
- There is an secret ongoing refactoring in the root of the Project called "_REFACTORING" (right, no branches)
- I cannot test locally, nor have just the Frontend locally connected to the Staging webservices
- I am required to upload my sources I write to an in-house server that get's shared with the other coworkers
- This is the only Linux server here and all of the permissions are fucked up
- We don't have versions, nor builds, we use the current Date as build number, but nothing simple to read, nonono. It's has to be an german Date, with only numbers and has always to end with "00"
- They take security "super serious" but disable the abillity to unlock your device with your fingerprint sensor ON PURPOSE
My brain hurts, maybe I'll post more on this shit fucking cuntfuck company. Sorry to be rude, but this triggers me sooo much!4
So. I'm trying to use Material Design with Material UI. The components and UI look *great*.
It's from google, though, which really pisses me off. but I like what I can do with the UI.
I really want a grid system for responsiveness. because obviously. besides, i really hate doing all the responsive shit myself. it sucks and i hate it.
Material Design does not include a grid system. okay, it includes a grid component, but it's not for site layout. it's for making a grid of images. or something.
What it does include is a lot of very lengthy documentation on what you should do, complete with fancy graphics saying "THIS IS HOW YOU MUST DO IT OR YOU'RE DOING IT ALL WRONG" -- but they don't actually support it! you must do it all yourself.
Why oh why would they tell you how you must do things if they don't provide the tools to make it possible? fucking google.
You might decide it's a grand idea to interject at this moment and say: "there are plenty of tools out there that allow you to do this!" And sure, you'd be right. however -- and i think this might just barely might be worth mentioning -- THEY REALLY FUCKING SUCK. Hey, let's look at some of the classes! So clear and semantic! This one was nice and simple: "xs4" -- but wtf does that mean? okay, it apparently means 4 columns as they'd appear on an extra-small layout. How does that work on a large layout? Who knows. Now, how about "c12"? okay, maybe 12 columns? but how does that display on a phone with a layout small enough to only have 4 columns? i don't know! they don't know! nobody knows!
oh oh oh oh. and my particular favorite: "mdc-layout-grid__cell mdc-layout-grid__cell--align-bottom" WHAT. THE. FUCK. I'm not writing a goddamn novel! and that one claims to be from google itself. either they've gone insane or someone's totally lying. either way, fuck them.
SO. TERRIBLENESS ASIDE.
Instead of using Material Design v0.fuckoff that lacks any semblance of a grid layout, I figure I'll try v1.0 alpha that actually has one supported natively. It's new and supports everything I need. There's no way this can't be a good idea.
The problem is, while it's out and basically usable, none of the React component libraries fucking work with it. Redux-Form doesn't work with it either because it doesn't understand nested compound controls, and hacking it to work at least triples the boilerplate. So, instead, I have to use some other person's "hey, it's shitty but it works for me" alpha version of someone else's project that works as a wrapper on top of Redux-Form that makes all of this work. yeah, you totally followed that. Kind of like a second-cousin-twice-removed sort of project adding in the necessary features and support all the way down. and ofc it doesn't quite work. because why would things ever be easy?
like seriously, come on.
What i'm trying to do isn't even that bloody hard.
Do I really have to use bootstrap instead?
then again, fuck this significantly more.
When a Coursera course is way better than the one offered by your university…
A university student's rant...
I study Electrical and Computer Engineering and during the first semester of the second year I selected an optional course: Web Programming. It was believed among students that the course would be really easy, and it was. All the student had to do was build a very simple website using HTML, CSS and a few line of JS. A website containing three or four pages all of which had to be validated using a markup validation service.
Yeah, sure, I passed the course just like everyone else who bothered enough to spend an hour or two working on the project. Oh, I almost forgot! We had an one-hour workshop on Dreamweaver!
So, by that point, everybody was a front-end developer, right?!
That happened over three years ago, and because of that course web-development didn’t impress me…
Thankfully, the last few months I’ve became interested in Web Development, and I’ve been reading some articles, spending time on smashing magazine, making some progress on FreeCodeCamp and taking relevant courses on Coursera!
Oh boy, the things I didn’t know that I didn’t know…
<sarcasm>Did you know there was a term called “responsive design” and that there are frameworks like bootstrap?</sarcasm>
Well, I d i d n ’ t k n o w ! ! ! (even though I had taken the university’s course).
I understand that bootstrap was introduced in 2011 and I took the university course in late 2012, but by that time, bootstrap was quite popular and also there were other frameworks available before bootstrap that could have been included in the course! (even today, there is no reference in responsive design in the university’s course).
In just five weeks the coursera course managed to teach me more, in a more organized and meaningful way than my university’s course in a whole semester!
When I started the coursera course I shared it with a friend of mine. His response: “yeah, sure, but web development is pretty easy… I didn’t spend much time to complete that project three years ago!”
That course three years ago gave birth to misconceptions in students' minds that web development is easy! Yeah, sure, it can be easy to built a simple, non responsive, non interactive website! But that's not how the world works nowadays , right?!
A few months ago, in the early days of August, I attended Flock, the Fedora community conference. During a break I spent some time speaking with a Red Hat employee about student internships. He told me, and I paraphrase: “We know that students don’t have a solid background and that they haven’t learned in the university what we need them to!”
Currently I’m planning to apply for a front-end developer internship position here in Greece.
Yesterday I wrote my CV, added university courses relevant to that position and listed coursera courses under independent coursework… While writing those I made these thoughts…
What if that course 3 years ago was as good as the coursera course… all the things I’d know by now…6
i am BEYOND pissed at google.
as some of you know, i recently got android studio to run on a chromebook (you read that right), but it being a chromebook and google being a protective fucktard of their crappy operating system, i had to boot into bios every time i started it.
when i was with some friends, i started up the chromebook, and left, after telling my friends how to boot the chromebook.
ten seconds and literally one press of the esc button later, he broke the entire thing.
but that's not what that rant was about, i honestly knew it would happen eventually (although, this wasn't the best time).
so now this screen pops up.
"chrome os is damaged or missing, please insert a usb recovery drive" or something like that.
well, i'll create one. simple enough.
no wait, this is google, just your average 750 billion dollar company who cares more about responsive design then a product actually responding.
i started to create the recovery usb. of course, chrome developers thought it would be a good idea to convert the old, working fine, windows executable usb recoverer, and replace with with a fucking chrome extension.
i truly hope someone got fired.
so, after doing everything fine with the instructions, it got to the part where it wrote the os image to the usb. the writing stayed at 0%.
now this was a disk thing, writing os's and shit, so i didn't want to fuck it up. after waiting ten minutes, i pressed 'cancel.'
i tried again many times, looked things up, and frantically googled the error. i even tried the same search queries on bing, yahoo, duckduckgo and ecosia because i had the feeling google secretly had tracked me over the past 7 years and decided to not help me after all the times i said google was a fucker or something similar.
google is a fucker.
after that, i decided to fuck with it, even if it formats my fucking c drive.
i got to the same point where the writing got stuck at 0% and proceeded to fuck. i start spamming random keys, and guess what?
after i press enter, it started.
what the fuck google?
1000s of people read the article on how to make the recovery drive. why not tell them to press the goddamn enter key?
i swear there are hundreds of other people in my same situation. and all they have to do is press one fucking key???
maybe tell those people who tried to fix the shit product you sold them.
fuck you google.10
I'm really close to just quitting coding all together. This job is sucking the life out of me. I've lost my interest in code and the idea that there are better jobs out there.
My "boss" who's not even really my boss but behaves like he is, is micromanaging my every tag, and is an information hog. He doesn't document, he doesn't tell me anything, I've been here six months and still don't know half of what I need to know to do my job properly!
I'm expected to implement a new responsive design, but we don't have design specifications.
Cool, you'd think, new ideas, complete overhaul! Let's get a good foundation in bootstrap going!
WRONG! It needs to fit in with the old, fuck- ugly pre 2000 design.
Not because of any design constraints in particular, but because HE wants it that way. You know what was fucking trendy in 2000? Tables. Tables fucking everywhere. YOU KNOW WHAT TABLES ARE NOT? RESPONSIVE YOU FUCKING ICE LOLLY CHEWER!
We have no development timeline, no process management, no fucking project management. THE FUCKING PASSWORDS WERE STILL STORED IN PLAIN TEXT UNTIL LAST MONTH YOU IRRESPONSIBLE BANANA DEEPTHROATER! 😤😤😤😤😤😤
I'm doing my best here to get something resembling the old page, but there needs to be some fucking compromise! We are in fucking 2017, let's work with Bootstrap instead of against it, how about that you fucking bald cactus!
I know enough about UI to know that the way we're going, this is just going to be another unusable fucking clusterfuck.
YOU KNOW THE BEST FUCKING PART? I'M A FUCKING BACKEND DEV AND I WAS HIRED AS SUCH! GIVE ME A DESIGN TEMPLATE AND I'LL DO MY BEST TO IMPLEMENT IT, BUT FUCK YOU FOR EXPECTING FRONT END LEVEL DESIGN KNOWLEDGE YOU DUMB FUCKING SPAGHETTI!14
I've been at my job for about 3 months now. They have me remaking a 10 year old site so that it's responsive and updated to HTML5. well the "senior developer" I'm working under doesn't know squat about responsive design and doesn't know that tags like font are deprecated so he's basically just copy pasting old code into bootstrap grid and calling that "updating the site". Lol did I mention he's still declaring the doctype as HTML 4 too? how did I get stuck here? -_-10
Who the fuck doesn't use responsive design. Oh yeah my Job. Thank God I quit Friday. Fuck this old ass dirt company4
How some of our country's government websites handle responsive web design:
"Best viewed in Internet Explorer 5.x or higher in 1024 x 768 resolution"5
Yesterday, I finished the front-end of a project for a client. Responsive, clean,.. Looking 'smexy' :D
Today I've got an email of the client, saying he made some small design adjustments...
I think you already know where this is going.. But inline-css everywhere, fixed widths, br's as spacers,.. (It was like an old Frontpage-like design..)
I've changed the FTP user.. From now on, he has to request his changes so that I can apply them.. Damnit.. But hey, extra paid hours of work I guess :D3
I work at a school and am involved in building the new website. Specifically as an ex Web developer myself I am acting as intermediary between the leadership team and the company we have hired to build the site. The company has a "the customer is always right" approach and will do what they are asked for so my main role is stopping the school from making stupid requests.
For example yesterday they complained that the site looked different on mobile compared to desktop. Then they complained that the (long paragraph) welcome message appeared below the menu and quick links on mobile instead of above them (forcing users to scroll down to get to navigation controls). After many more complaints and mind boggling suggestions, and my attempts to explain responsive design and reducing cognitive load, I left the meeting with a headache and an urge to spend the next three hours drowning Lara Croft.
The most difficult part of any developers role: not throwing the keyboard at the client every time they say something stupid.1
Last year I had a meeting with the newly hired Senior Graphics Designer.
She was presenting the new design of the company's website with all the features she wants.
After a few minutes, I asked her, did you design it as a responsive website?
"What is that?" She said. I said that the website should display or have atleast a design for mobile view and desktop view.
And she replied, "is that a requirement?"
Talks to myself: how the hell we hire designers like this?
PS, she earns 4x my salary5
You realize you complain too much about shitty websites when even your wife, while surfing from her phone, begins saying "this website sucks"...1
This really pisses me off. As a front end developer (ember.js, HTML and Css) colleagues and boss and pm are always making jokes how I just need to change a button or a color and whenever there is a bug in the UI there's always big fun and jokes around it. But when there's a bug in the API, they never joke around, it's just : oh yeah we're getting the wrong data or an exception. But they always like to undervalue UI work even when it involves complex layouts, multi browser compatibility, responsive design, mobile browsers etc.. While they just code their API to connect to a database and everything works they don't really need to worry about what the user is using as a browser. They just get requests and send replies. I don't really think people value the work in front end as much as backend and that pisses me off as I believe there's a lot more going on in the front end.. I know they mean well and they are all cool people but sometimes it pisses me off as they don't value my work..13
Client: I want my site to look exactly like the design.
Me: Of course, but I'm assuming you want it responsive...
Client: yes, I want it to look exactly like the design on all devices.
Me: but that's not how...
Project manager: of course the site will be fully responsive and look exactly the same on all devices.
1 week later...
Project manager: The site looks horrible on mobile!
Me: it matches the design perfectly...3
Remember my rant about having to write a newsletter which works with MS Outlook?
Remember that rant by @EclipseMain about teachers teaching how to build a website in MS word?
Well. The two just became united. I had finished the fking newsletter and was waiting for approval. They kept on introducing last minute changes, a commata here and there and whatnot. I literally was waiting for 2 weeks to send that shit out.
My boss gets the glorious idea that if I complain so much about Outlook and Microsoft, lets have the secretary design the newsletter from scratch, literally copying my design, in ms word... argument: one can send an html email out from word.
Then they ask me which one should be send out. I say I can apply the design suggestions to my newsletter but if we sent theirs, with all the weird fonts and being even less responsive then my suggestion, it would be even worse.
What the fuck.
Also: they let me waste a lot of time on this thing to tell me later oh we have money left lets hire a designer. Why not do that from the start? Ffs... <.<5
It was my internship and I've end up working on a law company specializing on Australian construction laws they're working on a website that will take care of all the paperworks for the contractors. They have a dev team who's working on it but they don't have a web designer. I was accepted for the job as an intern/web designer/tester. I was so happy that I've got a really cool internship as a designer but that's only for a second.
The hell starts on day one. They've told me that they're using agile workflow and that they need to make the website responsive. It was based on bootstrap and gosh their code was so broken. HTML tags overlay on each other, some are unclosed. I've tried to fix the problems and did a great job at that. Made the front page responsive and all laid out. When I went to the next php file it has a different header.php and footer.php and same problems apply and we're not even touching the worst.
They didn't use any version management and they're cowboying everything. Now that the website is on the staging server they use Cpanel text editor to edit the code! My headache started to pileup.
The Australian client asked me to provide icons and fix the colors of the website. Also the typography looks great already. I've fixed almost all the problems and I'm satisfied with the design when suddenly a new co-worker from a famous and expensive college was absorbed by the company. He worked as the marketing specialist who has no experience at web design at all. He told me to do this and that and the whole website changed. He bullied me for my skills in design (I'm an intern) and just took over the whole design. Everyone even the boss listen to him as if everything he say is right. He's skilled at design but not web design. He made the website look like a freakin movie poster.
All my works are for nothing, I got headache for nothing and I've got hated for nothing.
It was the day when I finished my internship. It was a long 3 months. After a month I've heard from my co-interns that the whole dev team was fired including the marketing specialist. Also the whole website is scrapped and has been rebuilt by a single guy who used WordPress which he did in only a month.
On my first week in the internship, I have to create a small website and it has to be finished ASAP. So I used Bootstrap.
After finishing I tested the website in chrome debugger tools for every screen size (design responsiveness), it was working fine. My stupidity was that I haven't tested on actual mobile/tablet.
The site was live, I send the link to one of my friends and he said "why everything is so small? looks like I'm browsing on PC". I quickly grab my phone and visited the site and it was not responsive on mobile. Started to check the code again, tested again on chrome tools it was working. But not on mobile. Changed the bootstrap file but no fucking changes on mobile.
After few moments of thinking, I realized that I haven't included the "meta viewport" tag. I felt so stupid and it was kind of embarrassing for me.
Now I first include meta tags before working on new project.5
I just logged into my bank account to see that everything has changed. More basic, primitive styling and in general it is shit. Why am I ranting about this, because I could tell from looking that it has been done to be more mobile friendly. Sure enough I resized the screen and everything snapped into place like it would on a mobile.
Now I've got to put up with an inefficient and more time consuming UX all because some twat in the bank has decided to pander to mobile devices nearly ten years after they've been introduced even though there's already a mobile banking app for that.
Responsive design is like living with a dwarf, because one of you is small, nobody else is allowed to have cupboards on walls anymore. Bastards!7
That time you think you found your dream dev job...
But they really just needed a content entry person so the other dev could add 'senior' to his title and work on all the new fun projects, while you're stuck fixing IE7 bugs in his code from 3 years ago.
He used prototype instead of jQuery.
You try to tell them about responsive design, but they think everything needs a separate mobile version.
You spend half the day learning his custom functions to a cms he built 2 years ago, and he's in the process of rebuilding a new cms from the ground up, so you have to learn the new version too.
Was fired 3 days before my birthday, and didn't get my company gift, even though I contributed to every one else's gifts.
Fired 2 months before birth of my child so lost my insurance.
After my time there... They now build responsive, they now use jQuery for everything. I also showed them how to do IE testing with virtual box, instead of them using the secretary's computer.7
when you make your best at code writting,responsive design, and making everything smooth but the designer get the credit " coz' the design it's what matters" really? i can't imagine browsing a static image..1
I hate responsive design. I hate responsive design. I hate responsive design. I hate responsive design. I hate responsive design. I hate responsive design. I hate responsive design. I hate responsive design.9
Today somebody claimed they have the "copyright" of responsive websites.
First of all, I'm here for almost a year now, but this is my first rant. Hello guys!
(linuxxx, call me)
This didn't happen to me.
So, it begins like this:
Some client called us and said "[INSERT_COMPANY_NAME] called us and said they have the copyright of all responsive websites, asking money."
I hanged up, laughed hard and visited [INSERT_COMPANY_NAME] website and saw this:
- Each website that uses the solution must report the domain name in order to register it.
- If a company undertakes web site design, it is the company responsibility to inform and record.
- Any unauthorized website will be considered unauthorized and a violation case will be opened.
Pricing (Currency Converted to Dollars)
1 Website ~$260
2 - 10 Website ~$1300
Well, eventually I reported this to government. I unmasked this fraud.
OR DID I?
Their site is saying this now: "We do not serve this to anyone except government now, you are making nonsense and we do not want nonsense."
So I posted it on a forum, asking what can we do.
We are suing this company now. Yeah, I said "we".
PS: If we cannot win this, I'll get the copyright of subdomains.1
When I design a website I always give my best to make it look modern and responsive. Then I look at a website of a local company and want to throw up.
The fact that I have to convert a 90s-ish design into a WordPress theme despite the boss trying to convince our client that WP's shit and we should do it in something else doesn't tilt me as much as it should.
But what DOES tilt me and piss me off is the fact that the shitheads told us to 'make the design better', and so I tried; I made one of their graphics responsive by only designing it with CSS (and for once, I even made it work right) because they wanted a mobile-friendly version but failed to supply a mobile-version PSD so I had to improvise and they had the balls to tell my boss that they're 'disappointed that we failed to follow the guidelines'.
Did you bitchsicles even bother to hire a proper fucking designer who would know how to fucking design a PSD to convert into HTML? There's no fucking grid, the design's all over the fucking place like your mother after a Viagra-fueled Friday night bukakke party at an old home and the colors are an eyesore like your own fucking selves if you ever bothered looking in the fucking mirror. Fuck you all to hell.1
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
that moment when I browse the Internet via mobile phone and have to request the desktop version (chrome) because that fucking mobile view sucks AF
What a big fail if I choose the desktop view over the "responsive" one on my small device1
FYI. Copied from my FB stalked list.
Web developer roadmap 2018
Common: Git, HTTP, SSH, Data structures & Algorithms, Encoding
Back-end: PHP, Composer, Laravel > Nginx, REST, JWT, OAuth2, Docker > MariaDB, MemCached, Redis > Design Patterns, PSRs
DevOps: Linux, AWS, Travis-CI, Puppet/Chef, New Relic > Docker, Kubernetes > Apache, Nginx > CLI, Vim > Proxy, Firewall, LoadBalancer
Trying to communicate with a client's former "web guy" to transfer the clients domain back to my client so I can make changes to the design and make it mobile friendly.
He emails me "it's on Wordpress, so it's already responsive"
Go to double check on iPad and my phone. design is unresponsive...
I studied BS Computer Science and one of our requirements is our thesis. All of the groups in our section proposed Web Based apps and got rejected because web based apps are too common. So we have no choice so all of us proposed mobile apps. Mobile Development is not in our curriculum so we have to teach ourselves during the development of our thesis.
All of the groups' dev collaborated and taught each other except one group, my group. Since I am a lazy motherfucker, I didn't taught myself how to develop a mobile app (android). So I made a web based app with responsive design, purchased my own domain, used android studio's webview and voila, a mobile app with a web based admin.
P.S. We got the best thesis award.3
Firefox's Responsive Design Mode is shitty. After 2,3 refreshes, it just stops loading new changes. And hang like a drug overdosed whore who got continuous gang bang.
It just stops.
I have to turn it off and on again to be able to use it.5
So I was planning on a single page website for my relatives hotel websitte and offered to make it for free ( as an offer for other huge project i was doing for same person )
But just got told that one of my uncle told to tell me that website design should like the website design of another hotel xyz.
For second, I thought that other would be very nice. So I checked it out.
Guess what! That other site looks like it hasn't updated since 2005! No HTTPS. No responsive design. Looks like fugly crap from 2005 to me. Has a huge Click to enable Adobe Flash banner on homepage.
I lost my hope in humanity and I quoted a price for making that. I guess I just gotta do a shit job and will get paid for it now 😂3
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
Agency hires me to convert a 4 column + sidebar + pattern backgrounds email to responsive, for a big client, I make a redesign, simplifying it (less columns, flat...) to avoid issues, client insists, exactly the same design is needed.
I tell him its almost impossible but I will try, and try, and try, many times, but on their old Outlook, some email parts are not aligned (just that), try, and try, many hours, many days beyond budget... all the times since first explaining that perfection is not possible with all possible email clients, and like 7% is using outlook... At that point, and before, email was so well.
Finally I put an end to this, tell them to pay and leave me alone, as they didn't take my advises and warnings serious, not my fault.
This story is nothing until the discovery I made today: the agency had signed a contract with the client, a bank, in that contract there was the obligation to replicate exactly the same design and should be perfect in all email clients...3
"Aww yeah, Bootstrap 4 is coming!"
Shut up bitch! I started 2 years back with web development when I was a noob and since then you are coming.1
responsive design technically is just playing hide and show using media queries. Nothing fancy about that.4
Like who the fuck uses tables anymore for websites. like Fuck. what the fuck is wrong with this company. then uses InDesign to make the websites and slices the images in Photoshop. this isn't the fucking stone ages. upgrade your shit. fucking design team wanna be responsive but fucking to lazy. so I have deal with their shit. when they complain about fucking image Sizes. I fucking hate this company.4
Wordpress and CSS...
God i’m pissed at this shit!!
Don’t even get me started on responsive design
When you have to override 48297 rules just to change a fucking text color
Having to explain to coworkers (not devs) why a site displays differently on different screen sizes and in different browsers every time they review a new site. Also why IE8 is the work of Satan and should have a stake through its heart, have a lead weights tied to its feet and be thrown into the deepest ocean in this solar system.6
I always spend a lot of time thinking about the responsiveness of my designs, often I get stuck for some time due to random images, backgrounds etc not fitting the device size and then I check other sites to get inspired and get disappointed and sad how most developers just don't give a shit and either the background just gets cut off, images just hidden instead of aligned for example to the left further down the content and so much more, am I the only one spending so much time into getting my sites/designs perfect across any device and screen size?
So a week ago my boss asked me to design + build/write code for our new site from scratch.
Meanwhile the old website they have had for 5 years is still without SSL and looks pre-2000.
It's supposed to be finished and be mobile responsive by tomorrow.
I'm the digital marketer.3
Constraint Layout is the best thing Google has ever made for responsive Android design, when it works.
Half the time it suddenly stops finding any elements I want to attach my selected one to, so it can't constrain what I want it to constrain.
A restart fixes it though...1
I've been using Bootstrap for my websites for a long time now. I'm looking to change things up a lot on a couple of them. Anyone have any recommendations for some great bootstrap alternatives?9
TIL that our creative design team that produces our web designs/layouts are all print designers. They were stumped when I gave them a wireframe mock up as the base for a website design for the first time, with no defined pixel measurements.7
Fuck Ajax and it's stupid fucking side effects. A language should not have inherent side effects. "Oh, you like responsiveness?! How about I just remove all your events after a post?! How about that for responsive design ya lil bitch!"3
The agency I own built a WordPress plugin for a client using a freelancer developer. The client, out of ambivalence, withheld information that would have drastically changed the design of the plugin, but by the time we found out it was much to late to start over. The developer moved overseas in the middle of it all and from then on was not very responsive to communications about the project which delayed things by months. I tried to find a replacement developer but nobody else had experience with the third-party API. The live version of the API ended up not being able to support what we were trying to get it to do with the plugin even though the test version of the API was fine and the vendor was unhelpful. And because we spent so much time and money on the plugin, we weren’t able to even begin on another part of the project. The client complained of over $30,000 in lost revenue due to these issues. Complete fail all around. I’m never doing another custom software project again. It’s all just website design from here.2
I wonder if they thought about responsive design back in the 90s while resizing terminals in desktop computers..2
When your boss finally gives you the wifi access codes to check the responsive design on your phone without killing your personal 3G quota...2
I aim to be web designer...
a little backstory, I've always been ignorant towards how much effort it takes to design one responsive website without frameworks or libraries and now that I know it's not a child's play (at least not for me), I aim to be one, I mean I look some websites' media query rules and they go down till smart watches now a days1
Blisk.io for all you mobile devs out there. It still has a ways to go but it's worth checking out.6
First time developing an Android app using Android Studio. I wanted to see how it is to make a mobile app. It's very simple, doesn't wow with design and calculates price discounts. First time using Java too, which was cool. Biggest annoyance? Making fields and buttons "responsive" to different screen sizes!1
I remember when first iPhone came out, The only broken shit while browsing was panning and pinching(most of the pages did not have responsive design) but they worked. Now every fucking webpage is mobile friendly, except all of them are fucking broken! You don't have safari or Chrome? Then fuck you! Here you have this BIG fucking button that does not work. Fuck all SPA!1
Recommendation for mobile css queries?
I want to use one or two queries. Not more. And I find lists of way too many.
Is there a guide that covers like.. two? Two additional widths you should design? How do you do responsive webdesign?5
* sees mock-up in the provided design PDF, notices a diagram that could be made with CSS
* writes responsive CSS for the boxes and makes them more appealing than in the original design
* feels proud
Skip to today, it got assigned as an 'issue', got asked to NOT do it like this, and instead extract a png from the PSD and use that instead. Despite me saying not only is it going to look bad because it's not exactly going to be responsive the way they want it to be.
Bootstrap doesn't magically make images responsive, goddammit...2
I guess my story is not really cool, but okay, I lost my job as a Digital designer (Yeah, I actually have a bachelor's degree in graphic design, I'm an impostor)
I lost it because I saved enough money to travel to Japan and I wanted to stay at least a month so the company didn't like it. after coming back I got a job as a content editor, I just copied old content from an old website to a new one, basic html and css, not even responsive design, then I got really into it, and bootstrap came along, the company opened a new department "Front End" so I got in, I learnt responsive design and Jquery, really loved it, I went back to Japan for a month and a half, keeping my job, I liked it, but I quit.
I now work as a remote front end and I feel stuck, I'm very comfortable as remote, don't wanna go back to an office, but it seems I'll have to, can't find any opportunities to improve remotely, and I feel like I'm missing what the "cool kids" are doing.4
Fuck I feel fucked up just for completing user account management, authentication, email verification, password reset. Securing all of this with ssl and checking for any security loopholes.
I can't believe this took me more than a couple months.
Well I was lazy and unmotivated.
I fucking hate crafting stupid ass routes in nginx.
I fucking hate making a nice responsive gui.
I have to design even the stupid html for the emails. Fuuuuck.
So much boilerplate on top of that with username and email validation.
I learnt regex 5 times over the past couple months, still not enough.
And now I actually have to build the functional part.
On the plus side I can reuse this stupid boilerplate if I can make it more modular and readable.
There's shit ton of comments to the point where I feel like an idiot for including so much info. It's like I've written it for a toddler to take over.
Gawd. Anyways it's over now. 50% I guess.
I can finish the rest of the server more quickly and then spend another year designing the Android application.
I'm really lazy in places where I have to design UI/UX. Although at this point it's kinda what could put my application at the top. (I'm lazy, I ain't bad.. I just hate implementing my ideas I wish I could just visualize and have it appear on my screen)
I do like parts of gui that involve little math problems that would make motion smooth and efficient.
I've had enough. I can't handle those bad designs layouts anymore. It is getting on my nerves to receive designs from "professionals" that don't think about responsive layouts, correct alignments, grid, vector shapes, use 6 different font families, and have graphics placed in the most wrong places.
Oh, and let's not forget that such design should be coded in 15h. Sure dear client. Keep dreaming, idiot.
Want responsive layout that fit on all device but expect fast deliver. Pls at least finalize the design and stop pushing. Deconstruction of code is not as easy as changing color in photoshop.3
I could really get use to mobile app development because I’m really REALLY tired of responsive design.4
Recently I completed a whole year in programming. Holy jebus, I have no idea I could make it through.
I started thinking I was "decent" at this because I had taken a half dozen courses in python plus some algorithm logic in school lol @ innocent me
I'm an applied math student and I hereby declare I was the most incompetent dude you'll ever see.
My manager would ask me to deliver new shit to an app I was developing mostly by my self in react (I barely even knew what RFC or ES6 was by the time I started).
I got fired from this project because I couldn't deliver by myself what 5 experienced dudes could (debatable, but still... Cuz they couldn't when they took over. Boss wanted to rewrite the whole app in a week and a half)
Turns out I got called back by the same company but to contribute in another project. This time to automate some shizzle with python.
Feelsgoodman but I want out ASAP can't stay sane for longer
Back-end developer (São Paulo / Brazil)
Vacant job: Back-end developer
Assignments: Work as a Back-end developer, PHP, and MySQL. Develop tools/applications for the web with a DB.
Projecting and modeling DB Knowledge. Good knowledge of usability, Cross-browser (IE7+, Chrome, Firefox, and Safari).
Desirable: Knowledge on Graphic Design and Front-end projects1
Got a BPOS company commission a website. WordPress of all things.
But that's fine.
The client sends us a PSD to refer to. Buys a theme to modify and gives us a time frame.
Stupid client. Their design doesn't even line up with the theme.
We are getting paid peanuts for this.
Font sizes not specified.
Colours not specified.
Responsive design expected but not designed
Behavior not explained
Custom footer expected that took a week to code from scratch.
Custom accordion section coded from scratch
We decided that the 15 of April would be the last date. It's the 27th and I'm still fixing shit.
We didn't get paid enough for this.
The QC for the site was done on the 24th!
I'm still working on it, for free.
The liason on the client side goes to Australia for vacation and the content is not being put on the site. They ask for content work too.
I'm just about to go postal.
web devs... what are the commom screen sizes you use for responsive design. I used the bootstrap grid but there are some tablets which resolution is higher than a normal conputer and that tablet is considered as a computer. Is there any css-only-way to make a difference between desktop, tablet and cellphone?4
Any tips to stop getting pissed at your designer's design?
I was given a frontend task after so long (I'm a backend developer who has frontend experience) and the design is very good except architecture wise it's very difficult to build. It's not impossible, but it's very tricky to implement.
Our client has already approved the design, so I guess there's nothing I can do about it
But I am getting constantly annoyed when implementing the design. Whenever I look at the design, I feel like swearing all the time. I feel the designer is very inconsiderate. The design looks very good at big desktop screen, but some part looks dumb in responsive or tablet.
Does anyone ever feel the same? And maybe have tips for me to get by?
My managers have started telling me to stop saying "it's difficult" or "it's too hard". But it is difficult! And I am getting more annoyed when they tell me that.
Whenever I tell the designer that certain part is not gonna work (because we try to make things general so we can reuse), he will argue and somehow ended up saying "come on, just think how prideful you will be after implementing this".3
The way the responsive design says that Google has a "Guide for Existing"
God, I need one of those!2
Guys, I would like to learn how to make web design for mobile. But I don't know where to begin, can you help please?13
Responsive design on react native is such a pain in the ass when you have tablets with different width/height ratio.
Two days on this project and it's driving me crazy.1
Any tips for good practices of @media queries for responsive design (portrait and landscape) ?9
I love HTML and last night, I discovered Material Design Lite. It did not have many design features. So, I looked and found a better responsive website designer. Bootstrap looks great! I will making some website with it to learn some of it classes.4
So I've gotten my first real assignment. I'm a second year media design student in the Netherlands. My job is to work out a design I've made for a platform into some front-end. The website just has to function as a product to show other people to get an idea of how it will look. It has to be responsive and has like 3 pages: Frontpage where all kinds of courses are displayed, the course page itself and a page with information about the site.
Long story short: they asked me how much that'll cost them. And I have no clue what I should answer. I think I can make this pretty quick so hourly pay would not be beneficial for me I think. What is the devrant opinion or what are your experiences with first jobs2
Every time I turn on device mode on Google Chrome devtools I lose my session (I'm assuming it deletes the cookies).
1. Is this just in my local setup?
2. Is there a way to keep my current session every time I turn on/off device mode on Chrome?
3. What other solutions would I have to do live tests of responsive design on my website?