DEV Community

Nicholas Stimpson profile picture

Nicholas Stimpson

Full Stack Software Engineer or jobbing programmer.

Location Luton, England Joined Joined on  github website

All 209 comments

CSS property vertical-align doesn’t work

Vertical-align applies to all inline-level elements, not just...

Do you still work with jQuery?

Yes, occasionally. Legacy code can live for many years. Refac...

Crack CSS Interview

For a bit more of a challenge, try my 10 CSS questions: dev.t...

Don't use CSS classes for testing in Unit Tests or E2E

Except that's not valid HTML,. You should use data-probe-id i...

A simple stacking context problem HOWTO

I don't think you've understood stacking contexts correctly. ...

CSS Layouts: History from Float to Flexbox and Grid

You worked with what you had. It's not fundamentally differen...

CSS Layouts: History from Float to Flexbox and Grid

Between tables and the float-based grid systems, there was al...

What's the deal with align-items: baseline?

Baseline takes the first element in each flex item, and line...

Back to CSS Basics - syntax and specificity

A decent start, but I'd encourage you to check your CSS examp...

Learning HTML in 4 Hours as a beginner

It amuses me that the freecodecamp diagram doesn't contain a ...

The coding interview: !DOCTYPE

DOCTYPE can't be removed from the standard unless all the old...

Block vs. Inline vs. Inline-Block

inline-block = An atomic inline-level element that respects m...

Multiply a string? 🤔

Are you familiar with languages that allow operator overloadi...

7 CSS Tricks you should know!

Note that your first example does not disable the link, it ju...

The techniques to help simplify CSS

Yes I did. Furthermore, the media queries specification itsel...

Internet Explorer finally dies

Yeah, that's not the point, though. The point is that whatev...

The techniques to help simplify CSS

For your first piece of advice, how do you recommend dealing ...

Internet Explorer finally dies

Yes, but my ageing but perfectly capable desktop machine won'...

5 HTML Tags That Almost Nobody Knows

In some ways it's odd that it's so little known as it's one o...

I was shocked 😱 that placeholder text on an <input> (instead of a <label>) might TECHNICALLY PASS WCAG⁉ Do you agree?

I think you're dismissing 3.3.2 incorrectly. It says that the...

What to do about sub-pixel media-queries?

"... should we restrict ourselves to only either use min-widt...

Block vs inline vs inline-block

If you really want to understand these display types, you nee...

Seemingly Subtle Differences: Padding vs. Margin

"Padding is within the content element." That could be somewh...

HTMLCSS 10 Concept

Both TailwindCSS and React try to solve the do-not-repeat-you...

Using a CSS display none will still trigger an HTTP request for images

Good to know, but don't let it screw up your accessibility. I...

What are your thoughts on search engine optimization (SEO)?

Mostly a sinking feeling. Fortunately, in my job I don't have...

Explain Middleware like I'm five

You've been playing with your toys and they're scattered all ...

JavaScript Interviews: Create a deep copy of an object

let a = {}; let b = { foo: a }; a.bar = b; let c = copyObjec...

A painless guide to understanding CSS positioning

"[position:absolute] If there is no element with a position p...

How I'm forcing myself to write CSS following certain rules

You're the guy in the hair shirt, right? You're throwing away...

Tell me about your first ever paid line of code?

It would probably have been in Z80 assembler, for either the ...

Why hasn't the 'script' tag gotten a void version, yet? (E.g. 'extscript')

There's no practical reason why browsers couldn't parse &lt;s...

DISCUSS: If there's one CSS feature you could add, what would it be?

attr() on all properties and on regular elements would be gr...

DISCUSS: If there's one CSS feature you could add, what would it be?

The problem with a has() selector, according to Tab Atkins, i...

Feelings about CSS...

It is. But it's vastly more powerful. Styling in HTML was nev...

Mapping HTML to CSS boxes.

Yes, and you too. I need to correct this sometime. I'm aware ...

What *is* the best web-safe font?

Andale Mono? I have around a thousand fonts on my Windows 10 ...

text-align:center doesn't work for button

margin: 0 auto will work if you also make the button display:...

What max-width do you set for your websites?

Well, looking good isn't the be all and end all of a website....

What max-width do you set for your websites?

None at all. The screen resolution size has no bearing on the...

Webdev WTF

A definite WTF the first time you come across it, is DOM's li...

Colors and the Web

I would add one word. You said "One thing that we can not do ...

Do you still use IDs for unique elements?

No, the for attribute cross-references only to the id attribu...

Do you still use IDs for unique elements?

There are, at my last count, 11 different uses of id attribut...

What's your favorite CSS approach?

Vanilla. Always Vanilla. Above all, fully exploit specificity.

What database do you use at work?

Oracle, SQLServer, MongoDb, Couchbase

Certifications - worth it or waste?

Certification must be tough. For it to be valuable, many must...

When was the last time you used float?

Is there still a place for floating in CSS? For sure. If Flo...

How the browser renders a web page

What do you mean by both trees? The DOM tree and the CSSOM tr...

How the browser renders a web page

Nice article, but I've long argued that the information in th...

Missed Frontend Vulnerabilities (1): CSS is not as safe as you think!

This is somewhat misleading as it needs some JS support, prov...

HTML is not a programming language and that's the best thing about it

Far be it from me to question the great Jeremy Keith, but nei...

I Don't Understand X Science...

"Baffles" is probably not the right description, but octonion...

I Don't Understand X Science...

What don't I understand in Science?. Well almost everything. ...

What apps do you use for planning your week?

Pen and paper takes a lot of beating. Pocket sized, almost ze...

HTML Elements, the `caption` disagreement

There's a few points here. Yes, Firefox doesn't support mul...

CSS the :not() selector

You should clarify the point about specificity. :not() is unu...

Center Element Using CSS

Some other old-school methods from the time before flexbox th...

What's your ideal interview process?

Above all. why? What did you hope to achieve with each, and d...

How to get your first 1000 reputation on Stack Overflow

Great advice. On the last point, yes, you won't get much bett...

Where are the missing Front End People?

FWIW, my CS degree included a course in Computer Graphics. Th...

How to master CSS?

Read the CSS 2.2 specification from beginning to end, carefu...

Why is copy and pasting code from e.g. Stackoverflow not considered plagiarism?

Code from StackOverflow is licenced for use CC BY-SA, either ...

Who is responsible for learning new technologies

What's the downside of the company sending you on a training ...

Is C still a high level language?

Thanks very much for that link. A copy of same was posted up ...

Is C still a high level language?

Yeah, that takes me back. That's real programming. Not like t...

Is C still a high level language?

It's as much a high level language as it ever was.

I'm still using Firefox

For the most part, I prefer Firefox. While Chrome tends to ru...

Mapping HTML to CSS boxes.

You're absolutely right. Thanks, corrected.

Things I Wish I’d Known About CSS

Three things about CSS I wish I'd understood earlier: HTML ...

Things I Wish I’d Known About CSS

DHTML was a thing. But &lt;p size="4" color="#000000"&gt; was...

Are we losing the Basics???

I've often thought that despite spending much of the last two...

Explain what a programmer does. Wrong answers only

Programmers read minds to know what their clients want.

In what year did you learn Web Development?

It was 2001. I had just quit my previous job and the dev tech...

Using !important in CSS

Actually I expect custom origins/cascade layers to eventually...

How to Develop HTML (the right way)

On point 2, it's worth noting that the traditional way to wri...

What is the color of a blank page?

Good stuff. Most of this I knew, but the point about the blen...

What is your pettiest programming-related opinion?

Do not annotate your Java class with who the author was. Your...

CSS Button Styling Guide

"Similarly, since this button is not for a form submit, it ne...

Are You a Developer or Engineer? Why?

Yeah both. The majority of the development I do doesn't requi...

Flexbox Gotchas Reloaded

Thanks for this. This is great. I'm not convinced though th...

Is CSS objectively bad?

I think that's definitely a better question, and you may wa...

Is CSS objectively bad?

First, I commend your attempt to seek objectivity in the matt...

The CSS Box Model

You do. It's a good article. But the terminology is confusi...

The CSS Box Model

"... each of these parts of the box model generates a box o...

Can we assign css to dynamic Generated Classes? YES we can

I'd combine option 1 and option 2 (slightly modified) as ...

Masonry with CSS grid

You might be interested in this proposal to extend Grid lay...

Explaining CSS float

How do you use Grid or Flexbox to make a block that text wi...

Why you should use semantic naming in CSS

I'm not convinced about the semantic-ness of "sidebar". Sti...

Errors

Why would you have an overarching, one-size-fits-all strate...

Simple way to negate a number in CSS

You could subtract from 0px too, like this: margin: calc(0...

Tell me an unpopular software opinion

CSS is easy. Modularity is not an unalloyed good thing.

4 CSS tricks that will get you dirty looks from other developers

The problem with using overflow:hidden is that if you've go...

4 CSS tricks that will get you dirty looks from other developers

Not sure about the min-margins one. It could result in an u...

Codecademy - CSS 7: Typography

The order that the font files are chosen follows the proces...

Bold, italic, preformatted in blog posts

Traditionally, both bold and italics are used for specific ...

Bold, italic, preformatted in blog posts

My personal preference is for preformatted, because that's ...

Does WordPress need to update some of it's CSS coding standards?

Not that I use WordPress, or SASS, or BEM, or write class n...

Responsive websites that are not so responsive

Yes, that's a good idea. Will need to look into that more c...

Responsive websites that are not so responsive

The trick in such cases is to manage the line lengths to a ...

Set a Cookie with CSS

Cute. But when does the url resolve and the cookie get set?...

How many programming languages do you know?

Ones I've delivered production code in, in approximate chro...

What’s the most under-appreciated software?

What would you use instead? The problem that Project tries ...

6 powerful CSS selectors that will really help you write clean CSS.

The reasons come down to performance. We can see this from ...

What's the thing you hate the most about being a programmer?

Unless you're Bi. A Fullstackian. And we all know they don'...

CSS style hierarchy

Not at all. Free free to do so.

CSS style hierarchy

I recommend a couple of other scenarios that you should inv...

CSS cascade: Importance

Sorry for this bit of pendantry, I used to think that, but ...

What conventional wisdom in software is wrong?

A few years ago I went through the HTML5 (then draft) spec ...

What conventional wisdom in software is wrong?

That ids and classes are CSS features. They're HTML feature...

What are CSS variables?

One thing I find quite quirky is the way everybody uses :ro...

CSS cascade: Importance

No. Importance is controlled by !important. Importance is p...

CSS cascade: Importance

Specificity has nothing to do with this article. Specificit...

Full Stack Developer Vs Other Developers

There's more to backend than just a web server and a databa...

tailwindcss + flexbox = CSS Nirvana - Part 1

No thanks. I'd rather keep my separation of concerns and my...

tailwindcss + flexbox = CSS Nirvana - Part 1

I simply don't see the point of tailwindcss. If you want to p...

CSS Grid Layout vs CSS Frameworks: When To Use What

Yeah. Twitter Bootstrap is bad. Tailwind CSS is 10x worse.

%, px, em, rem, viewport...How to know which one to use in CSS for responsive design?

You can use all of them. No CSS units are incompatible with...

Why I've started asking companies about their technical interviews before proceeding with them

"... everyone we've hired never thought it was too much to ...

What was your first own computer?

I am jealous. I lusted after one of those for some years, b...

What was your first own computer?

Love the built in tape drive. Didn't know you needed to pow...

What was your first own computer?

An Amstrad PC1512. The opportunity to buy a IBM PC-compatib...

Share your CSS knowledge

I'm very much taken by display:contents at the moment. When...

Any active contributors on Stackoverflow?

Will you put more effort into writing your questions becaus...

XOR operator in programming use case

As cool as the XOR solution is, it does feel like a party t...

Feeling excluded and sad for not getting positive feedback - How should I react?

Yeah, people like shiny things to look at, and that's where t...

What's your take on the Hiring Process in the Tech Industry?

I wonder how brain surgeons are recruited.

Has Stack Overflow Become An Antipattern?

So do you follow the advice on SO for that circumstance? Wh...

Has Stack Overflow Become An Antipattern?

It's long been my view that asking for an answer on StackOver...

CSS Interview Questions Feedback

Definitely the right approach, in my opinion. I'd much rather...

Why Java is the best Programming language to Learn Coding for beginners?

I miss C, for exactly the same code. :-)

What do you find the most difficult with CSS?

Yes, but it's not easy reading. I read and kept re-reading ...

What do you find the most difficult with CSS?

Without doubt, I wish I'd learnt the underlying concepts of...

A 4-day workweek?

“If we’re going to free up jobs for more people, then we ha...

JSitor Mobile App, an alternative of JSFiddle, CodePen and JSBin

The XML syntax of HTML. See 13 The XML syntax. What used to...

JSitor Mobile App, an alternative of JSFiddle, CodePen and JSBin

It would be awesome if it had a mode to properly support th...

What would the programming language sorting hat pick for you, and why?

Not answered, but then I've no idea what a sorting hat does...

What’s your favorite piece of code that you had to throw away?

Do you feel that your government customers now engage suffi...

What’s your favorite piece of code that you had to throw away?

The expectation at the time the code was written was that t...

What’s your favorite piece of code that you had to throw away?

A couple of decades or so ago, I wrote some code in Occam f...

head is locked

Hi Remy, Thanks for your response. I'll try to cover as ma...

head is locked

I'm not sure I buy it. To be clear, if you put an unknown e...

What’s overrated?

Well, would you build a skyscraper by first building a bung...

What’s overrated?

Maybe half of everything. But the half you've heard of.

What’s overrated?

Scrum

What is the biggest mistake new developers make when learning CSS?

Yes. I think there's a couple of difficulties with the casc...

What is the biggest mistake new developers make when learning CSS?

Learning from cookbooks or frameworks rather than learning ...

How would you go about detecting the height of content within an iframe?

Yes, yes and yes. MDN is slightly lacking in this area, and...

How would you go about detecting the height of content within an iframe?

Neither offsetHeight nor getBoundingClientRect include marg...

How would you go about detecting the height of content within an iframe?

Again, the problem needs defining. I don't believe a perfec...

How would you go about detecting the height of content within an iframe?

Well, yeah, those answers, (including iframe-resizer) are e...

MAKING LAYOUTS WITH CSS (Pt a) - Part 5 of Frontend Development Series

In one example, you've written /* Add the property of flo...

What Is An "Interpreted" Language?

A few thoughts. Does it actually matter? "Interpreted lan...

JSSheet - A javascript to css parser

Nice start. Any idea how you'll add media queries?

Do you use CSS frameworks or create your own (frameworks, toolkits)?

The problem is that the design of CSS leaves no space for f...

What do you hate the most in CSS and why?

Specifications are generally not written to be learnt from ...

What do you hate the most in CSS and why?

The responsiveness of tables is problematic, for sure. But ...

What do you hate the most in CSS and why?

That so much of the 2003 draft of the Generated and Replac...

What's your favorite sports team?

Luton Town FC - My home town club. There's something peculi...

Is it fair to throw around the title "Software Engineer" like we do?

Well, do you think that software can be engineered at all? ...

What even is em?

Probably because I learnt most of my CSS long before rem wa...

What software projects made you "wow" 🤯

Firebug. Old hat now, but when it first came out I couldn't...

Why is Linux Not More Popular on the Desktop?

This, in a nutshell. I am a technical user. I've used Unix ...

Why CSS is Difficult

CSS isn't difficult - you're making it difficult. Because y...

Are you an I person, T person or X person?

I think I'm a ⣫ person - skills scattered all over the plac...

Internet Explorer 3, an adventure in cross-browser compatibility

Great article. One small correction. document.createElement...

Let's build a Perfect CSS Framework

By web designers, I mean those people who are generally res...

Let's build a Perfect CSS Framework

The cascade makes perfect sense, just as it always has done...

Let's build a Perfect CSS Framework

This identifies in a nutshell why there can never be a "Per...

A Case Against Type Selectors

Can you explain "Create classes to reuse styles. Have a .h1...

What do you listen When You Code?

Ideally, the hum coming from the fan of my computer.

Top CSS Interview Questions with detailed answers.✌️🤩✌️ Part I

A14 is incorrect. !important has nothing to do with specifi...

Fuck you, Internet Explorer 💖

It's not about businesses or technologies. It's about users...

The biggest JavaScript OOP gotcha

Thanks. Also "Game has finished ${this.score}" should be a ...

Handling CSS3 Specificity

Well, that's the very basics. The next steps are explain th...

Discussing the launch of Libra, "A new global currency"

I see. Thanks for a great explanation.

There's only one way to validate an email address

Agreed. To understand how complex matching an email address...

Discussing the launch of Libra, "A new global currency"

That's possibly an excellent example. Governments all round...

Discussing the launch of Libra, "A new global currency"

The whole principle of capitalism is that the selfish profi...

Discussing the launch of Libra, "A new global currency"

"... empowers billions of people." - Empowers them to do wh...

Why the standard exit code for a shell program is zero?

Because there's generally only a need for one "OK" code, bu...

Which Programming Language Did You Start With As A Developer?

It would have been a very minimalist implementation of BASI...

How did we end up with CSS-in-JS and why some developers don't like CSS

The problem there is if you do get good at doing CSS all yo...

How did we end up with CSS-in-JS and why some developers don't like CSS

Browser incompatibilities closed for good? If only. Webkit/...

Dark theme with CSS variable

Of course, you could always just use alternate style sheets...

The "Boring Software" manifesto

Good article. I wouldn't say SPAs, per se, are volatile, th...

What are you "old enough to remember" in software development?

You young whippersnapper! I was at school at a time when the ...

What are you "old enough to remember" in software development?

"XML will save us". We're so much wiser now. Now we know th...

What are you "old enough to remember" in software development?

Ah Brief. I still miss Brief. Also the version control plug...

What are you "old enough to remember" in software development?

So much YES. That list brings back so many memories.

What are you "old enough to remember" in software development?

Never mind table layouts. Remember using multiple nested bl...

What are you "old enough to remember" in software development?

Paper tape PDP-11 assembler The J103 trick on RM380Z machi...

Reasons not to use IDs in CSS

Specificity is good. Embrace it, don't fight it. If you want ...

loading...