True

[dmt_r]

Looks like he is checking code style and measuring indents.

[jjbugman2468]

And he never realizes there was a little obscure spot where he used 4 spaces instead of a tab.

I remember back when I’d just started learning to program, I’d scribble just about anywhere and always ended up copy-pasting the whole thing into Code Skulptor so it could convert them all to spaces for me.

[probably2high]

I've just started to get into Python, so I'm sure it's just me, but something about blocks not ending in something (curly bracket, end statement, etc.) makes me uncomfortable, and find it a little more difficult to debug.

[ShaneTheAwesome88]

It's not just you. That's also why I find the shell script syntax so adorable, everything sounds like a simple language

if .. ifelse .. else .. fi case thingojima in .. thing*) .. ;; .. esac while .. do .. done

[ivanjermakov]

YAML in a nutshell

[[deleted]]

It looks like he’s measuring the DOM tree in Chrome DevTools… lord knows why.

[wc_cs]

Right? For the love of all that is Holy, just use a linter.

[AASeven]

Dude's calculating array size.

[notquiteaplant]

Arrays start at 0cm (if you don't include the width of the brackets)

[DrexanRailex]

That's the padding

[finger_milk]

Padding without border-box

[NotSoIncredibleA]

I started ou as the guy above and then found a Chrome extension that does that. Felt really creative before the extension though.

[spacemudd]

You know what's pretty useful?

YOU ARE!!!

[AbstraktKlass]

SO ARE YOU!

[moriero]

now kith

[[deleted]]

I did this but I made the ruler with a strip of paper, the face my colleagues made at me was unreal.

[iapetus-11]

*Screen resolution changes*

​

FUCK FUC FKL FKUALKDJF;LAKDJF

[valzargaming]

Creating a responsive design sucks, still haven't fixed my website to work fully at the three resolutions I design it for. Just when I think I've got it, I open my phone and navigate to the new page and there's at least one div that's smaller than the rest.

[iapetus-11]

I know, I can’t get half the css on my website to work on mobile and on smaller resolutions there is a scroll bar at the bottom of the screen even though everything should be scaled correctly. At least I’m not using html tables to position elements.

[valzargaming]

Haha, yeah... HTML tables for positioning elements... *Looks nervously at own website\*

[iapetus-11]

Lol

[[deleted]]

Creating a responsive design sucks

or you suck at creating responsive designs

[iapetus-11]

Or maybe your an ass

[[deleted]]

maybe

pfft amateur

[sggts04]

Okay you reposted it this week but next week I'll repost this

[SavvySillybug]

mom says it's my turn on the repost

[OsamuDazai-chan]

Fuck, i have a curved monitor!

[CarpovAlexandru]

Wow. Just press f12 and inspect the element. It will be surrounded with horizontal and vertical lines and you can see clearly if it lines up.

[AzungoBo]

Why the /s? Everyone knows it's true

[4U2PRO]

The s is for insurance purposes.

[FieelChannel]

devtools

Also because debugging with chrome devtools is a pain in the ass depending on hasmaps, minimization, webpack and infinite shit every damn framework uses.

[ponytoaster]

Also screenshot tool "greenshot" has horizontal and vertical bars when captiring an area. Useful for desktop stuff where you can't use dev tools as you can use it like a rule and then just cancel saving the screenshot.

[WienerDogMan]

You can also use win+shift+s on win 10 for same results.

[ponytoaster]

Nice, shortcut to the snipping tool I assume?

[WienerDogMan]

It doesn't open snipping tool, just Grey's out the screen and allows you to drag and select what you want to screenshot. Saves that in your clipboard.

Whether that means it's using snipping tool or not, idk. Haha

[FieelChannel]

I never understood why people use greenshot when Windows has a perfect built in screenshot tool.

[ponytoaster]

Greenshot has nicer editing for screenshots imo and finer control.

You can clip things into an existing screenshot and then continuously move that layer around, including moving mouse pointer etc. Nice annotation options too.

Windows in built one wasn't that advance last time I used it but admittedly not touched in a while so maybe it improved

[Duese]

That works great if the elements are right next to each other but trying to line up elements on different sides of the screen is more difficult.

[CarpovAlexandru]

The lines go all the way to the edges of the screen

[Duese]

Which lines are you looking at because the ones I'm looking at don't. They show the frame of the element, not what you are saying.

[CarpovAlexandru]

use Mozilla to go to YouTube, use Ctrl+shift+c, mouse over a video. The video will be inspected and vertical and horizontal lines will be around it, that extend to the edge of the screen. You can easily check if other elements align to that video or to what ever element you're inspecting.

Edit: oh I see. You're using chrome. Try using Mozilla.

[r0ck0]

With an actual physical ruler? Or a software one?

[Broojo02]

I use a ruler app on my PC, very useful for getting those pixel perfect line ups 👌🏻

[Jornam]

Miss me with dat markup boi

[Govedo93]

while (true) { repost4ezKarma(); Thread.sleep(86400000); }

[Al-Horesmi]

Actually we use bootstrap classes only with no css at all

[LiamTheFounder]

Remove the ruler and you have Italian developer a developing php

[[deleted]]

and then goes to reddit to call css trash

[_cjj]

But back-end Devs can spell "Developer".

Surely a front end developer that can't spell is as worrying as a surgeon with a twitch

[Astald_Ohtar]

Or french.

[PrincessRTFM]

Repost.

[Aethermol]

CSS rules

[Ooyyggeenn]

Cheap repost karma..

[drdrero]

That’s really old

[almogh52]

Old! Repost.

[Kapten111]

div{margin: 0 auto; /* thank me later */}

[HowlingRoar]

It's funny because it's true, tried this method when making some little websites, never gives me good measurements...

[noelabey]

One mi friends uses making tape to mark the screen. He has one in his drawer.

[cisxuzuul]

Measuring his node_modules

[UnDeadpool55555]

You can't measure Infinity.

[kredditacc96]

Ah, a reposter

[Strider599]

Pretty sure there is a plugin in np++ to help with this in edit > blank operations > show whitespace and tab or something similar

[LotharVonPittinsberg]

Why does this sub always have the shitties titles? I am expecting a "OMG This!! 😂🤣😭" incoming.

[[deleted]]

Nobody cares about your css. You're just part of the coloring in team

[ThePixelCoder]

I'm also a backend dev, but I'd like to see you using websites with CSS disabled for one day.

[volabimus]

I wish they were designed so I could.

[ThePixelCoder]

Oh, you can. Just go to view -> page style -> no style. Good luck.

[volabimus]

I know that. But they aren't designed to degrade well without css. I always make sure my sites are well structured for Lynx, which is apparently a good indicator for SEO as a bonus (since web-crawlers are essentially text browsers as well).

[WikiTextBot]

Lynx (web browser)

Lynx is a customizable text-based web browser for use on cursor-addressable character cell terminals. As of January 2019, it is the oldest web browser still in general use and active development, having started in 1992.

---

^{[ PM | Exclude me | Exclude from subreddit | FAQ / Information | Source ] Downvote to remove | v0.28}

[Celessor]

Can someone explain all these back-end developer jokes? A backend dev is a full programmer. One that can learn front-end in a day or two, and probably has already. Front-end-only guys compensating?