CSS in a nutshell

ive been doing webdev for many years now, but i think its time i move on before i die from crazies.

who the hell thought it was a good idea using emojis for fucking css class names.

I make games, I don't do frontend fucking webdev; this isn't my fucking job and I don't fucking understand it. Fuck you, client with money. (Yes that is a CSS for beginners page, no I don't care. Screw you.)

If you think HTML is a programming language, you're a fkn idiot.

"HTML and Css don't work well together" - some wisdom from my coworker after meddling with some height settings in css

The BUTT analogy
HTML - plain simple butt
CSS - sprinkle some hairs on it
JS - farting butt

The new w3c standard "CSS Houdini" gives you access to the css engine and let's you write your own css properties. That means no more polyfils, new exciting website designs and more possibilities and control on how the css is rendered on all browsers.

Former co-worker..
I have no idea why the fuck he thought this was a good idea..

.window:nth-child(2) {
visibility: hidden;
}

Me every time I have to adjust the css:

*center that div*
*hit refresh*
Fuck, now that button is over there.
*adjust the padding and kajigger with the margin a little*
*hit refresh*
Ah, I'm an idiot. I forgot to set the display to inline-block.
*adjust the display*
*hit refresh*
WHY THE FUCK IS THE BACKGROUND RED NOW??!?!?!?

Hey,
devRant Community 👋🏾😊

Who else does this?

>Work on a website for weeks without taking a break.
>Really enjoy the outcome, take a deserved 2 days off.
>Come back to your code, suddenly you don't know where to start, you feel disgusted by your code and you totally change your idea on how your website should look in the first place.
>Delete it, start from scratch.

I just started web development and I'm about to go completely insane.

S.O.S SAVE ME

Finished learning the basics of HTML. Now to move onto CSS! Really enjoy learning Web Development despite it only being the basics.

Only webdevs can understand :P

website programing languages

WebDev jobs should come with big warning signs:
"You absolutely will lose your sanity!"
"IE11 might indirectly lead to impotence!"
"You won't get laid more often by using CSS Grid!"
"You will have to fix websites which only appear broken on iOS Safari!"
"Get some extra terabytes ready for your node modules!"
"Get ready to yarnify your npm dockerized webassembly blobs while gulping on your mocha chai latte with no karma!"

Can't we just go back to the good old times with Quick Basic and chill?
Man, the ladies were flocking around those programmer boyz, I tell ya... Klickety klackety on the mechanical

FUCK! I hate CSS!

I still hoping there will be parent selector in CSS...

When I'm too lazy to write a new CSS file...

Fuck web development - especially CSS. Actually only CSS.

Love Js/Ts, Vue, React (NextJs ftw) and especially thank you to SCSS for making things easier.

But CSS is my most detested LaNgUagE now.

After I finish these 2 projects, I’m not doing CSS anymore. Minimal touches, sure, but no more positioning.

Maybe that’s why I like Flutter, no hassles yet.

Alright. It's one of these rants that everyone despises. The help me rant. Now before you tell me to google, I have, but I want a more personal opinion on the matter.

I am fluent in JAVA, C#, C++, and a few more, but I have never done web development.

I want to get the fuck out of my current job (I got screamed at because I didn't do the PABX guy's work - I am a fucking programmer not a technician), and start a venture there.

Now I know that I have to learn HTML, CSS, JS -> what more do I need to know to code a fully functional website? I don't mind learning any languages, I like learning. It sounds naive and perhaps stupid, but I am asking for some educated opinions.

Thanks, and soon I will be the fuck out of this hellhole.

Me: This time I'm going to use proper indexing!
Also me: z-index: 9999999999999999999

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.

Making backwards compatible websites for IE8 and back honestly feels like releasing the new blockbuster in VHS..

Web development is the worst!
I still cannot understand why it is not possible for browsers to correctly support all official specs... Exceptions here and there, dirty fix for this one, add a little margin here, hide this...
The daily struggle never stops.
Don't even get me startet with PHP!
Next round is on me ;)

My least favorite part of my personal website project is trying to make it look good. I'll never make fun of web designers again 😱

How I knew this was for me.... I didn't.
It kind of just happened in the natural order of things.

I was once a wii young lad who had a dream, and that dream became a smashing pile of being broke, jobless and unemployable, not a great way to start off that early life but hey, it was what it was.

So I looked at my computer one day, lousy dusty Pentium 4 with a massive 80GB HDD, in the corner, and went... fuck it, this thing is going to make me money.

So from there I picked up my old high school book on VB6 and on with it I went, forcing my self to make that calculator I couldn't do in school and a few other things, from there I got into a course for webDev, not uni, and after being dropped from that course ... that's a story for another time, I basically said fuck the system and my journey into webDev took on a life of its own.

Starting with frontend (back when layouts where tables and css was font colours) and IE5 was still a thing, and progressing into JS for a fucktonne of "onClick" events, then backend... I went down the .PHP3, PHP4 hadn't been released yet, but at the time .ASP was a thing too although it was complicated as fuck.

For many years it was just 1 thing after another, picking up MySQL, screwing around with databases, setting up linux servers, gobbling up Python a couple years later and started automating different things, just building site after site, until one day I landed a professional gig - not just casual freelance stuff, and from there when you think you know a lot, what I thought I knew got blown out the window and imposter syndrome sunk in, but I kept pushing ahead.

That saying "you don't know what you don't know", it has meaning here, you don't know what you don't know... but the moment you know you don't know enough, you either crumble or you keep waterboarding yourself in knowledge to reduce the unknown.

And somewhere along the line I accepted this path.
It may have taken me a few years to get off my feet but I'm glad I took that first step.

My life as a web developer changed forever when I realized that 80% of my layout problems can be solved by adding "display: flex;" to literally everything in sight.

The first mistake I made as I started my web dev journey was course collecting.

It's a trap that most beginners fall for.

How do you tell HTML from HTML5?
Ans:
*Try it out in Internet Explorer
*Did it work?
* No?
* It's HTML5

When I was 12 I created my own LEGO manuals and monopoly boardgame variants.
When I was 14 and into gaming I had fun playing with a Q3 level editor for Wolfenstein (GtkRadiant), and drew boardgame maps.
When I was 16 I translated the game battledawn.com to French for in-game currency in return.
When I was 18 I fiddled with texture packs for Minecraft and got interested in Total War mods.
When I was 20 I met a student who studied webdev & design. I was so excited about basic HTML, CSS and later JS and PHP, that I read and learnt some every evening (and even failed an exam because I was learning PHP until 5AM)

I always wanted to use my skills to create something of use to others. Open-source is the perfect avenue for that and is also what enabled me to get here in the first place. And though I m've been professionally employed as dev since 2015, only the last 2 yrs I finally consider myself skilled enough to give back something of quality :)

So I'm kind of a fledgling webdev. Where would I go to learn how to do backend in order to do logins, manage inventory, create posts, that kind of thing?

I know a little bit of PHP, HTML, and CSS, but only enough to make static pages... it's kind of bad...

Me: Alright, new week, back from vacation fully rested and focused, lets get productive.

Apple(safari 10.3 update): Fuck you.

Basically the change log was:
*fixed critical security bug.
*added more bugs to fix later.

Well fuck you too safari... You disgust me.

The least the fucking imbeciles, or monkeys, behind safari can do is add a fucking css prefix. For fucks sake.

This one just popped into my head. A little late but still pretty idiotic.

So in college, shortly after we learned HTML, CSS, PHP and some very basic JS (and various other things ofc) we had to choose which study direction we wanted to go.
This included web development.
My brilliant classmate asked me the following around that time: "after all the webdev stuff they taught us, I don't know what more they can teach us"

So yeah..........

Idiot

:first-of-type works with classnames but :last-of-type does not. who thought this would be a good idea??

When will a client finally understand I can't just 'implement a new secure chat feature but only for these people' before lunch

Now, a bit eye cancer from german "Bundesregierung"

Dontcha love loading up and seeing everything not loading up

How competent I feel today experiencing the WebDev world?

I've nearly gone insane editing my CSS code, not noticing any changes at all on my website whilst spamming F5.
Luckily, before I was beginning to plan my suicide, I realized that I was editing SCSS the entire time, having my auto-compiler turned off.

There's this one kid in my web design lab (I go to a technical highschool) and he always brags about using bootstrap and that's all he does is copy from the bootstrap library pisses me off!

*phases of learning to program*

Phase 1:
Yeah its so easy i love programming i'm gonna be a top programmer.

Phase 2:
Uuuhg.. programming sucks,i think i'm not meant for it,should i give up do something else maybe...

#programming #100DaysOfCode #mumbai #love #indian #gujarati #vadodarabarodacity #instagram #vadodaradiary #msubaroda #aapduvadodara #vadodaranews #vadodarawomen #officialvadodara #vadodaracity #barodarocks #barodagoogle #vadodarafashion #vadodara_lover #barodadiaries #barodamirror #india #vadodarabaroda #geek #developerslife #webdev #php #design #css #java #developers #html #softwarehouse #softwares #softwaredevelopment #technology #coderlife #designer #softwareengineer #webdesigner #codingisfun #programmerproblems #programmerjokes #programmerlifestyle #programmergirl #webdevelopment #developerlife #devlife #webdesign #programmersday #softwareengineering #programmering #programmerhumor #development #dev #programmerlife #programmer #developer #vadodara #coding #software #baroda #programming #vadodaradiaries #vadodara_baroda #coder #webdeveloper #gujarat #programmerslife #javascript #vadodara_igers #codinglife #barodacity #code #vadodarablogger #programmers #softwaredeveloper #ourvadodara #goals #beyourself #happy #smile #lifeisgood #socialmedia #success #friday

Am I the only one who thinks that it is put of hand this thing of "building" websites?

CoffeeScript -> JavaScript (+ 1M libraries)
SASS -> CSS (+ framework)
Markdown -> HTML

etc.

Does not his mean that we have failed at creating languages and tools?

Srsly, who the fuck using internet explorer or edge in 2018??? I wanna drink a coffee with them while talking about mental disorders.

//Not a rant; Just asking for opinions

I'm trying to replicate this on a website. Should I go via the CSS route by making rounded squares or just place a bunch of images of each individual circle? Is there any pros or cons of doing either or? Or is it really all the same at the end? Thanks! 😅

.politicians {
word-break: break-all;
}

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

So I don't know if any of you know what BPA (Business Professionals of America) is (and its okay if you dont because its for highschoolers)

They hold competitions for us each year and Im going to be on my classes web dev team as the back-end python programmer. Weve already assigned everyone to their languages and were going to study so we can be prepared.

For the competition we have a few months to work on a website that actually works, front end, back end and all. There has to be forms and maybe even signup sheets that actually work.

Its really exciting and I'm definitely going to post the adventure of programming it along the way on devRant!!

If you wanna learn more about BPA go to their website, if your curious about what some kids get to experience then I'd suggest checking it out!!!

Question:
I've just learned html, css, php.
JavaScript and SQL i know from Before. I have used VS since the day i started programming. For all My languages ever! The thing is that My HTML/css placement skills are a huge time stealer. I waste 90% OF webdev time to just get things to the right place even with bootstrap css. Write->compile->write...... So My question is IF i should change program for writing html/css to à more visual/interactive editor or stay with VS and hopefully i become pro designer soon.

!Rant

Yes, I know I'm shameless, but here we go:

Are there any norwegian devs out there that are looking for a new colleague (webdev)? :D
I'm going to be out of work in a few months time, and have started applying for jobs in the Oslo area, but most jobs I see listed require 3+ years of experience. I've worked with web for about 9 months and I'm keen to get more experience. Interested in a full time job or being a trainee.

Proficient in HTML, CSS/SASS, JavaScript/jQuery, PHP, Wordpress, MySQL.

If yoy know anything, please let me know :)

I have last few months left out of graduation and i don't know what should i learn. There's so much things (web dev , ai/ml, blockchain, android , cloud, ,hybrid apps, gaming, ar/vr, data analysis, security,etc) and as a cs student, i feel i should be knowing them all.

In last 6 years ,

Techs that i liked or got success in :
java, Android,python, data analysis, hybrid apps(flutter)

Techs that i didn't liked or failed in : ai/ml, cloud computing , webdev(css/js) ,hybrid apps(react/angular/ionic/...)

Techs that i didn't tried : security, cryptography, blockchain, open cv , ar/vr, gaming

I am not bound by my likeness or success.

My failures was mainly because i didn't liked those techs and continued further in them. And my success comprises of just launching a few apps, passing in some certification or grabbing an internship opp because of those skills.

But if you think a particular skill is necessary to have as a cs professional then let me know. I just want to earn a lot of money and get out of this mess asap

we were taught separation of concern when getting into webdev, don't write html inside your js codebase, don't write js inside html code base, don't write css inside your js codebase. People who taught us this, are violating this same principles by introducing stupid frameworks.

There are so many.. but probably my worst was when I was building this project and optimizing it for mobile but for some reason when in mobile view, there was a slight white line on the right side when swiping right or zooming out (shouldnt be able to zoom out either).. checked all the media queries and viewport code and everything was normal so it drove me crazy for a few hours. Turns out, I had 1 little element slightly wider than the viewport but you couldnt tell by looking at it xD fixed the css, but still so frustrating.

I've been practicing really hard on C# the last few days and it really doesn't feel like I'm making any real progress. Everything I'm doing is in console and when people in my class see it I get treated like a idiot because most of my classmates took the C# or C++ courses while I focused on web...

What's the best resource (curriculum, pdf, video download link...) you suggest to teach an online class which is a whatsapp group/telegram channel web design. - HTML, CSS, Javascript then build some sample website. Please let suggestions be whatsapp or telegram friendly.

PS. I'm in a country where internet connection is expensive.

I started learning JavaScript for school and when I first heard the idea that I had to learn something with Java in the name I was not amused. But then I started and it was amusing and I loved it from the start. And now I've started making basic projects to practice and stuff. Soon I'll be making my classes Js projects! And if you all have any suggestions on what I could program it would be helpful!

What exactly is a full-stack developer/engineer? I'm confused.

So, I worked as a freelance webdev for a US company where I redesigned a pretty complicated website from scratch with PHP, mysql, JavaScript, CSS, HTML5. I only mention those because it will important later.
Basically, it's a lame mvc framework I wrote which heavily relied on AJAX and bootstrap modals.
I built from mysql <=> PHP -> UI
I Also built an android app that communicates with the php api

I worked for 4.6 years and they were kind enough to give me the designation "Full Stack Engineer" so I could put that on my resume. Alright, cool.

Then I go to this interview and one interviewer took offense. He told me that, there are 3 tiers of web dev; Database, Backend shit and UI. And I'm not a full-stack engineer. He then asked me if I worked with frameworks like laravel, symphony etc. [I did but not in this project]. I didn't know what to say. The other interviewer tried to help me, "Do you know what it means? Or have you ever worked with React.js or Angular?".

Didn't get the job and I'm so embarrassed and just feel like I'm a fraud. How could I not know what full-stack is? And why did I put it in my resume? Fuck!

Anyway can anyone tell me what "full- stack *" is?

>inb4
>incoherent
>bad engrish
Just fuck my shit up fam

I'm supposed to QA/fix/debug someone else's work and this is just a sneak peek of what/who I'm dealing with. No appropriate use of classes, using ~, +, > everywhere that `!important` is used constantly. `col` directly after `col`, not to mention other disastrous html structure.

Is there an alternative to CSS? Because for someone who is used to more functional languages and wants to make a website on their own, CSS is kinda confusing.

The moment when you have to style a totally unnecessary div/span jungle of a website and you can't change anything else then CSS ... 🙈

Just finished rebuilding a personal website , pretty normal just a link aggregator I guess and I have got over 160 lines of vanilla CSS but only 15 lines of JavaScript. Is this normal lol ? I think I focus too much on design and "aesthetics" .

I HATE THIS SLOWLY FUCKASS CHEAPIE COMPUTER IT'S SO SLOWWWWW
I can't focus and actually do antything you nasty typerfucker son of a breach and I have to do CSS with the biggest headache ever holy fucking adamantine shitty shit

Is it reasonable to use materialize for a personal portfolio? I just like the minimalistic and simple appearance, and it makes making responsive layouts a breeze...

Also, I'm tired of using bootstrap for everything

Sometimes I find solutions so ridiculous, I can't help but laugh at the hours that I put into finding them.

I tried to find a way to put space between items in a flexbox while they were in a row, but without leaving uneven space on either side of the elements when they wrap. After scratching my head for longer than I'd like to admit, giving the parent a negative margin and the children the same positive value allowed me to achieve this. (I would have saved a lot of time googling this, I know.)

Of the most beautiful things you do to your website, CSS is one of them. Writing it - not one. Exhausts you.

Who else finds HTML/CSS to be just plain bad?

since that's what the web adopted, apparently no matter what you are developing if it involves a GUI then the design method almost always follows in the same path as the web.

that's not the issue though, the real problem is that the web adopted a very horrible way to create a UI, while HTML might have been fine for 90s-style websites I just feel like its a very lousy way to create a modern interactive webapp UI, its just very painfully obvious that it wasn't designed for that purpose. remind me again what HTML stands for? "HyperText Markup Language" yea that sounds about right. and CSS really doesn't help but double down on the flaws of HTML.

on a whim I can come up with a better method:
instead of the weird <body><footer> structure, why not have say "objects that flow in a 2D space", you define the parameters location and dimension of these objects, with something like javascript they interact with each other and just like div in HTML objects contain smaller objects.

this makes a lot more sense than the footer/body design or the obviously duck-taped attempts at controlling the style in CSS, like flow, and absolute-position.

am I alone in this?

i am frightened. i have a feeling the only person i can talk about programming stuff twice a year is getting out of touch.

as if the rarity of the talks is not bad enough, our tech stack edges away every time. he is the most intelligent person, yet i see no huge advantages and my strides just raise a shrug. not out of lack of interest but from pure inexperience. we have a long history of joint projects, but i fear the day only he relieves about his webdev experiences with his php-es5-css-stack, while i can not contribute with my knowledge about python- and vba-automation, oop and es6+. as if he would not be able to wrap his head about all this in a blink of an eye.

Feck pixel purfection.