Any other front-end developers check out Visual Studio Code? It’s got a lot of really nice features, including the absolute best implementation of Emmet I’ve ever seen. My new favorite editor on both Windows and Mac!

Hey emmet, I miss you.

I used to write HTML line by line.

and then someone showed me emmet.

life has never been the same since.

All i need to start working:
Grunt
Chrome
Atom
Emmet
Creative Cloud
And a iMac

And you?

I am forced to use IDE and Text Editor against my will.

I hate eclipse, but what to do, Salesforce support that IDE only, although VSCode has one plugin for that, but it's not the best,

Why I hate Eclipse you ask?
1. Null pointers
2. No Emmet
3. No Autcomplete
4. Runs like shit on Windows 10 (See my last rant for windows 10)
5. no pretty print extensions/plugins for isml

For my personal projects I am forced to work on Sublime because again VSCode decided to drop
1. Syntax Highlighting
2. Autocomplete
for PHP

(Fuck you for hating php)

I love my adhd kicks. My webstorm trial ended, I downloaded vscode, hated the bindings, I then used thr intellij extension. Everything ok expect autocomplete, not a fan of tab, couldn't use enter to enter enter as a binding. Hacked that binding.json, idk how i ended up installing a json sorter extension, ow theres a imports sorter. Okay what exactly i wanted to do? Right, do my niche site. Bad idea, i had written it in kotlin js, (missing intellij already) so i searched for almost non-scripting framework. Idk what happened...i ended up being interested in tailwind. Tried it a bit, ow they have tailwind ui. Thinking about buying the sweet shit. Ow i see headless UI... Pause, threw tailwind out. Thinking about react, met Solid, loved it, yarned and npmed it. Extension time, auto tag rename, more emmet like shit, rainbow and fira fonts, theme, scheme, ow colors whaaaw. Okay, its not gonna look like or feel like intellij, more like IDEA community if i had made the ide. What was i making again? Ah my webcrapp. still (idea)less... I went to codepen, grew a beard, came out, still feeling powerfully uncreative. Last stop: awwwards.. ow that awesome 7up nl site, imma see it, they nuked the animations, everything. This is where the rant actually ends, because THANK GOD I DONT FULLSTACK FOR A LIVING!!! Swift, Kotlin, XML and unpredictable Gradle is good enough for me to stop me from going wild. Stay safe. Genetic.🙋‍♂️

Emmet - mainly for the multiplication.

Small things like being able to just type in ul>li*5 rather than manually typing it out

My rubber duck, Emmet. :-D

This type of post might be good for a weekly rant (if it has not been done yet) "Most Bizarre bug"

So I am working with laravel and vuejs and I use phpstorm as my IDE and today I had the MOST bizarre bug. I'm working on a cryptocurrency website and I'm making a vue component that is going to be a stratum generator for miners and I wanted to make it a component in vue so it can be used anywhere in the site. So I wanted to call the component "StratumGenerator.vue" and i didnt think that this would be an issue. Oh boy was I wrong. So immediately my syntax highlighting did not work nor did emmet autocomplete which is something I can't work without. So i go on for about an hour to fucking figure out how to fix jetbrains vuejs syntax plugins and a very long story short it was because THE FUCKING NAME WAS "StratumGenerator.vue" LITERALLY ANY OTHER NAME WORKS

I've checked its not a blacklisted keyword Stratum and Generator work fine on there own its also not a length thing so right now I have not a fucking clue on why it does not work but i'm glad I figured out.

"Hey mate, you should learn some zen coding you know."
"Ow that's one of your tricky bullshit"
"No man, look and learn!"
"OH FOR F***K SAKE! ARE YOU A WITCH?"

<!doctype confusedRant 😕>

Plot: we need to release our website in two weeks which holds at least a thousand pages. All these pages are manually migrated from the old website, which doesn't have a database. Current status: 650 pages/1000 are completed, 40 different templates need to be adapted. I'm alone on these templates, my colleagues create the pages and fill the new database

So I'm working on the templates a WebDev coded for our website on a licensed CMS, and had this decently simple html block that looks like a square and consisting of roughly this (Emmet style):

a.area > blockquote > strong.title + p

After adding another <a> element inside the p, I noticed that my <a> wouldn't display and bust the whole look of the square.

Just for more details, the CSS the dev made is ultra specified (meaning each element is too precisely "described" : div.class .child .child2 { /* styles */ } when it could be .class .child2 for example). Also, the templates he made need to be compatible with any "module" the website has, thus the need of this high specificity

So I fired up the DevTools to check what happened, and had:

Expected: a.area > blockquote > strong.title + p > a
Actual result: some new a.area were wrapping the <strong>, the <p> and the <a> I just added. The source code was not showing any of this but just the rules I initially wrote - the expected result

Wtf?! I thought the JS the dev made was adding elements. I disabled said JS, and bam, these a.area were still wrapping everything!! What black magic would add these stupid tags I never asked for.

So I went looking in the CSS files in case some wizardry was happening, but everything was OK.

I tried changing my structure, changing tag (swapping a.area to p.area or without .area), HTML just said "nope, have those please".

Eventually I rewrote my own module out of frustration after three quarters of an hour fiddling with this stupid "module". I hate losing time for such shenanigans and under a lot of pressure because of deadlines.

Still haven't figured why those <element>.area would wrap everything out of nowhere...

My rubber duck Emmet and micro rc car that I can reach all my teammates desks.

First day of first dev job complete. Already in love with my team. But why didn't anyone tell me about Emmet before now???

Self rant

Wasted unspecified amount of time because i was using a src attribute in a div. Changed my mind about needing a div for the image, completely forgot to add "img" before expanding the Emmet abbreviation. Didn't realize until i noticed the closing tag on an "image". God, I'm stupid sometimes, but in my defense it is past midnight, I'm hungry but there's no food in here, and this backup PC I'm using while I'm away is jealous of my main machines apparently.

HTML: Tags. I fucking hate them. Yes, Emmet makes it fast and simple to create them, but when restructuring or deleting things it becomes a mess every time. And I cant use a templating engine (i think it's called) at work, also I havent found one that I like.

CSS: Trying to apply CSS to Angular Bootrap Components. Everything has a shadow dom + a lot of things are ! important for some fucking reason.

VSCode for Laravel sucks. Blade is totally broken. If you know good plugin with emmet support and blade highlighting together, let me know. Also Laravel Mix is a little bit trashy and buggy with Pug :P

Hi everyone,

Writing code is exercise in precision. Since there are programs like sublime text3 / emmet
Do you recommend to use those as they they generate the code?