Teaching 7-8 year olds the basics of web design. We're we're playing with CSS and changing colours of block elements and text. One girl put up her hand, completely confused as to why it wasn't working. Her code:

Section {
Background-color: rainbow;
}

Oh the wonderful mind of children

TOP 10 PROGRAMMING BEST PRACTICES

#1 Start numbering from 0.
#10 Sort elements in lexicographic order for readability.
    #2 Use consistent indentation.
#3 use Consistent Casing.
#4.000000000000001 Use floating-point arithmetic only where necessary.
#5 Not avoiding double negations is not smart.
#6 Not recommended is Yoda style.
#7 See rule #7.
#8 Avoid deadlocks.
#9 ISO-8859 is passé - Use UTF-8 if you ▯ Unicode.
#A Prefer base 10 for human-readable messages.
#10 See rule #7.
#10 Don't repeat yourself.

CSS 101: How to check if elements are directly under each other

The Company I work for has a new Website.
Me: opens inspector, changed an elements position.
Boss: "Stop! We paid so much for this you'll destroy everything."
Me: reload page, smile at him.

Friend: You make games right?

Me: Yea I try to atleast, why?

Friend: I have this cool idea for an MMORPG with fantasy elements and dragons and stuff!

Me: Well thats a lot of work, just setting up serv-

Friend: We can have a bunch of cool stuff like Sandbox stuff, Guild battles and 100v100 pvp

Me: As I was trying to say, it would requi-

Friend: OH We need space for atleast 10 thousand people on each server!

Me: ... Good luck buddy!

Become a therapist. Inspect people instead of DOM elements.

A single fucking CSS SELECTOR has over 12000 characters !!!!

JUST THE SELECTOR !!!

Just to add `color: #ffc311;` to a bunch of fucking elements !!!

WHAT THE ACTUAL FUCK !!!

Why not create a fucking class like `color--orange` and add that on all the elements you need to have that color, at least !!

THIS IS A FUCKING NIGHTMARE !!!

Adding borders to HTML elements? Nah.

I put them in a parent element with a background color, then add margin to the child.

My friend loves Dreamweaver... And continuously says that he doesn't understand what people see in it that is so wrong... It does the job right?...... Fucking blind...

Uses a bootstrap plugin which generates HTML code for bootstrap.
I did not know this at the time.

Comes to me the night before submission.
He: Dude i need help quick! I've got the presentation tomorrow morning and bootstrap fucked up the links to my style sheets or something, my page is broken and won't work. I should have done what you did and gone for Foundation...
Me: Yeah, because the bootstrap framework definitely affects the style links...
He: help me out man, please! I can't do this anymore!

I had my submission the day after him to prepare still...

Me: Teamviewer. Now.

Log on to Teamviewer.
See what he's using to code...
Dreamweaver..... Niiiiice....

I go through the code. There are empty divs with &nbsc; in them everywhere.. some HTML elements haven't been closed, no comments, indentation seems to be completely random. All the usual shit storm of a novice web designer.
The only thing is, this guy I know knows how to indent, I've seen his previous work. Why is this so horrible then???
I ask what the hell happened, it looked like a nuclear explosion happened!

He: Yeah I'm using this great plugin for Dreamweaver which lets me click and it puts in Bootstrap elements! It's great!

........ You're blaming the bootstrap framework for affecting your links to your stylesheets, you're using an elements generator, you're not checking what the FUCK it puts into your code, not fixing the indenting, not checking the standard HTML rules are followed AND YOU WONDER WHY IT'S BROKEN???

Kill me now.

My boss likes to measure the spacing between DOM elements using a ruler to make sure everything is proportional.

I forgot to remove some padding on an element so it wasn't exactly centered, so he comes in and says...

"the padding on the site is off, I think you need to use this" *drops ruler on desk*

Now I have to keep this stupid ruler on my desk because whenever I forget to align something he says... "that's why I gave you the ruler"

Too difficult to explain to these subhumans that I don't need a ruler to write proper css

When you start a new job as a Senior Developer, and start asking questions about the code, and you have these collections of conversations with other front-end people:

Exhibit 1:
Me: Ahh so I see the filtering and pagination is all done with Javascript in the front end...

Random dev: No, it's done with Angular.

Exhibit 2:
Me: I think we should add frontend pagination to this page. There will be too many elements on it if you're a customer with 2000 servers.

Random dev: Don't bother, there's no pagination in the API call... So that will not gain any performance.

Me: But it wouldn't take long to implement and it would improve the user experience, why would you want to show ALL the elements, when you have an option not to... Also, it WILL be a major performance hit, especially on mobile.

Random dev: People will use search anyway.

😥🔪

Also, there are no coding standards, every file looks different, and my opinion is being disregarded in everything, and I thought my last job was bad...

Seriously how are some people hired as front-enders?

Since I just took this job, I feel obligated to stay a couple of months... But hey, don't cry for me, I might have more rants for you. 😂

Sorry for the long rant, here's cake: 🍰

Recently my company worked in project with a big international company which uses a crazy framework to build a part of there webpage. This framework only used random IDs and class names and not even different html elements. And to completely freak out all elements are positioned absolute and on every change the whole page go rendered.

Dear software companies,

As much as I appreciate all the dark themes being used lately either as default, or added as options (Youtube, Discord, Postman, Windows Explorer, etc)... you guys still suck at theming.

A #000 background with #fff font is almost as bad as the reverse. Too much contrast! Then there are some apps which use grayish tones, others brown/orange stuff... pretty ugly if you use it all next to each other.

So how about just adding good theming support? Or even better: what about a global theming standard, a styling preference, a system wide json file which defines UI elements for all apps?

My employer gives me a mission to complete in our project using plain js.
*Uses 30 hours of working time completing the mission using custom js elements*
*Presents the results proudly to the employer*
*Realizes Microsoft edge doesn't support custom elements*

The time I had to explain to my CS professor that HTML elements can in fact have multiple classes.

Devrant::Mathematicians, unite!

I found a new way to calculate running average.

Old:
a(o, n, i) = (o(i - 1) + n) / i

New:
a(o, n, i) = o + (n - o) / i

a: New average function
o: Old average
n: Element to add to average
i: New number of elements

Spent 6 hours today trying to figure out why the CSS got all jacked up on a site right before launch.

Turns out, the new college grad who went to school for front end development doesn't know how to specify elements at all.

They made all their edits using the broadest selectors possible, sometimes at the tag level.

Having never looked at the site or mock-ups I had no idea what it was supposed to look like so I spent a lot of time waiting for people to tell me whether things were fixed, and telling what else was broke.

Good thing their college degree means they make 20% more than me.

I remember that time, when a pretty big customer bought a tiny server from us and proceeded with setting up their tiny website.

Everything went smooth a smoothsauce until that day they decided to send a newsletter to 3 million subscribers - a complete nice email with alot of html and elements that was hosted on that tiny server.
The fact that most phones do download the emails with the attachment (pictures, html and shit) when the email arrive did they not know about. But sure - they atleast learnt something that day.

That shitty server died.

!rant

There are some extremely competent, blind developers where I work. They have a tool that read screen elements out loud to them.

At first it was chocking to see they work with the screen off. It makes total sense though, however this thought never crossed my mind before. Their headphones serve as screen to them, which is pretty cool.

A new linear time O(N) sorting algorithm [Keep it secret 🔒]

* Compare two adjacent elements one by one starting from the first element
* If there are out of order, delete the second element and continue with step 1
* If in order, go to the next two elements
* Once done, act like the numbers you deleted never existed

Works all the time.
Not yet published. Thinking of a good name for it.

I fucking hate HTML forms! Especially representing bloody nested objects within them!

Fighting with html forms has taken at least 80% of my time over the past three features. Why can't I just do this via API? It would be soo much freaking simpler! ugh.

But today.
Today is not going to be a good day.
I not only get to expand a complicated vanilla form with with one nested object today, I get to expand it to include three nested objects. Normally this wouldn't be a problem because it's just moving elements around, but two of those nested objects need to be broken up and combined into three+ segments each. I have no idea how to even approach this.

ugh.

Fuck you css!

Today I discovered (by losing some hours) that "position: fixed" has an exception when deciding where to position elements:

If the element with position fixed is inside an element with a transform, that element is treated has the viewport instead of the screen.

Why the fuck did someone thought that was a good idea?

Prof: So yeah this is going to be difficult. We're going to make the scalable math library. Then we have to make a functional finite elements library using that. Then make a multiphysics engine using that library. This could easily take your entire PhD. Are you prepared for that?

Me: May I show you something?

Prof: Sure, sure.

Me, showing him: We can use moose to code in the multiphysics. It's built atop libmesh for the finite elements. Which can be built with a petsc backend. Which we can run on GPUs and CPUs, up to 200k cores. All of this has been done for us. This project will, at worst, take a couple months.

Prof: ...

Guys, libraries. Fucking. Libraries. Holy fucking shit.

If I had a penny everytime I searched how to center different elements with css

Ruby’s fanciness bit me in the butt today. It’s pretty rare, but often confusing AF when it happens.

array = [1, 2, 3, 4, 5, 6, 7]
array.count +1 +2
# => 1
What the fuck?

array.count +1 +2 +3
# => 1
What the fuck?

+1 +2 +3
# => 6
Okay.

(array.count +1 +2 +3)
# => 1
What the fuck?

(7 +1 +2 +3)
# => 13
Okay...

array.count + 1 + 2 + 3
# => 13
Alright, so spaces matter here...?

((array.count) +1 +2 +3)
# => 13
But not here!? ... Oh. I think I know what’s going on.

Array#count
Returns the number of elements. If an argument is given, counts the number of elements which equal it using ==

Well fuck me.

Ruby is seeing `array.count(+1+2+3)` instead of `array.count()+1+2+3` since `+1` is a value, not an operator followed by a value as is the case with `+ 1`.

Now, why was I using +1 +2 instead of adding some spaces like I normally would? So they would match what was in the comment next to them for easier reference. Heh.

Future dev, I did this for you! So this is all your fault. :|

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!

"Everyone knows that debugging is twice as hard as writing a program in the first place. So if you're as clever as you can be when you write it, how will you ever debug it?"

- Brian W. Kernighan (The Elements of Programming Style)

I've been calling the W3 Consortium every day for the past week leaving the same message:

"Why the fuck doesn't CSS "vertical-alignment" work on all elements?"

Still waiting for them to return my call..

Note to self:
Don't try to remove elements from a list using a for loop because the FUCKING LIST SIZE CHANGES!
Just copy required elements to another list and discard the previous.
Spent fucking 2 hours on this.
/Rant

i hate my life sometimes.
as much as i can write frontend all day long and in my sleep, it never seems to amaze me how quick you can get into a deep nesting of elements in HTML.

Why is the navigation bar, and other UI elements in, I wanna say Mandarin?

When a website enforces "overflow: hidden" on all content elements, so you hit them with the good ol'

for(let e of document.querySelectorAll("*")) {
e.style.overflow = "scroll";
}

Just found out you can take Screenshots of a webpage right from the firefox console... neat! You can even select specific elements to screenshot.

Just throw :screenshot into the console - Ff v62 (--selector [css-selector], --fullpage, and some other params you can look up)

Have a good Monday :)

My life is just a series of disappointments right now from the people around me. Both personally and professionally. Glad I get to spend most of the time staring at a computer. Lifeless, yet the only rational elements in my life!

The codebase I'm working with hss rarely comments on it. But when there are comments written they are shit like:
//Kill Matt

//don't ask me where that hard-coded value came from, it just works

//we have to add the elements to the fucking list

Reeeeally helpful. Yep.

Started development on a Firefox addon again:

Adding an onclick HTML tag/property (however you call that) - doesn't fire at all.

Adding an event listener - says no elements with the class I'm using (checked, it's correct) exist, doesn't fire.

Well, fucking great 😐

!rant

2 days ago I made an image crawler with a web interface that scrapes whatever url you put in and returns a list of images that it found on that website, right now it's only limited to img elements

It was pretty fun to work on it during the weekend :3

Fucking non technical managers and their shitty clients to whom they suck their tiny weiners need to realise that I cannot reorder elements every 10 minutes to the shape of their fart comming out of their ass, test it, deploy it, trigger webhook, clear cloudflare cache, and meanwhile be sure that it's written in quality manner for future upkeep with commits that have sense.Hope deadline driven development dies in hell where it belongs

My worst sin is deleting elements with .innerHTML=“”;

La me working on a new chrome extension:

- ok, this page has some hidden divs, I need to tell the extension to make windows scroll to the bottom while there are still elements with a hidden class
- creates a while(1) loop with a condition inside it to break if no elements with hidden class are longer there.
- happy with the code
- uploads the extension
- goes to page
- brings out developer tools
- goes to console
- clicks on extension on chrome
- right clicks the extension and then inspect
- ok here we go: la me click on button inside extension popup
- console shows some logs
- nice it's still looking.
.
.
.
- wait! Why is the page not scrolling ???
- looks at logs, WTF nothing changes in logs .....
- OMMMMG a infinite loop .... infinite loop inside chrome ....
- OMMMMMG my pc's gonna crash .
-stop please stop stop.
- wait! how do I stop this?
- tries CTRL+C ... nothing
- tries CTRL+Z ... nothing ...
.
.
.
.
Abort abort Aboooooort.
.
.
.
- Deletes extension from chrome.
-..... loop still running
- clicks on X to close Chrome.....
- not closing O_o
- Oh God, i need to do something before Chrome sucks all the RAM left.
- remembers the savior...
.
.
.
- Task Manager heeeelp me.
- opens Task manager
- chrome is consuming ~ 2 GB of RAM.
- WTF! Kills chrome.

Thanks for reading my lil adventure 😅

APPLE IM GONNA BURN YOU WITH GASOLINE.

So i want to send my build to app store, from my iphone.

I want to log into iTunesConnect.

"It just works"

Yeah, right. Login page for itunesconnect does not render correctly on Safari web browser, on iphone, login arrow is not visible, and elements are scattered around.

Grrrrrrr.

On Google Chrome, it looks okay!!!!!!!!!!!
Spartaaaaaaaaaa.

After some tapping on screen, and rotating the device, i somehow found invisible arrow and managed to sign in.

BUT. Once inside i was unable to complete the process because UI refuses to scroll down :(

The pain...

About every project at my last job. Impossible to like any project with a boss that legitimately thinks frames and tables are a better option than learning css.

But why not, attribute styling on html-elements are the future indeed.

Debugging a HTML code from 2 hours which was working fine..

Ah!! No 2 elements should have the same id

Just wrote an article about how to code this with CSS. I'm new to writing stuff. Would love to hear what you guys think

Flexbox.. Where have you been all these years?!

When I initially started learning web development I remember thinking 'someone didn't quite think this through..' about centering block elements etc in the dom. Those days are now over, I still believe in miracles.

I'm so sick of being forced to use CSS frameworks at work. Every time I see one of those HTML elements with 87 terribly-named CSS classes, I want to scream and break something

What's wrong with Vanilla CSS? Why is it so unpopular to just stick with plain CSS, I feel like I'm infinitely more productive when I can just write out some short CSS than trying to wrangle the dumbass CSS framework to do what I want it to do. Even things like Vuetify make me lose my mind with the stupid shit you have to do to get it to behave how you want it

Also, Material Design is ugly as hell to me

The 'i am a total noob' feeling is real fiah like a mix tape right now. last week on a personal project i had the problem of placing a div within a div and the buttons not being clickable. i fixed it by fixing the positions of the elements. today the same thing but will a scrolling div and f*ck me right i just had to forget the solution. now i have been stuck for hours trying to figure out the right way and fooling around with no solution. learn your fundamentals.

I can’t stand how designers insist on over designing <select> elements. No, 50 divs with aria attrs will not make this component as usable as the native elements

Tldr: got trolled really hard in a meeting yesterday

So currently, our website has some control elements which are ambiguous to texts posted by users. So I was tasked wi... [read more]

(After several hours of debugging a returned "mal formed xml" error)

Me: We found out your api does accept our XML only if its elements are in certain order.

They: Oh! yes. :)

Me: ... and since XML should not depend on order, maybe you should fix that. Or at least alert about it in docs.

They: Yes, maybe we should. :)

Me: ... OK

!Rant && !Believe what I am seeing 😓

Just downloaded Android studio 3 to give kotlin a go to find out their designer is soooo much better now, I tried editing an activity with constraint layout and many elements inside without a single freez 😨

$ rsync /media/elements /media/data

... Why the fuck are existing files being synchronized as well.. they're the exact goddamn files rsync!!!

^Z
$ stat /media/elements/some.file
$ stat /media/data/some.file

Hmm 🤔 so they've got the same access and modify times, same size and everything, just that the change time is different.. well, guess I'll have to bite the pill then, syncing everything it is 🙁

Next day: rsync aborted because disk quota is exceeded

What the...
*Checks storage consumption on /media/data*
COMPLETELY FILLED TO THE BRIM

Oh God 😰 I didn't completely copy over a duplicate of that elements directory, did I?

$ ls -sh /media/data/elements
*exists*
$ du -sh /media/data/elements
1.4TB

But why..? All because I forgot a single / in my rsync command.

Please kill -9 me 🙂🔫

Im getting annoyed by the new layout of google. Hovering the sidebar will make a scrollbar appear but the main part of the site's scrollbar will disapear. This results in most content moving from their original place. Let's make a Stlyish script to fix this problem I thought. Guess what now somethings stay where they should be, but the things that were first on the right place have moved. Also this will make the header shorter. I'm getting more and more amazed how shitty some frontend devs are at google.
To fix one bug they, instead of solving the bug, tried to counter the result of the bug.

I do like the z-index of the sidemenu though (it's 2005, the year youtube was created)

I worked all weekend to reach a deadline monday for testing, fixed all issues detected and made the release document, change elements, everything required by end of tuesday. And sent it to release manager. He calls me back immediately and tells me the release Windows was closed monday and it will have to wait until next month. Noone told me the deadline for release changed, and the users are invited to a training and release event next week. Gotta love working for a huge company and being the little guy noone keeps informed. #releaseblocked

Ive been sitting here, trying to do VERY basic shit in angular (hiding elements and api calls), and after downloading 5 additional node modules that break my "build" (its not a fucking build, this is an interpreted language), im confident to say, fuck angular.

I had to remove the inherited elements of a div element in jQuery so I googled "kill children".

took me a while to understand ...

Designer: We need gradients and curved UI elements to make our product look modern.
- Codes over a month to support that.

Client: yeah gradients don't go with our branding and could you remove those curves!
FML

It's amazing how uncluttered you can make sites by just blocking elements from rendering.

Story time.

I worked on a project recently where the HTML was written just _perfectly_. Div elements were exactly indented as the blocks on the browser window.

CSS classes were self explanatory and altering them didn't introduce any new kind of bug on the browser window.

Introducing a new div block with CSS classes fit perfectly in the window along with responsiveness on different screens.

JS was also written in a self explanatory way.

It was such an Italian Chef's kiss grade of work that I just sat back and admired the glorious work for 10 mins. Totally deserved it.

So recruiter scheduled an interview and he gave me the hands on problem they'll ask me to code.

He says I'll get 60-90 minutes... so I tried coding it and I've come up with some questions I will be asking the interviewer before I start:

1. How professional do you want it?
2. Can I use my own libraries so I don't have to write the boilerplate stuff? (That should cut-off about 30 mins and make the logic much clearer)
3. Can I write it on a PC?
4. Can I not write the Imports
5. Can we just skip this? As we all know, you can see 90% of the elements needed for your program in some form in my GitHub repos.

So, I have a bit of a question for you guys..

I'm a self taught coder, but I think I lack some elements regarding the architecture side of software development.

Does anyone have some valuable sources to learn about it?

Thanks in advance :)

I'm learning today from the big brain managers that elements on our mobile app are "clickable".

Truly amazing, I wonder which of our users are plugging a mouse into their phones and using it to click around.

incompetent 🤡

I fucking hate how much content I need to block with ublock to make websites less shit. Fuck your banners. Fuck your surveys, fuck your newsletters/mailing lists. And fuck your fucking shit website designs.

Can't be the only one who sits there individually blocking all annoying elements on sites with uBlock. Many hours 'wasted' for the sake of making everything a bit less shit

Edit:tags

Bug I had to fix today: some elements in our React app were being swapped with other elements.

We had `<foo>bar</foo>` on the component but on the html `foo` was being swapped with some other element in our app. It's contents ("bar" in the example) were being left in place, though, so we were getting `<baz>bar</baz>`.

This would only happen when running on production mode. On development everything was fine.

Also, everything seemed fine on the React dev tools. `foo` was where it was supposed to be, but on the html it was somewhere else.

Weirdest shit I ever saw when using React. I found a way to go around it and applied that fix, but I'm still trying to track this down to the source.

The worst part was waiting for fucking webpack to finish the production bundle on every fucking change I wanted to test. I didn't miss the change-save-compile-test flow at all.

What a shit day.

Holy shit firefox, 3 retarded problems in the last 24h and I haven't fixed any of them.
My project: an infinite scrolling website that loads data from an external API (CORS hehe). All Chromium browsers of course work perfectly fine. But firefox wants to be special...
(tested on 2 different devices)
(Terminology: CORS: a request to a resource that isn't on the current websites domain, like any external API)

1.
For the infinite scrolling to work new html elements have to be silently appended to the end of the page and removed from the beginning. Which works great in all browsers. BUT IF YOU HAPPEN TO BE SCROLLING DURING THE APPENDING & REMOVING FIREFOX TELEPORTS YOU RANDOMLY TO THE END OR START OF PAGE!
Guess I'll just debug it and see what's happening step by step. Oh how wrong I was. First, the problem can't be reproduced when debugging FUCK! But I notice something else very disturbing...

2.
The Inspector view (hierarchical display of all html elements on the page) ISN'T SHOWING THE TRUE STATE OF THE DOM! ELEMENTS THAT HAVE JUST BEEN ADDED AREN'T SHOWING UP AND ELEMENT THAT WERE JUST REMOVED ARE STILL VISIBLE! WTF????? You have to do some black magic fuckery just to get firefox to update the list of DOM elements. HOW AM I SUPPOSED TO DEBUG MY WEBSITE ON FIREFOX IF IT'S SHOWING ME PLAIN WRONG DATA???!!!!

3.
During all of this I just randomly decided to open my website in private (incognito) mode in firefox. Huh what's that? Why isn't anything loading and error are thrown left and right? Let's just look at the console. AND IT'S A FUCKING CORS ERROR! FUCK ME! Also a small warning says some URLs have been "blocked because content blocking is enabled." Content Blocking? What is that? Well it appears to be a supper special supper privacy mode by firefox (turned on automatically in private mode), THAT BLOCKS ALL CORS REQUESTS, THAT MAY OR MAY NOT DO SOME TRACKING. AN API THAT 100% CORS COMPLIANT CAN'T BE USED IN FIREFOXs PRIVATE MODE! HOW IS THE END USER SUPPOSED TO KNOW THAT??? AND OF COURSE THE THROWN EXCEPTION JUST SAYS "NETWORK ERROR". HOW AM I SUPPOSED TO TELL THE USER THAT FIREFOX HAS A FEAUTRE THAT BREAKS THE VERY BASIS OF MY WEBSITE???

WHY CAN'T YOU JUST BE NORMAL FIREFOX??????????????????

I actually managed to come up with fix for 1. that works like < 50% of the time -_-

React Native is a disappointment.

Navigation - Pick one:
- Laggy piece of ballsack react-navigation
- Native, but a pain in the ass to customize react-native-navigation

Have a UI which changes often, and have your UI respond to your actions after 2 seconds.

Have a FlatList, where one element changes, and have your UI respond to your actions after 2 seconds.

Spam click a UI element which triggers a state change, and have your UI respond to your actions after 2 seconds.

Fuck the bridge, slow piece of garbage trash cunt.

Fuck the buggy reimplementations of existing native UI elements.

I want to go native so bad, but I have no time, so I'm stuck with substandard cross platform trash.

Is Flutter worth getting into?

ClientA: We need a minimalist design.

Me, took around 2 weeks to come out a very clean and sleek design with minimal elements.

ClientA reviewed and said: Can I add this and that? I think add in more picture can help to strengthen the credibility. How about......

Dear client,
If you provide me a PDF file that you name a design, and don’t provide any info I can’t do much with it.

So I got a PDF design for the program I was building. I tried to rebuild the elements and copy your photos. As you said this was the only file the designer had. But don’t expect me to look for your fonts, sizes etc. And then complain that I need to be more specific in the design... and sending me by once do I need to ask her something?

Just f*** off

Interviewing a 7yr experienced c++ guy, started with an ice breaker.
Me: when would you use std::list and when would you prefer to use std::vector
Candidate: vector for sequential elements and list for sequential but sorted elements
Me: why list for sorted elements? I didn’t say anything about sorting
Candidate: you’re rude

Real telephonic interview

So I just spent over two hours trying to get...5 elements to align nice and even. Sometimes I would think I had it then..nope. Everything is thrown way off.

The one thing I've learned so far is to throw everything into more divs if something isn't working, and maybe that'll work

Yes, php, it makes total sense that `array_diff` compares the string representation of the elements.

- Sometimes seeing all of you people have jobs as coders makes me depressed 😅.
- I couldn't even write a program (a few weeks ago) to insert an element into an array and shift the proceeding elements up one location 😩😢😓.
- Yes, that's how beginner I am 😳.
- Please, Don't kick me out of the community 😨.

What's everyone's opinion when it comes to designing modern and/or minimalistic interfaces when using blur or gradients?

I see a lot of people who are hating blur used in UI elements and a lot of people praise the 'death' of gradients, what's everyone else think of these.

I personally love using blur in UI's and do like gradients if done correctly (not 2 colour gradients)

EDIT: I mean what's your opinion on blur and gradients not which one is better :-P

Google's new Material design, with more curvy elements with broad borders, woth cocky font ...... is UGLY as FUCK

12 year kid at work

As I already said on devrant, I'm a freelance web developer and I also often sell my services for teaching, loving that. Currently I'm teaching PHP with 30 students and it's going very well.

But yesterday, I received an offer for giving another course next month, this time on HTML and CSS, for a company I don't know yet. Almost every line of this email is wrong, outdated by 20 years, or just basically meaningless...

So I thought I could do my best to translate this as close as possible to the original, preserving the wrong formulations too, just for you devranters fellas.

"Hello,

I have an offer for a 2 days course for 5 people (level 1+ and/or 2), on HTML5 and CSS3. Below, the program :

1. XHTML AND CSS2 INTRODUCTION

Advantages and benefits of change

Understanding compatibility for different versions of browsers

HTML, XHTML, CSS edition tools : presentation of the different tools

The CSS language : different types of selectors : class of selector, identifier of selector, contextual selectors, grouped selectors

Blocks of text, boxes of text

The CSS1, CSSP, CSS2 properties

Relative and absolute measures units

2. LAYOUT TECHNIQUES

Full CSS, XHTML websites demo

Positioning with the position property, positioning with the float property

Columns creation

Layout for forms

Layout for data tables

Layout for menus

3. INTRODUCTION TO SVG (SCALABLE VECTOR GRAPHICS)

Role and importance of SVG

Using SVG on client side : basic shapes

SVG structure of document, tags examples

Using CSS styles with SVG

Different integration methods for SVG in a XHTML document

4. OPTIMISATION OF JAVASCRIPT CODE

Introduction to DOM and Javascript

Access to document objects : different access techniques, using this keyword, create elements dynamically

Positioning elements with the help of Javascript : positionning elements relatively to the mouse, move elements

Show/hide elements for creating hierarchical menus

Code optimisation techniques : using objects, objects litterals, loops optimisation

Can you please give me your availability ?"

Seriously...

CSS-fucking-1 ! Is it a course for dinosaurs ?

...And if only my rant was just about the program...

It's totally impossible to cover all these subjects in only 2 days with people of different levels and experience.

The guy exactly said to me : "don't worry about the program, it's an old text but they agreed to it anyway. They just want to learn HTML and CSS, some of them already know it but want to learn more, and the others are total beginers.".

And here is the meaning for the "(level 1+ and/or 2)" part in the email.

So... Surprizingly, I accepted the offer, but asked for at least a 3rd day. I'm waiting for their answer, but I'll do it anyway, adapting the course content to the actual students knowledge. I need the money, after all.

Wish me luck...

It's just sad that these formation companies are selling bullshit to clients that just want to learn something useful. It's too often like that, they sell shitty/useless programs and we have to catch up in real time with students that don't understand why they don't learn what was told to them.

##Design to front-end conversion

Me - Send me the designs so i can start working it

Graphic Designer - Done ( Sends PSD files )

Me - Send me them separately, element by element, with transparency, color codes and flattened designs not PSD's

GD - Done

Me - Opens email to see elements that should be transparent saved as jpg's

Me - Opens PSD's, crop and save elements.

Meanwhile explains next time do this and that so it'll be easier.

Usually this happens few times a month

Basically every time a designer thinks they made the perfect design and that if the program works by itself that's it. No man, I still have to spend hours trying to make every element of my program map to the elements you put for me to use. Give me time!

So I did an interview today and the problem was given a = 1 2 3 and b = 2 3 write code that finds the common elements.

I asked what the data structures are and they said it can be whatever so I said cool then we can use sets and do an interception to get unique elements.... this was in Python... but for the life of me I couldn't remember what the intercept notation was... and brought that up hoping they're give me a hint haha.

So I ended up writing a 8-9 line solution for what could've been a one liner fml: return a | b.

All because I didn't know the notation and still needed to give them something. Painful to write when I knew I was reinventing the wheel. Sign

I almost never use sets so this was heartbreaking hopefully I still get an offer!

How bad of a fail is this in y'all opinion?

' "productivity" software':
trying to format a document in Word / Libre Office,
text defaults to some condensed serif font,
any at-sign, "http" or "www" automatically generates a hyperlink in an ink-blue color,
formatting and alignment of lines or paragraphs causes unrelated other elements to change unless you make sure to use tables, tables, and nested tables everywhere like it's Netscape 2003

I still remember when I was 8 years old and used to use "position:absolute"everywhere and use top and z-index to hardcodedly place my elements in my old web projects. I used a lot of <br> and padding + margin were not familiar words to me.

Somehow these projects were responsive, too. Strange times.

Nowadays I avoid "position:absolute", z-index and <br>s like the plague lol

AAAAAH why does array_filter in php not readjust indexes after removing elements holy fuck what the fuck is wrong with this language

i spent two days fixing some bs styling made on our platform. this guy put redundant attributes in the classes and the elements themselves and instead of using :hover he just created hover with jquery. i stared at my screen for 10 minutes when i saw that. the worst part is he was not dumb, so how 🤦‍♀️

Fuck Outlook for desktop in particular.

Why would they still be using their crappy word-as-renderer in this day and age? Why are they ignoring perfectly sensible CSS from elements that aren't tables? Make it make sense!

It's especially galling that they've resolved it in the web version and in the native apps, _except_ desktop for windows. Even Mac is fine!

My favorite thing about CSS flex-box is that I can re-order the elements and put the footer at the top of the page while I style it - and have no need to scroll down on every build. order: -1

Working on modifying a legacy web project and just about every single element is `position: absolute` with crazy z-index juggling and hard-coded pixel sizes and positions everywhere 😭

To make it even worse, a bunch of the javascript will also change elements sizes and positions so it takes forever to track down why an element is where it is

ARGH!
Since that privacy cookie policy change thingy, every goddamn site pops up the dialog asking about it.

I just want to fucking read the page, quickly; get off my screeeeeeen!

There should be a standard to add something that lets the browser tell the page if you accept cookies or not, and which options to use; or at least make all the sites use a specific attribute for the elements of the div, so it can be automated (I know this is a dream).

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...

Why I try to ALWAYS use semicolons in JS:

In short, weird shit happens sometimes

An example:

So I'm doing a small project for freeCodeCamp, working with the Twitch API. I decided to make an array on the fly to append a few elements to a documentFrag in order after setting all my props. Forgot a semicolon. Apparently, Babel transpiles this:

info.innerHTML = (``)
[span, caret, info].forEach(elm => frag.appendChild(elm));

to this if you omit the semicolon:
info.innerHTML = ' '[(span, caret, info)]

this is why you should avoid relying on ASI, you're going to have to remember them in other languages out there, so for your own sanity, might as well get used to them. Just thought I'd share--who knows, might help a JS newb out there somewhere.

The ::before and ::after pseudo elements. I’ve spent an hour sometimes trying to figure out how to get some element to do something and not realizing it was because of those.

Just solved a bug that was plaguing me for a week straight. Turns out I re-instantiated an Arraylist after adding all the elements to it. For no apparent reason. Face fucking palm

!rant
...i realized i can actually pattern-match like this (as in, sequence of elements (including "whatever") instead of just head::rest in F#...

...from watching a talk about prolog.

like "wait... prolog can do this when pattern-matching? that seems very useful. i think i tried to do that in F# but it didn't work, which seems stupid... I'm gonna go try it again".

and sure enough =D
i think i really am gonna like F# if i find the time and resolve to break through how its different mode of thinking stretches my brain in ways it hasn't been stretched for a long time =D

I used to float everything left and use clear to align my pages and separate elements.

Naive.

Let's build this form out of a bunch of divs and <a> tags, instead of, oh, I don't know, ACTUAL FORM ELEMENTS?!

Holy shit I had no idea we can use content: attr() in pseudo elements in css! It's a whole new world baby!

Waiting for the floors I just mopped to dry, and I'm still thinking about migrating and if, for example, the swiss give me a good job offer, I would most likely stick around. I don't hate to stick around Europe, but it defo doesn't have any of the elements I like. (megacity, snows, English speaking, multicultural, non-torturous migration laws)

Like, I'm at that point where I'm not making enough money and want to leave (also, gaining the freedom to leave from degree soon enough) but I absolutely hate my home place (personal reasons) but they pay a crapton better, plus I can get social security benefits.

... And I want to do a phd. 😐
Someone beat some sense into me please.

There is a mAtHeMaTicAl pRoOf 🤡 that a comparison-based sorting algorithm cannot get more efficient than O(n*log n). That's bullshit. Radix sort et al. — granted, they're not comparison-based.

But there is one comparison-based algorithm that can sort an array in O(n). It's called Stalin sort.

It traverses the array and deletes every item that doesn't appear in order. Boom, problem solved — the array is sorted in O(n), at the expense of losing (most of the) elements.

This is the perfect metaphor of Stalin's politics.

Copy and paste in the reusable elements from previous projects

Web Juniors: “Why use a single grid element when several flex elements layered like haphazard pancakes will do the trick?”

I’m convinced that CSS is black magic and those that can visualize what it’s going to do before changing code are witches/warlocks.

Usually my attempts end up in humor as the website ends up /comically/ broken. Elements shifted around to not anywhere near they belong, drop downs appearing from completely nonsensical places...

No idea how you all do it.

Today I finally experienced the power of something I learned in university: propositional and predicate logic.

Many developers I know think that such education is useless. Well, today I have proven that it is very useful. On a day to day basis, working on banking software, complexity in purely logic is very low. However, we have a screen that must show or hide elements based on some input values and conditions associated with certain elements. How hard can that be, right? Well, there are many variables to take into account and as such it's absolutely not trivial.

This screen didn't work properly and maintaining the code is hard as there is a lot of logic to show/hide, enable/disable things and so on. After quite some time and attempts by fellow developers, I decided to refactor the whole thing. I'm responsible for the quality of the software and it was quite degrading, so I had to do something.

In order to get things working properly, I defined collections of constants (ui elements) and predicates. Then, I defined for which element what predicates must be true, in order to hide/show, disable/enable etc. I then translated these predicates into code. And guess what? It works! Of course it works. It's logic. But I'm very pleased I finally could actually use some of all the math I studied!

!$rant

Hmm.. I kinda want to add a terminal type feature to my portfolio project that let's you type commands to navigate the site or change some options. I could still keep the standard navigation elements for the people who get mini heart attacks when they even see a terminal xD

Today on "fuck Firefox": elements with display: inline and position: relative completely mess up z-index and nested fixed / absolute positioned elements. It's a known bug, it has open issues on bugzilla since 2005, but still no fix. IE 8 can get it right, but not Firefox...

Im a junior android dev working in a startup. Wasted whole week on trying to parse some retarded json data generated by junior backend guy.

Im talking about objects with other objects as their elements, no use of arrays.

In the end had to redo his data in proper order so I could parse properly. Fkin waste of time.

At least now I know how to do his work, and won't be afraid to confront him with detailed criticism.

That feeling of elation when you rig two timer UI elements with different behavior to a shared Chronometer object, saving the app memory overhead and increasing its performance, only for the designer to berate you for making the background the wrong shade of green. :|

Yesterday, my team had a react crash-course workshop.
It was like "you have to import a couple of libs, use 'em in different react elements you pull up and Tadaaaa! Magic is happening and your app works".
This workshop was the pinnacle of "intense".

I understood 60% of the stuff.
My team-mates about 15%.

So react is the front-end technology of choice after our architectural-team. The other teams have to use this the technology for their UIs.
This will be a lot of fun ^^

why can't we take screenshots that include text? like a pdf. can't the os just detect where the text is off the application uses the standard library to draw out its text elements.

Flexboxes are the best yet most annoying elements to work with in web development.

Just lost hours of work because the winforms designer decided to send half my elements to (11, -8000) and resize others to (0,0). No matter what I did, there was no moving them back. And every change I made was reverted by some unknown mechanism.

Thankfully, I still have the user controls I built. But I still have to rewire 3k lines worth of form events.

which *git* diff algorithm is your default and why?

## default (myers)
The basic greedy diff algorithm. Currently, this is the default. if you don't know whart you are using, this is it (and it sucks)

## minimal
Spend extra time to make sure the smallest possible diff is produced.

##patience
Use "patience diff" algorithm when generating patches.

## histogram
This algorithm extends the patience algorithm to "support low-occurrence common elements".

Three syntax elements, pixels on screen.
By Unknown (for privacy), 2021

In this installation, the Author's desire to prove the whole world that stupidity is achievable with just 2 syntax elements is... self-evident!

Observe! The finely crafted letters composing this installation in their beauty! While the middle element is purely a distraction (one could argue it's there to be sure a critical issue doesn't happen even if the default value is already `true`), the sides of the installation reveals the true horror.

As the vision of the observer is attracted to the center, the peripheral vision sends the informations to the subconcious, making the observer slowly realize both that the Author willingly compiled `.less` files with postcss and that .less files are in the css folder, proving that stupidity is demonstrable in just two syntax elements.

A masterpiece.

Spend an hour talking to junior dev about not nesting multiple #ID selectors in sass. He is still convinced it's better for 'rendering performance' and refuses to change it. Should I ask him to add 200 elements with the same style on one page to illustrate the problem?

that feel when the mothfacka uses around twenty different fonts, and not be able to even name them, and don't get me started on the arbitrary resizing of links, and the seemingly random positioning of round shaped elements

Ludovico Einaudi (Divenire, Elements, Night, Burning and so many others)

A remarkably stupid but efficient technique I invented today to measure the latency of an audio feedback channel involving multiple hardware elements that is difficult to synchronize by itself:

1. Knock. Observe the echo in the feedback.
2.Try to knock in such a way that the physical sound more-or-less lines up with the feedback. The human brain is really good at this on average.
3. Once you often only hear one knock (as perfect synchronization as your ear can tell), record several minutes of audio
4. Stop knocking, count the additional knocks in the echo
5. Multiply the average delay between knocks on the recording by the number of additional knocks from step 4

Progress on my sudoku application goes well. Damn, what is javascript fantastic. While the code of the previous version that I posted here was alright I did decide that i want to split code and html elements after all. I have now a puzzle class doing all resolving / validating and when a field is selected or changed, it emits an event where the html elements are listening to. It also keeps all states. So, that's the model. puzzle.get(0,1).value = 4 triggers an update event. It also tracks selection of users because users selecting fields is part of the game. I can render full featured widgets with a one liner. Dark mode and light mode are supported and size is completely configurable by changing font-size and optional padding. So far, painless. BUT: i did encounter some stuff that works under a CSS class, but not if I do element.style.* =. Made me crazy because I didn't expect that.

TIL that in JavaScript [1, 2, ] gives you a 2 elements array, while [, 1, 2] gives you a 3 elements array
WTF JavaScript???

I had a challenge this week. I had to develop a business site in less then 5 days. I’m pretty happy with the result especially since i estimated multiple weeks for a site like this.

Ofcourse the manager had to come over and complain and bitch about alignments of elements. I’m sorry dude but with this kind of abnormal time pressure you don’t have the right to complain. Period.

!rant /* but */ is funny == true

Developers! - should browsers forgive you ?
Or put a curse on you so you can never align your elements like you want to ?

You will know you don't want it there and it will annoy you, it will eat you inside looking at that webpage..

Again, W3C guys being straight up no sugar coating 😂😂😂

To all the front-end engineers here I have a question. Say I am trying to create reusable CSS web components how do you create them? Shadow Dom?.
If not then how do you make sure the custom elements that you create can be resued in other projects?

Fucking Google firebase database has no equivalent of 'SELECT * FROM shitheads LIMIT 10, 10'.
Better download those first 20 elements!

Descending order? haha. Fuck you.
Add your own custom index for that shit!

couldnt work out today why some jquery wasn't stopping an elements width overflowing its container.

in the end after 1 and a half hours of wanting to bash my head in, I had the window expanded across both monitors and hadn't noticed the edge of the window was off the screen.

FML!

Was struggling today with some form elements and asked a coworker for help. Coworker start interupting immediately and doesn’t listen to any explaining at all. After trying to get a couple of points a cross he suddenly says: ok, i’m gonna let you finish your sentence...

Thanks twat! Next time show at least a bit of respect and start with that!

Designer: These form elements should not be textboxes; they should be dropdown menu's.

Me: No problem. Done.

Designer: Could you make X the only selectable option in field A and Y the only selectable option in field B?

Me: I sure can.

Me: Implements a dropdown menu with only one option, knowing that asking questions would label me as "difficult" and "technical". Uploads to production, decides to take a smoke break.

My coping mechanism: Maybe you should also add an Animator to the IK targets on your character controller in Unity instead of depending on a slerped IK weight value.

When another "front-end developer" appends the entire bootstrap CSS file to your templates because it needs to align two elements. To templates that never included any css framework cuz i hate them... Then he asked me for help because it did not work... I fixed an invalid CSS file reference.

FUCK HIS LIFE

I am so sick with shithead designers that heard about android, but decided it was not important enough to consider it and make their design for android and ios exactly the same. And then force you to implement the ios app in android with the same elements, even supressing native out of the box funcionalities.
They get paid for producing poopy smelly shit.

The newest fucking chrome update made image previews (and other dark elements in chrome) fuck up (the actual image is only the white rectangle, the shitty half darker tone is the shit I am talking about), I even deactivated all the fucking plugins to make sure its none of them, did anyone else have that and fixed it? it doesn't even appear in the fucking source wtf

Functional-Declarative languages should only be esoteric ones. They are interesting for research and a mathematical toy, but they should not be used for programming languages used in the real world.

I currently try to write OpenSCAD code that places a list of modules, with information given from an array, with varying sizes next to each other. And is so hard and cumbersome. Whoever had the idea to cripple OpenSCAD by not having variables was stupid or sadistic.

The actual CPU run instructions, one after the other, there is no good reason to not allow some imperative elements in a programming language.

i was around 8, i saw my dad coding with VB3, I was fascinated. He taught a bit and showed me his project : A complete and very feature-heavy radar simulator, with lots of graphical elements and planez flying by. I was dumb struck. he even gave me a little project to do : A calculator. Thank you dad

After completing urgent projects that rewrite a lot of "overtime" or even personal projects that rewrite like a few weeks to complete.

Old web dev days pre-BS... All the CSS needed to and the cross browser compat. The divs don't align... Can't get elements to center... Or it does, just not in browser X...

why the fuck no client underdtands that a native select input cant be styled to show fairies and angels. and the same goes with many other browser elements.

Fuck this algorithms course. How the fuck do you expect me to populate a 2d array of N^2 elements with data in linear time if you won't fucking let me write to more than one element at a time???

Dear CS department,
Make sure your homework makes fucking sense before shipping it off to students.
Regards,
A pissed off student

And before anyone comes at me with this "But you can technically do that if there's k*N elements and it would still be linear time" shit, fuck off; there's a worst case of needing to write to half the elements in the 2d array so it's still N^2 no matter how you try to "but technically" your way though it.

I had a brainfart and I can't google it, do you happen to know of a game that deals with inventory in the style of a stack (large, but you can only access the topmost few elements at any time)?

I really don't like the atmosphere in hospitals. Only thing I like about hospitals are the beautiful nurses and doctors, esp those who look in the eyes when talking.

If you think about it, basically what a doctor is to a humans or animals is same as what a computer technician is to a computer.

Maybe a dozen decades down the future, the reality may be such that there will be a convergence between the doctors and computer technicians as humans start integrating humanoid elements in their body.

I think it's l inevitable.

You know it's kinda your fault when your CSS works properly in Internet Explorer and Firefox, but doesn't in Chrome or (non-Chromium) Edge.

However:
Spec says text-align doesn't apply to inline elements, but both Internet Explorer and Firefox seem to disregard that spec and do it anyway. What the fuck?

I: I see, this web contain user functions, like registrations, product adding, details editing and many other stuff. Can i ask one question?
Client: Sure.
I: Why designer did not designed those elements?
Client: You can do it better directly from the code.

Should i be mad or delighted? I have no idea.

Fucking hashtables...I forgot that removals can screw with the probing sequence, causing later lookups to "randomly" fail after hundreds of operations and elements.

Spent 4 hours staring at 3 while loops and data sets of hundreds of key value pairs trying to figure out why one giant data set worked fine but the other failed on some lookups.

Having fun with HTML5 custom elements and shadow DOM. Finally, a genuine way to make widget libraries.

Fuck... I hate these moments. Yesterday I received a new project from one of my customers... this is great, but now is 4am and I can't stop to think a concept to how implement it. I know that this will bring also a lot of money but really, I hate when I have to think also the night. Today I've school and it will be a fucking day. I can't stop to think a good concept and a connection between elements. Sorry I am just frustrated

I think it’s so cute when websites tell me that I need to disable my adbl....(inspect page).... no wait, we can talk about thi....(finds elements)....awww cmon man... really? This isn’t fair..(adds display:relative)... this is some bullshit right here! I’m really disappointed in your beha....

Hi XXXX,

Thanks for speaking to me earlier,

If you could send me the following details we can really get the ball rolling with the recruitment process.

• Any jobs you have applied for or interviewed (I need company name and position)

This stops me re applying you for jobs you’ve already applied for

• Any key elements an employer has to have for you

• A name phone number and position held for references at your current contract.

If we can get these over asap then we can start the ball rolling and get you a new position in the most time effective manner.

Kind Regards,

Brainless Lazy Back-Stabbing Recruiter.

Designer:
Responzivity looks little off:

I:
1) Yep, by default all elements are excesively large, so i need to do many breaks to fit all scenarios and keep important informations in first few screens.
2) Sometimes you follow 1280 max-width, sometimes 1440, sometimes others. It is hard to achieve some consistent look on smaller devices than your biiig monitor.
3) Design is heavily dependent on large and various images with text overlay. In some scenarios text become unreadable.
4) You did not design a responzive version in first place, so FUCK OFF! I just trying to do my best to fix your shit because you suck as hell!

Escaled quickly, but i'm so tired of this idiot.

I start reading about it, from their website, forums, blogs, etc.
Next thing I usually do is to take a look at stuff made of that tech and mess around to see what it looks like.
Then I pick a book about the subject, set up the basics and start from the very beginning, even if the prologue starts with "programming is..."
At some point I start to connect concepts previously seen in the first step with the chapter I'm in, or even identify elements discovered in the second step.
Works for me.

What's everyone's opinion on visual design languages (languages designed just for visual elements. EG, XAML and HTML)

Personally I am not a fan of them at all, much rather have everything done programmatically, maybe this is coming too much from me using GameMaker and also vala with GTK, it just seems to be easier to grasp and work with imho.

I am working as designer, doing psd to html stuffs and i'm having hard time when the developers inject their own css inside the html elements (inline) and broke the responsiveness

Open inspector from Chrome in front of your friends and proceed to deleting annoying ads or bypassing scripts like a boss.

Fuck, now I'm actually somewhat mad how much time those figma plugins could've saved me lol.

Especially things like generating a quick color palette, that immediately pastes them next to the element are so damn useful.

Generating real-life data into text elements, avatars pulled right from an API, auto fetched graphs for example data, all the goodies that make life easier.

"Simplicity is not about making something without ornament, but rather about making something very complex, then slicing elements away, until you reveal the very essence." - Christoph Niemann

"Today’s designers and illustrators are synthesizing the best elements from past eras of graphic design to create a new visual language with a reduced and rational approach." - R. Klanten, H. Hellige

What's better.

I know what the elements do

or

I can see what my elements are doing

Why is it so fucking difficult to delete saved passwords from your Google account? I tried deleting all in Chrome, but as soon as I launched Chrome on another computer all the passwords synced down. And in the online console you can only delete them individually. Luckily I found a JS snippet that grabs all the button elements and clicks through them, but why does Google have to make this so difficult? Fucking hell.

Today I got the chance to try 1 of the 9 HoloLens available in my country. I'm completely mind blown. The ability to incorporate virtual elements in the real world and make them behave like real physical objects is incredible! I really hope AR gains traction to buy an headset for myself.

PS: Project X-ray is one of the most fun games I've ever played.

If somebody needs a project idea how about a really dumb JS Framework that allows you do basic DOM Manipulation, just like jQuery, directly in the elements class attribute.

For example this is how a document could look like:
<body class="init-hide-id-otherElement">
<button class="onclick-show-id-otherElement">
<h1 id="otherElement">Hello</h2>
</body>

What this does is first, at the body's init-* class, it hides the element with id otherElement at page load. Then, when you click the button, the element with id otherElement gets shown. Instead of *-id-* you could also use *-class-* which selects a class.
Basically the syntax is:
<event>-<action>-<id/class>-<the elements id/class>

Of course this has a lot of limitations, for example the selectors are very limited, but it would still be very cool!

"Design should never be ridden with GGE’s (gratuitous graphic elements)." - Nadine Buckley

for me, the most interesting project I''ve worked on was 4 years ago for a beer company.
it was a facebook app developed in HTML (not html5), jQuery & jQuery hi, php, imagick, ffmpeg, & YouTube library.
for the Euro Cup, users had elements to drag and drop on a stage, add frames, dialog boxes, and create a 15 second animated story board. all positions of these elements along with the frames where sent server side to create images of each frame (rendering fronts and positioning), then combining them using ffmpeg to generate a video.
these videos were later uploaded on the client's YouTube channel.

this project was awesome, knowing css3 and html5 were prohibited to use due to cross browser compatibility. it was ban exercise on all levels :)

git add --all && git commit -m "Alright, here's a story for you. I set out to create a navigation mechanism on here, so we could have back buttons and tabs. I also wanted the ability to customise the UI elements. In order to do that, I combined two dependencies. Each one of them provides us with some of the functionalities we need and there's quite a bit of overlap between them. Moreover, each dependency creates the UI elements differently. So customising the UI is becoming a nightmare already, since it's getting harder to tell which one of them is affecting a UI element's appearance. In spite of all that, we have an app that navigates and has tabs."

The company has been moving projects away from ASP .NET to MVC .NET. One of the cited reasons was improved performance. The ASP .NET projects were not the fastest applications available, but were manageable.

The new MVC .NET projects are slower than snails. Every single page element is trying to do an async call to populate metadata elements. There are sometimes 50 or more controls per page due to the industry this software is used in. FML.

Working with clients that think all website elements need to be transparent. It literally raises my blood pressure.

!rant I'm lucky to work with 2 of the best back-enders in my career. We were royally pushed/screwed over today due to PM's last minute demands for a phone app that they were demoing to 1000's at a conference. Guess what, certain elements broke. But the guys jumped in to get the API fixed. It's a bit much being the only phone dev on the team but with such strong backend support, it makes it a pleasure to come into work. You know who you guys are. Thank you. Remember a little support makes all the difference in the workplace.

You know you want to quit life when: You spent a whole 4 hour journey looking for a missing property in css that you never added expecting other elements to behave a certain way and you sit there neanderthal looking figuring it out.

As we are all aware, no two programmers are identical with regard to personal preferences, pet peeves, coding style, indenting with spaces or tabs, etc.

Confession:
I have a somewhat strong fascination with SVG files/elements. Particularly icons, logos, illustrations, animations, etc. The main points of intrigue for me are the most obvious: lossless quality when scaling and usage versatility, however, it goes beyond simply appreciating the format and using it frequently. I will sit at my PC for a few hours sometimes, just "harvesting" SVG elements from websites that are rich with vector icons, et al. There is just something about SVG that gets my blood and creativity flowing. I have thousands of various SVG files from all over the web and I thoroughly enjoy using Figma to inspect and/or modify them, and to create my own designs, icons, mockups, etc.

Unrelated to SVG, but I also find myself formatting code by hand every now and then. Not like massive, obfuscated WordPress bundle/chunk files and whatnot, but just a smaller HTML page I'm working on, JSON export data, etc. I only do it until it becomes more consciously tedious, but up to that point, I find it quite therapeutic.

Question:
So, I'm just curious if there are others out there who have any similar interests, fascinations or urges, behaviours, etc.

*** NOTE: I am not a professional programmer/developer, as I do not do it for a living, but because it is my primary hobby and I am very passionate about it. So, for those who may be speculating on just what kind of a shitty abomination of a coworker I must be, fret not. Haha.

Also, if anyone happens to have knowledge of more "bare-bones" methods of scraping SVG elements from web pages, apps, etc. and feels inclined to share said knowledge, I would love to hear your thoughts about it. Thank you! :)

Me: So, let me clear this out. On ship course detail page is main header fixed to the top. Phone number fixed to the left side and subnavigation fixed under the main header when it reaches the top. From start it is fixed to the bottom.
Designer: Yes.
Me: Client also want chat icon on right bottom corner and usual cookie bar on the bottom. Both elements has fixed position.
Designer: Is this problem?
Me: Do YOU think this is problem?

My company really ain in the arse, communication is an issue here. The company have the elements of cronyism and nepotism in dealing with employees as everyone is judged based on who you know and how close you are to management vs pure merits of one's work.

Implementing a for loop in js because I need to skip some elements in a map as I transform. I'm feeling dirty

* cries in functional *

When the new owner of the company decide to regroup every branches of the business to use a disastrous unoptimised .NET software. When the current one is very fast, the interface kinda UX-friendly. Now its, a home hosted .NET software with Windows forms elements with multi-windows inside the main software. Just to help you create yourself an image of the situation. It cannot be installed if there is more languages then only En-US. It will freeze the updater.

The time between switching tabs is in average a 3-4-5 seconds each time.

So... I might have to build a survey and analysis tool to be used online nation wide (the final client is the government).
The bad news, it's probably going live in a week.
Even though 90% I wrote and tested in the last 3 years (matrixes,formulas,dB, Interface elements ) from previous runs, I have to handle fronted, databases, math, testing and design.
Over a daily changing methodology and session workflow (by my direct client).
No sleep for the next few days 😭

Recalling the the time I was discussing a web dev based assignment with a classmate( And I wouldn't even go as far as to call it web dev, it was just making connect 4 using js and node).

Me: so did you get to implementing your game with firebase.

Classmate: no, but hey did you use loops for making the board?

Me: ?? There were like 50 elements ofc what did you do.

( Sigh* to think it's going to this)
Classmate: copy pasted

Yup 50 elements copy and paste. like the person I was talking to wasn't even incompetent I mean he had like a 3.5 gpa, how is there any correlation between this stupid number and how they actually code if you can't even code loops. The dude was a 2nd year student. And this wasn't even the only person I heard this from.

Apparently the TAs had to post about how to use loops in Js before we had our lab exam cause so many people copy pasted instead of loops, to think that would ever have to be the case.

The future is not bright.

I have a few side project ideas. I started one of them a few months ago (project setup, dependencies, git repo, index page, very basic API and client functionality). But I cannot get myself to work on it or even think about it (for months now). The reason? I do not want to work on the client/frontend! I do not want to deal with React or Vue or Svelte or fuckjs or even jquery. It's a fucking mess.

For the backend, the requests are stateless: you get a request, handle it, and respond back. Need to update state? Database. That's it!
For the frontend, there's just tooo many states I can't keep up with! When the user checks or unchecks this checkbox, I need to maintain the state of the checkbox and maintain the all effects of changing the checkbox while syncing with the backend and making sure the elements are still styled correctly with the applied effects. Multiply that with all the expected interactive elements on the page. It's exhausting!

Finally got to the point where the title transition goes to 0 opacity in both elements

Question: Anyone has any idea about localisation of applications ( Desktop, mobile )? Like how to convert the user interface text elements into local languages... etc..
Any other suggestion for localization events also welcome 😊

All of my unit tests are failing. Other devs went and took out or changed all of the IDs I added to elements instead of properly updating their projects with my changes. WHY AM I EVEN HERE?

😞

Really trying to tutor my friend so he can land a front end position. He's currently working in fast food and is about to be hit by crippling student loan debt. Is there anything better I can do to give him a hand? I'm fairly entry level myself but I know what I'm doing. I've started teaching him Git and told him to focus on knowing HTML and CSS, and to use vanilla JS if he wants to practice.

He's still really early on, like trying to figure out which elements have hrefs and trying to remember the difference between classes and IDs. Think I'll be able to coach him into an internship offer by the end of the year?

And now I've run into a whole another issue which is really fucking strange.

Has it ever occured that a Object in java looses all it's values after being put into an array of same type?

My problem:

[code...]

Mat[] matArray = new Mat[totalFramesOfVideo];

videoCapture.open();

Mat currentFrame = new Mat();
int frameCounter = 0;
while(videoCapture.read()) {

currentFrame = (last read frame as a Mat)

matArray[frameCounter] = currentFrame;

frameCounter++;
}

then, after filling the array and accessing elements, they lose all their object values.
Eg. Before currentFrame's dimensions were 1080*1920, but matArray[index] dimensions are suddenly 0*0.

So I have an array of length 20 which stores a 64 bit decimal number by digits. The starting address is let's say array64. When I am trying to build up my number in ECX:EBX, I am using EDX as the iterator to access the individual elements of the array (I am loading them into AL)

.LOOP:
....
MOV AL, [array64+EDX]
INC EDX
....
JMP .LOOP

The problem is: somehow EDX cannot get higher than 10, so the program just stops and waits for input, when I try to work with a 12 digit number...
This module is outside the main function, and I thought about some Far Pointer problems, but all of my ideas just failed...

What is wrong here?

Older lady designer with 2 huge Apple monitors asking me to change a color on the UI or left shift list elements. That's not too bad, right. NOOOOO. All of those request asked individually in a timespan of 4 weeks. I was assigned to do just that and nothing else. Damn I was bored...I was not allowed to help other teams or even my own team members officially. Finally my boss called me up for another project. SALVATION !!!

PS. That project got cancelled. No suprise there.