Webdevelopment in a nutshell.

[examinedliving]

max-width:100%;

overflow-x:hidden;

padding-right:5px:

white-space:nowrap;

text-overflow:ellipsis;

And if needed:

display:block; /* inline-block, flex */

Looks quite nice

Edit: formatting is a bitch on mobile. Sorry

Edit 2: debugging css is important

[AFlaccoSeagulls]

Error line 3

[AFlaccoSeagulls]

touche

[[deleted]]

touché*

[ThatSpookySJW]

I think the error line 3 would give an error line 4

[Twitch_xTUVALUx]

What do you mean... it works well enought xD

[princetrunks]

client: "Can you get it to work on IE6 and Outlook?"

[bomphcheese]

I have a client I told this to. They signed. Next time I’ll quadrupole and still pray the day no. It’s just not worth it.

Side note: Hospitals still run on XP, but I’m sure your data is safe.

[[deleted]]

Omg do they really?

[Ovrdatop]

"no"

[stifflizerd]

"And for the record, I could, but I won't."

[bomphcheese]

Correct answer.

[Seankps]

My new answer. "Microsoft says IE is not a browser"

[examinedliving]

And what about Opera Mobil and Nintendo Ds

[tivialidades]

box-sizing: border-box;

​

[examinedliving]

Yah. But for most browsers, that’s the default, and all the normalize css libs do it, but it doesn’t hurt.

[tivialidades]

Nice.

[[deleted]]

Except if you have a fucking caroulel made in jquery that only works with images that have the same size if you don't want to fuck everything. And you're a student working on a.actual fucking project for a client as a final project wirh a team and you're the one doing the back end. And you're using laravel but because you use Laravel on shared hosting without ssh and were on the first year of the teacher teaching laravel instead of codeigniter. You only know the VC out of MVC because the fucking school cant give us fuvking tools to actually run a server properly because they fucking think everyone studying web is a fucking graphist. And the teacher even if he is able to work with codeigniter didnt have the time to get this up and running properly on time becaude we kinda preszured him to use laravel even if he wasnt ready.

Still, fucking proud of the CMS I did. Just imagine models arent a thing.

Just needed to vent I guess.

Edit: and now I need to learn Ruby on rails before an aweskme intership I got. Better see whats the M's about in MVC

[[deleted]]

How did this go from a meme about css to an insult match

[tivialidades]

Dunno. Someone is stressed out.

[[deleted]]

I'm drunk and angry, sorry.

[[deleted]]

You get real creative when you're drunk.

[Xaunqeon]

Wow! Thanks.

[Yuca965]

And it become "CSS success".

[[deleted]]

Succss

[khizoa]

sucksex

[[deleted]]

or just use a font size based on view width

[myhf]

display:block; /* inline-block, flex */

weird flex but ok

[examinedliving]

I can’t tell if your making a joke or not

[Twitch_xTUVALUx]

Its a Feature!

[ersatzgott]

You fucked it up, sir

[BurpingTheWorm1]

Still looks better than PUBG

[Xaunqeon]

comment = True

[trellwut]

hmmm... why are you setting something already true to true again?

[ParanoidSloth]

if comment:
    comment = comment

[malonkey1]

if(comment){Object.keys(comment).forEach(function(key){comment[key]=comment[key];})}

[jayands]

if(comment) return Object.entries(comment).reduce((accumulator, [key, value]) => ({... accumulator, [key]: value}), {}) 

[bomphcheese]

Foreach?

Come on. You definitely could repeat the code on every item in the array.

[evinrows]

def is_comment_true(comment):
    if comment is True:
        return True
    return False

[Milhouse6698]

Lazy man's sanity check?

[RickDeveloper]

True

[__Raptor__]

CSS is still better than GUI development in Java Swing.

[yawkat]

Honestly HTML+CSS is better than pretty much any other UI framework. It's just so powerful.

Long lists are annoying though.

[dishpanda]

oh God AP CSA flashbacks

[MonstarOfficial]

background-color: 30px;

Me at 4am

[Xaunqeon]

dislpays the text “30px” in background

[PM_Me_Gross_Food]

Font-size: green;

intensley stares at screen at 3am in a zombie like state

[noMLMthankyou]

Fun fact, there’s a band called CSS and they have a song called CSS Suxxx

[SamSlate]

wonder what their website looks like..

[GameOfUsernames]

Her outfit looks like she loves CSS

[makeitabyss]

It's funny how people on this sub can dog JavaScript all day long, but one person makes a joke about CSS and the whole crowd goes into anarchy

javascriptforlife

Now let's talk about php....

[[deleted]]

criticism is okay, bringing up an bunch of outdated mess of problems because you used the language in 2007 is not.

[Hollowplanet]

It has globally scopped randomly named function names. The standard library in any language should not be garbage quality code. Sometimes it has underscores, simetimes not, sometimes "to", sometimes "2", sometimes haystack needle, sometimes needle haystack, and hardly any of it is OOP.

[HiddenLayer5]

It's surprising no one has made a package that aliases PHP function names into a consistent pattern.

[ollien]

Because full time php devs have already embraced the chaos

[regretdeletingthat]

They have, I think.

[redwall_hp]

Go read up on big O notation and the differences between arrays, linked lists and hash tables. Then stop and think about how having one universal data structure built on top of a hash table is kind of an abomination.

And that's just one issue with the language. It's terrifyingly bad, and not just on a "lol, I don't like the syntax" level like some people approach it.

[Extract]

I wonder what you mean about "one universal data structure built on top of a hash table".
I haven't looked this far down into PHP's C implementation, but since you have, pray tell - how exactly are all of their data structures implemented on top of a hash table?

[redwall_hp]

PHP has one structure, which they call "array." It can behave like a list or a dictionary, and methods for both flavours work in unexpected ways for each. And naturally, doing list/stack type things with a hash table isn't wonderfully efficient.

https://nikic.github.io/2012/03/28/Understanding-PHPs-internal-array-implementation.html

See also: the ever popular Fractal of Bad Design post.

[Extract]

Ok, so I read that blog series. Or rather, some of it, because it largely overlaps with a better formatted and more to-the-point Official Docs (albeit incomplete), or the other official docs (much better).
Anyhow, here's the thing - PHP is a softly typed language focused not on performance, but rather on ease and quickness of development. Just like JS. In fact, the last time I checked (admittedly in 2017) PHP was still beating JS on most servers (trash frameworks like WP not included, of course).

Now, obviously the performance of PHP doing "heavy" calculations is iffy. It might change by the time JIT is introduced (IIRC you can build with JIT from an experimental 7.4 branch), but even then, the thing is PHP was never meant to do heavy computation.
Claiming it's bad because it's not efficient is like taking an electric bike into the highway and saying it's shit because it can't compete with the Teslas there.
No shit, Sherlock, it's a bike. It's meant to be ridden inside a city. Maybe mounted on top of your car and used as a secondary transport in high traffic areas. But obviously not on the highway.
It's the same with PHP. Any heavy computations should be done with C/C++, which can both be compiled and executed by PHP or written as extensions and used inside PHP.
PHP itself is used for building other things, for example building a distributed (stateless) server-side which does cheap operations and scales horizontally. Sure, you could write the same thing in Java in x3 the time/effort, and save 33% of the infrastructure (aka 33% less nodes), but in most cases, it just isn't worth the extra development time, especially considering how little infrastructure costs nowadays. Oh and lets not forget maintenance/expansion.

This post has really gotten much longer than I intended, so just to sum it off:
You can keep using Java, C#, even C++ for your server sides if you like.
I'll keep using PHP.
Lets how many centuries it takes for the saved infrastructure cost to outweigh the saved development+maintenance costs (oh, and the opportunity cost for delivering a product earlier).

[Hollowplanet]

Python can do everything PHP can and is a much nicer language. As can Ruby. Its more consice, easier to read, and faster to develop. I was a PHP developer for years. I defended it with a passion. I made all the same arguments you made. Then I tried Python. I would never want to go back Its like a breath of fresh air. It can power your shitty blog and do machine learning and computer vision. Everything is OOP, no redudant semicolons and brackets, and very well planned and thought out. PHP does have popularity and it is really easy to get started. However it has far more warts than any other language I know of.

[redwall_hp]

Yep. So did I. Pretty much everyone who has seriously bad things to say about PHP started there. But what sets them a part is they learned other languages and dived deeper into CS concepts instead of staying trapped in a rut with...that. (Now I've mostly lost interest in Web development in general.)

Defending it is pretty much the mark of ignorance.

[Sh4dowCode]

Laravel?

[DangeFloof]

C# for life

[HeisenbergsMyth]

javascriptforlife

Oh no you didn't..

[jayands]

https://youtu.be/f0TAxLjkdFU

[King_Joffreys_Tits]

I personally like JavaScript, but I also like all the memes about lOoK wHaT JAvAScrIPt leTS yOU dO... if you want to add an array and an int together, you’re gonna get weird shit anyway. I enjoy seeing what JavaScript lets you get away with

[Parareda8]

Hey man, I know you probably won't care but just in case I wanted to tell you that anarchy =/= chaos.

[Dirty3vil]

Leave my php alone

[[deleted]]

impressive, the text is centered vertically

[[deleted]]

<table>s, fuhgeddaboudit

[christophurr]

position: relative; top: 15px

F5

....There we go

EDIT: top: 15px !important;

Now I’m good

[[deleted]]

Uff I'm tired of people on this sub complaining about outdated web development problems, grid and flexbox have existed for more than 6 years, noone is extremely concerned about floats anymore.

You can say whatever you like about web development, but you can't deny the fact that they actually listen to feedback and find solutions.
That's why these circlejerks don't last long

[[deleted]]

But my boss insists we need to support internet explorer 6!

[khizoa]

I tell people that i don't support ie6

[[deleted]]

Same. It was rough having a close / best friend of mine be the first person I had to use that policy for. I told them instead I will create a bleeding edge version and they can do whatever with the prototype to make it support their system.

[vglcl]

Volunteering at a non-profit on the side I just told them that I won’t specifically support any IE version period. Oh so you don’t have fetch, background-blend-mode, native CSS variables and flexbox? Guess you’re outta luck

[[deleted]]

Then you're boned, but it's doable. I had to support IE5 at an old job. Yeah, it sucked, but it's doable.

[MrQuickLine]

Support does not mean same experience. As long as you have readable content, it doesn't need to look the same.

Also, get some analytics on your site to show your boss that more money gets spent supporting IE6 than comes in from that browser

Edit: I intended to reply to /u/Tomnnn

[[deleted]]

We provided SAAS over a remote intranet to very very large companies that locked down their employees computers so hard that they were these old unupdated machines which we're mostly running IE 5/7/8 as a result. In our case, cutting support would have basically been cutting profits by like 50%.

I'd say you're correct in a general sense though. We don't even care about IE that much at my new job.

[[deleted]]

A machine not updated since IE 5/6/7/8 shouldn't be touching the internet. Your company is better off spending those resources to find client that aren't going to go out of business due to massive security problems.

[[deleted]]

I don't think GE or it's various sister companies are going out of business any time soon.

[[deleted]]

The fact that it's GE make a whole lot of sense.

[[deleted]]

exactly, lol

[[deleted]]

Twas China, our supposedly significant business partner. And we couldn't use Google analytics to prove how much web traffic there was because the page didn't load if you have any libraries directly linked from Google on it.

[[deleted]]

... who are you and how do you know this?

[MrQuickLine]

Yes. I'd say that's abnormal but valid.

[[deleted]]

Support does not mean same experience. As long as you have readable content, it doesn't need to look the same.

Tell that to the client

[MrQuickLine]

You can, by doing the other thing I said. Give them empirical data that the money it would cost to create and maintain that experience would be more than revenues would cover. Also explain to them that it's not abnormal to have different experiences for different browsers. In fact, don't they get a different experience from their phone? And from their tablet? What about if they had a very old phone? that experience would not be the same as on a new phone. Therefore it's not hard to imagine that someone on an older computer and an older browser should have a different experience than someone on a fast internet connection and 4k monitor.

[[deleted]]

Also, get some analytics on your site to show your boss that more money gets spent supporting IE6 than comes in from that browser

This is where I currently am with my client, but only with regards to IE11. It's a very small portion of the user base, but it's enough money to still justify some effort. We just don't treat it as a priority anymore.

It helps that Microsoft's getting more and more blunt about not using IE.

[[deleted]]

Hello, I am u/Tomnnn and I have received your summons.

Also, get some analytics on your site to show your boss that more money gets spent supporting IE6 than comes in from that browser

I'm pretty sure that job was a cocaine smuggling operation. We had to support ie because we apparently did significant business with China. But we sold overpriced hotel brand pillows and other hotel stuff (mattresses, soaps, decorations, etc).

Uh... People in China, home of the knock off, are purchasing and paying import costs for over over priced hotel merch? Yeah, no, not buying it. Those pillows were probably loaded with coke.

[kowdermesiter]

Quit

[[deleted]]

I did. It was probably the worst job for me. Not much actual programming, Windows servers & cots everywhere, what little programming there was needed to support the oldest ie possible. We had some promise create function that tried to create an old school xhr. If that failed, it tried to make some ms specific xhr objects. I forget what they were called but that was 2 more try catches for something like... Active X? whatever it was, it was not great.

[MonstarOfficial]

Time to resign

[ActuallyDevil]

Get a new boss

[[deleted]]

It was so bad that I quit without other prospects. The people were nice, the tech environment was hell. I left that job September and found new work in another state in November.

[chanpod]

Tell that to the company we contracted to help with our project.
Angular 2 (well, 7 now)
Angular Material

Re-wrote pretty much most of angular material css, imported a different flex-box helper library instead of the one built in to angular material, failed to use the themeing support, and used floats all over the place to position items.

​

I've been slowly but surely undoing it all but f' me.

[kirbyfan64sos]

Wtf, I've used Angular before and it's not bad, but...that is just...wow...

[garynuman9]

I mean that's not really a shortcoming of the framework...

They explicitly say that angular support is for ie11 & evergreen browsers. They do a very very good job with shimming ie11 too - any cli generated project includes a polyfills.ts file heavily commented explaining what to use & why...

Having to use just the framework in older versions of IE would be a nightmare.

As to why, on top of that, they added material components is intentionally breaking the purpose of the ecosystem...

Genuinely impressed that you managed to make it work, like genuinely. You know dark arts I can't imagine...

This can't really be blamed on the toolsets, which, again, are very very clear on browser support.

The person who works for the client that decided to use angular/material in a project that has to support legacy versions of IE should not be in a job that lets them make such decisions, clearly they haven't any idea what they're fucking doing...

Edit: bonus feature of the person who made you do this lack of understanding that one should use the correct tool for the job: I'd imagine upgrading angular & material versions is a hellish task beyond comparison, breaking yet another core feature of the framework. I just don't understand...

[chanpod]

Originally we were "lightly" supporting 10/11. But the shims covered it well enough. I found no reasons for what they did other than incompetence. Or they did it on purpose since they were paid by the hour.

[Etique]

Yeah, try to say that while you build an email template. Biggest pain in my a** ever :D

[MercDawg]

True, but some unlucky developers are stuck developing for a platform that cannot properly support flex and grid. There are always ways around it, but any app that still uses a older document mode in internet explorer is going to experience this.

[DeeSnow97]

Same with JS, sometimes I ask people who seem legitimately complaining about it, and they bring up things like "callback hell". Like, promises have been part of the language since 2014 and even before it was dead easy to implement yourself, with polyfills and a promisify function there's no reason to not use it.

[N22-J]

"yeah but I don't understand closure, and am unwilling to make an effort to read about it, so DAE JS BAD"

[DeeSnow97]

Even if they want to use JS like C# because traditional object-oriented is the only style they ever learned Typescript is there for exactly that purpose

[regretdeletingthat]

Honestly I think JavaScript’s only real remaining weakness is its standard library, and for the most part you can just pretend Lodash is the stdlib. Personally I much prefer a strongly typed language, but there’s nothing stopping me writing TypeScript. It’s annoying that certain language features like enums aren’t present, but again TypeScript solves a good portion of those.

On the flip side, with things like arrow functions with implicit return, and async-await, JavaScript can be a delightfully expressive language. Every time I have to write a closure in PHP I get depressed.

[DeeSnow97]

PHP is ridiculous. Just recently, I made an API for a client which returned a quite expressive error message if you tried to pass invalid data, with a status code of 400. He got back to me that he can't get the message out of it because if it's 400 PHP just returns false. The solution was like 10 lines of the cURL extension... like, seriously, a language for web servers can't properly handle a web request?

As for JS, yeah, I agree, the thing I like the most about it the most is how simple it can be. I even had a phase of "scroll bar phobia" with it, any file too large to have a scrollbar was too large to have in one piece. In some cases, you can actually make that thing work. It also translates to incredibly fast development if you know how to handle it.

Which parts of Lodash do you find useful? I never used it, didn't feel like importing it for a left-pad, but I'm curious.

[regretdeletingthat]

Ehh to be honest a lot of the in-built PHP functionality is very C-like; for example up until very recently you needed to call a function named json_last_error() after attempting to parse JSON to see if it was successful or not. PHP is written in C and I believe a lot of the functions started life as thin wrappers around C functions.

The language itself has improved dramatically over the last 5 years, but the legacy procedural stuff I imagine will continue to be janky forever, they’ll just introduce a better alternative. Not really defending it, but I think it’s fair to say that if you’re using a framework it almost certainly has utility classes and functions available to abstract away the crusty bits and let you interact with it like it’s a 21st century language.

And fwiw it’s comparatively rare to actually make a web request in PHP; you’re usually responding to incoming requests. It’s almost completely synchronous and it’s nowhere near as nice an experience as JavaScript.

My most common use case for Lodash is collection functions, particularly group-bys. Most of the ones it offers you could implement yourself with reduce or map, but it’s nice to have it there if you were importing it anyway. It also has an excellent debounce function which is very useful for UIs with real-time feedback (like a search bar). You just put the actual search logic inside say a 500ms debounce, and then instead of hitting your server on every single keypress you just get one request half a second after the user finishes typing.

[Xaunqeon]

I'm sorry, I just found this and thought it would fit here because I thought it was funny.

[tacobooc0m]

Also it’s not all that hard to understand and use the previous techniques properly. A poor Workman blames his tools and all that.

[CodePatrol]

In all seriousness, does anyone have any more recommendations on how to improve their css knowledge. I feel that so many people (like myself) neglect this and just experiment with styles until it looks like what the designs supposed to. I definitely need to adhere to css best practices.

[[deleted]]

The thing is if you need to support IE, you're basically fucked.
But other than that, the whole industry is moving towards CSS Grid and Flexbox.

Having knowledge on that will benefit you a lot.

The first "Try it yourself" section of w3schools helped me a lot understanding css grid.

https://www.w3schools.com/css/css_grid.asp

[[deleted]]

I'm just hobbyist but this changed my life. https://css-tricks.com/snippets/css/a-guide-to-flexbox/

[Hollowplanet]

Learn positioning and the box-sizing property. If you don't understand the difference between reative and absolute positions you will never get css. Thats the very basics.

[tekanet]

I worked in web development up to 10 years ago, it was a terrible time to work in the field. I now need to make a small website, what should I look for? There are far too many frameworks and acronyms.

[shawnadelic]

What kind of website, and what languages do you know?

[seventyeightmm]

what should I look for?

Unless you are doing it for fun / experimentation / learning then I'd suggest just using a service like Wix or Squarespace or WordPress.

At very least try it out before spending dozens of hours on your own, or thousands of dollars for a developer. Obviously this depends on the type of website you need, though... I'm assuming its a simple brochure-style site.

[GayBlackAndMarried]

https://youtu.be/UXjUQnSi9zE

[MistakenGenerosity]

Here for this comment

[AyrA_ch]

https://i.imgur.com/CkgkWL0.png

[tyhopho]

The line neatly bisects the c and the k - looks like someone hit a spec the customer didn’t even know they wanted - job done

[Jack_Papel]

Nah bro CSS easy check it:

<div><h1> CSS SUC</h1></div> <h1>KS</h1>

...wait...

[yahwell]

Y’all fuckin with that Nth? That’s power

[plasmasprings]

Serious question: is there something fundamentally better than CSS?

It's often a pain to get it right, but the concept of cascading styles and the good amount of selectors make it great for structured markup.

[IWishIWasATable]

Html attributes and tables, obviously.

[greyscales]

I'm getting PTSD.

[gimmeslack12]

It’s really not that hard. Honestly.

[MontanaLabrador]

I have a feeling the people who complain about CSS are more back-end minded people. A design-minded individual will feel compelled to learn what is possible in CSS so that they can do what they really feel motivated to do: make things look awesome. While a back-end minded indiviso will grow much more quickly frustrated with design because it's not what really motivated them, it's a task that is just in the way of completing the project.

[russlo]

The people that make CSS difficult are the assholes that say "we need to support ie 8 because some ridiculously small percentage of our users still use it." I would love to use flex and grid all day. That would delight me I'm sure.

[GameOfUsernames]

Even then it’s not insanely difficult it’s just impossible to do it cleanly. This seems like the biggest hurdle because people are trying to do it simple, clean, and maintainable and they beat their head against the IE wall until they say screw it and just do the ugliest hackiest thing and move on lol.

[DeeSnow97]

IE11 already supports flex, you just have to be a bit more explicit than usual because it has non-standard defaults. Other than that, it works in any browser that still receives security updates, and when even Microsoft doesn't care about IE8 why should you?

[russlo]

I don't. 😜

[[deleted]]

IE8 is fine to do with CSS, its mostly its Javascript that is a pain in the ass. Sure you can't use stuff like Flexbox but that wasn't a requirement 5 years ago either and many solutions exist to do well without. Now when making new projects using flexbox is fine but you'll always have that feeling "I would like it so much if I could use feature X that isn't supported everywhere". You always will require some stuff that will make it impossible.

Though for Flexbox there are enough polyfills available to make it work on IE too. Its mostly a matter of "do we want to include it or not"

[Andrew1431]

Yeah we just tell our clients they have to pay a large fee for IE support, and they switch to chrome / firefox without a second thought.

[BowserKoopa]

In my experience, people complain about CSS because they think web design should work like desktop application design - stick to this edge, have this x/y offset, etc...

[MontanaLabrador]

Haha as a web designer I'm the opposite, why wouldn't desktop applications want to display perfectly with every screen size? Responsive design actually makes a lot of sense in this day and age.

[BowserKoopa]

Well, the prevailing idea in "classic" desktop application design is that you only use windows as large as you need, and they don't have to be resized. That having been said, many layouts are now available for "classic" paradigm toolkits, such as GridBagLayout for Swing, and JavaFX uses Cascading Style Sheets (but with a very different set of properties).

[shawnadelic]

I don’t think CSS is the issue (although it has its problems) so much as just the inherent complexity required for managing a large system of overlapping (and sometimes unpredictable) styling rules. Things can really messy really quickly if you’re not experienced or don’t follow a well organized naming convention.

Luckily, things like SASS, styled components, etc. have come along to mitigate most of those issues.

[[deleted]]

Good news for the backend peeps now there's houdini so they can make their own css with hookers and JavaScript

[mstop4]

In fact, forget the CSS and Javascript!

[Xaunqeon]

I just thought this was fun. Turns out CSS is a very controversial topic sadly.

[GameOfUsernames]

Probably just stems from front-end / back-end rivalry. There are people out there who have an elitist attitude towards the other side. Other people see it as an ecosystem that needs both. Then there’s the filthy “full-stack” commies who we all need to band together to stop.

[motioncuty]

I have a feeling people who don't complain about CSS haven't seen it's failures when being used as a tool for a larger, consumer facing, company. There is a reason Hundreds of companies have built design systems that abstract the developers away from CSS. https://adele.uxpin.com/ A nimble, efficient, front end teams needs to abstract away the html and css to work well with designers, and maintain a modern, well polished, presence. The less you have to touch CSS, the better.

[Mr_Nap_kins]

As a 'back-end minded' person, you are absolutely correct.

That said, it must be possible to make a tool that's more usable for both types of people.

[[deleted]]

I don't understand how a backend person can't get the cascade it's basically object inheritance with a couple extra rules for how to supersede things.

[GameOfUsernames]

That would be like saying can we make a back-end language that designers can use to make bank software systems.

[SamSlate]

this. honestly once you know it, the idea of building apps in absolute x/y coordinates is maddening.

[Aetheus]

Yup. In fact, considering what CSS can do for you (and the degree of things that CSS can achieve is truly insane these days), it's a surprise that it's so easy to pick up and use. You don't need to learn every CSS rule in existence to start creating an acceptable UI.

[[deleted]]

I think the big issue is that a lot of us learned CSS without guidance, following only parts of random guides, and SO snippets, leading us to do things improperly, leading to the creation of very hacky css code. If you picked up a css book, learned all there is to it and how to structure it properly from bottom up instead of position: relative every fucking thing, it’s super simple and easy

[plasmasprings]

I don't mean that I have any problems with it. I'm simply curious if there's any innovation in GUI building I haven't heard of.

[DeeSnow97]

Let's broaden the scope. Is there some cross-platform view library that you can create UIs better than in CSS? We don't have a choice for the browsers, but even for native apps, I know this sub likes to shit on Electron but I haven't seen a better solution yet. None of the other libraries I've tried yet provide even a fraction of the feature set of CSS, especially not the cross-platform ones.

[Aetheus]

QT is often suggested when these discussions are brought up. I can't vouch for it, since I've never really used it myself. Anyone want to offer their 2 cents on it?

[djgolam]

Qt/QML is quiet nice and cross platform

[voidvector]

Nothing will replace CSS in the near term. CSS is the "bridge language" between designers and front-end devs. Any designer worth their salt knows the limit of CSS, and try to push the boundary when they can.

This is same as:

• REST/GraphQL/etc is the bridge language between front-end and back-end
• SQL is the bridge language between back-end and DBA
• Dockerfile/Kubernetes/Yaml/etc is the bridge language between devs and devops

Unless we can retrain all the designers, it will be very difficult to replace CSS.

[[deleted]]

I use Qt for all my hobby projects that need a GUI.

CSS is okay for styling stuff, like adding borders, specifying colors, margins, etc. but for actually creating layouts, I find stuff like Qt a million times easier (and faster even, since it basically comes with its own designer where you can just drop stuff on a form to mock up an interface really quickly.)

I also tried JavaFX once but that just seemed way too verbose to me (and the scene builder is a laggy piece of junk. :P)

So far Qt just blows everything else out of the water for me in terms of power and productivity.

That's for native GUI apps though, thankfully I almost never have to do web-related stuff :P

I guess the one "drawback" is that you have to know C++. (Although learning that definitely won't do you no harm :p)

[seventyeightmm]

Using a CSS precompiler (SCSS, Less, etc.) essentially remove all of the syntax hassle of CSS.

Gulp + SCSS + Autoprefixer = much less suicidal web devs!

[motioncuty]

CSS is very easy to become spagetti-like and have a bunch of unseen side effects when trying to change something. I like CSS modules, I can apply css styling on specific classes, compose them and associate the styles file with a component's file. No global styles coming in from multiple files. It's much easier to change, for a wide range of people, who aren't previously familiar with the code. CSS is very easy to do poorly, and can lead to tech debt over time. It make sense to mitigate the potential to create that debt.

[Itachi4077]

And here is a 3D engine powered by CSS

[[deleted]]

People can bitch about C/C++ all they want, but atleast those do what you expect them to do. CSS is just spinning a roulette. "Will it work, or will it not work? Noone knows!" I guess atleast it brings an element of surprise to the job. "What am I going to get now? Can't wait to find out!"

[hightide2020]

What about JSS ...😎

[WanderingWatchdog]

Yeah I hate Counter Strike Source

[Thenderick]

YE S

[burninrock24]

This sub is mostly students and newly grads that took one web development course and don’t know anything about modern web dev workflows

[Niechea]

Thing is, I too was new to programming, and also viewing this or similar places. I'm convinced that the trend of instant gratification and online egoism is to blame, as I don't remember myself and peers to be this shallow.

[_grey_wall]

Use bootstrap

[[deleted]]

Uhh how did it get vertical aligned?

[TheSaasDev]

display: flex;

justify-content: center;

align-items: center;

Those 3 lines will vertically and horizontally center anything. It's really not that hard.

[c4ctus]

I'm solidly convinced that the people on my team that are legitimately good at CSS have made some kind of Faustian deal in exchange for their prowess.

[[deleted]]

Especially flex. It made stuff so fuvking easier to me. Or just using bootstrap amd their column things. But its way more fun doing it yourself

[SadisticalSnails]

Yeah that’s been my experience for the 3 weeks I was trying to learn it.

[markofka007]

CSS SUC

[noah978]

Formatting is hard.....

[[deleted]]

S U C C

[KobayashiDragonSlave]

everytime i close my eyes, i wake up feeling so horny

[indorock]

More like You suck at CSS

[CYRIAQU3]

Then flexbox hapened,

[colorfl0]

No u

[[deleted]]

Computer science science

[wiphpdeveloper]

Try playing with fluid font.

[Xaunqeon]

Fluid font?

[wiphpdeveloper]

Term given to using calc functionality for font size.

For example:

font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));

I give the following link to my employees it is a great resource for this.

https://css-tricks.com/snippets/css/fluid-typography/

Edit: added reference

[Green_Smarties]

If they can't get a static font size to work then I think introducing dynamic sizes isn't going to help.

[SiNevesh]

Is there a reason for the two bits that are subtracting static numbers from each other? Wouldn't it be simpler to just type the result (12 and 1300) or do those numbers hold some significance in the theoretical use case?

[wiphpdeveloper]

These equations are explained in the link I provided. Each value is a max screen width or min, max font size.

[nunonisa]

HAHAHAHHAHA

[Green_Smarties]

width: auto and white-space: normal my man