DEV Community

loading...
Ashley Sheridan profile picture

Ashley Sheridan

404 bio not found

Joined Joined on  github website twitter website

All 160 comments

I Created an OpenSource Portfolio Template for Developers 🚀

Have you made any major changes since you last run Lighthouse...

Your First 30 Days as a Software Developer at a Tech Company

Yeah, that does seem excessive. I mean, it does all depend on...

All CSS Properties You Need to Know to Build a Website

I agree you should try to learn something new as you progress...

All CSS Properties You Need to Know to Build a Website

I think it depends. You don't need to do any refactoring just...

All CSS Properties You Need to Know to Build a Website

If you've got :hover, then you need :focus for the separate s...

Authentication vulnerabilities

Yeah, I use the old horse-battery-staple technique for my pas...

Animated Skills Bar using HTML and CSS

Absolutely agree. The usage of <div>s here tells me tha...

Animated Skills Bar using HTML and CSS

I agree, I don't really think anyone could truly be at 100% o...

Build a Modal (Pop up) With HTML, CSS and JavaScript

This has a few accessibility concerns: Keyboard navigation,...

Authentication vulnerabilities

It might be worth mentioning that most password strength libr...

Top 9 Lessons learned in 12 years as a software developer.

Really great points, and I think #8 can really tie in with #3...

Skills required to be a full stack developer: a checklist

I've interviewed people for web development positions, and th...

Skills required to be a full stack developer: a checklist

I completely disagree, that mindset is partly why accessibili...

Skills required to be a full stack developer: a checklist

I don't see any mention of accessibility? I'd argue that in t...

Why can't we solve accessibility with a one line script tag?

I've been pushing accessibility testing across all levels (de...

Why can't we solve accessibility with a one line script tag?

I'd argue that Chrome is the new IE by a long stretch: Has ...

6 useful frontend techniques that you may not know about

The size of the request isn't the only issue. The whole HTTP ...

6 useful frontend techniques that you may not know about

Not all screen readers will read out title attributes, so you...

Last Week I Wrote Some jQuery (and no one fired me 🤓)

Yeah, I agree. While it is fewer lines of JS written by the d...

Stay alert

One thing that doesn't get much of a mention with the removal...

6 useful frontend techniques that you may not know about

You will likely improve the accessibility of that icon consid...

Creating Navbar Using CSS

I'd probably say that flexbox might be easier in a lot of way...

6 useful frontend techniques that you may not know about

Actually, the hidden attribute is a lot less useful than it i...

What is GraphQL?

I'm with you on this one. Having every response return a 200 ...

How creating CSS Art can make you a better developer

It is actually possible to turn photos like that into CSS (al...

What are WCAG and WAI-ARIA?

I'm assuming you're using a Mac then? VoiceOver should behave...

What are WCAG and WAI-ARIA?

Sorry, you're right about the gap being now also used for Fle...

What are WCAG and WAI-ARIA?

caniuse.com/flexbox-gap You said gap, not flexbox-gap, two...

What are WCAG and WAI-ARIA?

There's a few odd things here. Firstly, there's nothing wron...

How to Build a Great Developer Portfolio (+ Examples & Tools)

One thing I've always found to be good advice is the layout o...

Stop choosing DX over UX. Or maybe not?

You've removed the hover and focus styles, and left in a comm...

Stop choosing DX over UX. Or maybe not?

But even in your example in this post, you're not showing the...

Stop choosing DX over UX. Or maybe not?

But this isn't really working. You are making some look the w...

Some libraries you can use with Vanilla JS

I'd always recommend against Chart.js just because it produce...

Clean Code with Unit Tests: Tips and tricks for keeping your test suites clean

For me it depends on what the test is trying to achieve. If t...

CSS skeleton loading screen animation

Just wanted to mention that while subtle animations like this...

TailwindCSS: Adds complexity, does nothing.

He doesn't actually have to provide a better solution to anyt...

TailwindCSS: Adds complexity, does nothing.

Hey, let's not be putting PHP in the same bucket as Tailwind!...

TailwindCSS: Adds complexity, does nothing.

How far down do you go with turning things into components th...

TailwindCSS: Adds complexity, does nothing.

@tanzimibthesam you can't on the one hand criticise Brian fo...

TailwindCSS: Adds complexity, does nothing.

If you're relying on find/replace tools to make hundreds or t...

What are your thoughts on Tailwind CSS?

If it's not built-in and enforced by the library/framework, i...

Accessibility

The best documentation for fixing accessibility problems on t...

How little we know about software development?

The really great minds in software engineering tend to agree ...

Microsoft Excel is Now Turing Complete

I always found the formula editor in Libre Office to be prett...

❌ You Are Using Emojis The Wrong Way

Agreed. The place I work at currently does have to support so...

❌ You Are Using Emojis The Wrong Way

Is this really true? I am genuinely interested, as I've not r...

Quiz: is this a programming language?

Stored procedures are not the same thing as branching logic. ...

Quiz: is this a programming language?

You're deliberately omitting parts of my answer to attempt to...

Quiz: is this a programming language?

SQL is absolutely a programming language. It contains loops, ...

Quiz: is this a programming language?

This is (technically) a program (albeit incredibly basic) wri...

Explain "Code Smells" like I'm five

I don't know if that's entirely fair, but I must assume that ...

What are your thoughts on Tailwind CSS?

If that were truly the case, there wouldn't be websites out t...

Quiz: is this a programming language?

A for loop isn't comparable to a pre-build <ul> list of...

Quiz: is this a programming language?

There are industry definitions for a programming language, th...

Quiz: is this a programming language?

I don't think that your definition of a programming language ...

Developer Portfolios as Inspiration ✨

One thing I might add, which isn't about the portfolio websit...

11 Golden Rules for A11Y

Yes, I agree, it does take a bit of getting used to how the g...

11 Golden Rules for A11Y

The best advice I would give is to take small steps. Look at ...

11 Golden Rules for A11Y

Some disabilities can make it difficult for people to underst...

11 Golden Rules for A11Y

I'd add to this. Captions should be added to audio (where it ...

Six Principles Your Resume Should Follow - So Recruiters Will Read It

I often see the advice to tailor the resumé to fit the job yo...

Webdev WTF

For the form elements one, can you not use formElement.elemen...

What are your thoughts on Tailwind CSS?

I think there's a lot of hype surrounding Tailwind that's tou...

What are your thoughts on Tailwind CSS?

I did read it, but I'm still not convinced. Even just looking...

Productivity: Are you a fox 🦊 or a hedgehog 🦔?

I think you're confusing foxes with Flying Foxes (a type of b...

13 ways to level up your site's accessibility ✨

I'd like to add another: keyboard access. Besides people with...

Why is < meta charset="utf-8" > important?

One thing I've always been told was important about this was ...

What are your thoughts on Tailwind CSS?

Tailwind final CSS file (unzipped) is about 10-20 times smal...

As a developer, what problems do you face during job search? 🤔

Biggest problems I've had is bad recruiters. Problems with th...

What are your thoughts on Tailwind CSS?

We measure compressed for transport performance, and uncompre...

What are your thoughts on Tailwind CSS?

Not quite. Dependecies of anything should be limited to one w...

What are your thoughts on Tailwind CSS?

If you're counting page size only on the Gzip version, then y...

Make readable table headers with CSS

Yes, I agree, it's not something that many courses or online ...

What are your thoughts on Tailwind CSS?

That's usually down to developers not separating concerns cor...

Firefox🦊 is the best browser for web-developers 💻🐱‍👤

It does perform better than chrome (by quite a margin) on Lin...

Slack Files EU Competition Complaint Against Microsoft

Ok, I maybe don't ever have only one installed by default, be...

Make readable table headers with CSS

You might not be aware, but when you change table elements di...

Slack Files EU Competition Complaint Against Microsoft

Every distro I've ever used has several available: Firefox/Ic...

What are your thoughts on Tailwind CSS?

Tell that to the people who produce the wonderful designs at ...

Slack Files EU Competition Complaint Against Microsoft

Well, the users still have a choice. Back in the days of the ...

Benefits of SVG

SVGs can be great for showing complex graphics in an accessib...

Abbreviations in Software Development

Cron isn't actually an acroynm, it gets its name originally f...

Accessibility for the web - standards to follow

Ah, I see you were referring to the older WCAG 2.0 standards ...

Accessibility for the web - standards to follow

The WCAG has quite a few more than 12 guidelines. For AA conf...

8 SCSS Best Practices to Keep in Mind

I agree with that, although there are times when you might ne...

The linux commands that help me work

history | grep "partial" to search your command history for s...

8 SCSS Best Practices to Keep in Mind

Some other things that I've picked up at my current place: ...

Using Slice for Star Rating Effect

It would be more accessible to build the stars as a series of...

What was your win this week?

Been working on the front end for an account 2fa enable/disab...

🍿What was the most remarkable 🦗 bug you have ever had to fix 👩‍🔧?

I was working at a conference and had written some code to ha...

Share Your Best Typo Story!

At my current company we serve up our products and websites i...

How to Switch Logo in Dark Mode

As others have mentioned, you can just use an inline SVG for ...

My website now loads in less than 1 sec! Here's how I did it! ⚡

Minifying the JS files won't actually reduce parsing time unl...

What are some misconceptions about web development?

HTML &amp; CSS aren't programming languages. They're computer...

How To Install Git from Source on Ubuntu 20.04

If you're installing it like this, don't you prevent it being...

Most Esoteric Language You've Used

Does XSLT count? I've never seen anyone else actually use it,...

How to hide Web page elements

Classic, thanks!

How to hide Web page elements

What about usage of the hidden attribute in HTML? Also, the...

Styling a radio button with only CSS

when you hide the input using display: none;, you remove it f...

What do you call your folder where you keep your code?

It depends, if they're CLI apps then they go in ~/bin, if the...

Exceptions Considered Harmful

I was in agreement with you about handling uncertainty proper...

My Misconception when Learning Web Dev

But there's still no way anyone would be able to write anythi...

Exceptions Considered Harmful

Exceptions aren't harmful, unhandled exceptions may be. Con...

My Misconception when Learning Web Dev

Did you look at those regular expressions? Nobody, not even a...

My Misconception when Learning Web Dev

You're lucky, the interviewer was completely wrong. We should...

What are your thoughts on testing and TDD?

I think sometimes TDD gets confused with ensuring good unit t...

5 deadly sins of web accessibility

I'd also recommend the a11y tab in Firefox. I've found it tes...

3 Insanely Simple Steps To DIY Tooltips

I think in terms of accessibility, it's not about who we thin...

3 Insanely Simple Steps To DIY Tooltips

Not all keyboard users are screen reader users, so aria won't...

What was your win this week?

I finally got a big ticket through to pull request stage for ...

3 Insanely Simple Steps To DIY Tooltips

You should add focus triggers to show the tooltip as well. It...

Accessibility and why you should care

One of the biggest arguments I find to use with people who tr...

Is Commenting Code that necessary?

As always, there is an exception: regular expressions. Of co...

What are your thoughts on Tailwind CSS?

It's explaining the same things in slightly different ways. I...

What are your thoughts on Tailwind CSS?

But you're putting the responsibility of appearance on the HT...

What are your thoughts on Tailwind CSS?

Having fewer files to update doesn't really mean you've separ...

What are your thoughts on Tailwind CSS?

As a backend dev, don't you find this violates separation of ...

What's the most wasteful software?

Bitcoin miners. They use enormous amounts of processing pow...

What are the hardest coding terms to search for?

When I first started learning Angular I was using Angular 2...

Clean Code Applied to JavaScript — Part IV. Comments

My rule for code comments is this: comment only on the 'why...

Show your leadership skills, even if you're not leading a team

Thank you. I must admit, it was very difficult, and somethi...

Show your leadership skills, even if you're not leading a team

Have you ever been in the situation where the team you're l...

Creating Pixel Art with CSS

It doesn't have any optimization really, I might go back to...

Creating Pixel Art with CSS

Yes, I would absolutely not recommend using the technique t...

Creating Pixel Art with CSS

I actually did this myself with PHP as the generator: ashle...

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

When numbering lines, always go up in 10's because you need...

LinkedIn is for Losers? Think Again. From 💰 100k+ to 200K+ job opportunities. 🛠 Hacks Included.

A Jack of all trades is a master of none, but oftentimes be...

CSS Abuse

Does a single div Mona Lisa count? ashleysheridan.co.uk/bl...

HTTPS In Development: A Practical Guide

The default answer to whether or not to use HTTPS should no...

Something Someone Somewhere Uses... Sometimes

A warning to anyone using emoji in commit messages with a C...

The mistake developers make when coding a hamburger menu

Given that iOS is the lesser-used mobile operating system, ...

Learn about Dyslexia for the Web with me!

Excellent piece, and very useful, and particularly interest...

Speed up your queries with indexes

Presumably it's the same for MSSQL, but MySQL allows you to...

That's one small step for a developer, one giant leap for the web

So glad you didn't mention npm! That one has been a right m...

10 practices for writing readable code

A good rule of thumb is to comment about the 'why' and not ...

10 practices for writing readable code

There is the null object pattern for this situation, which ...

Is front-end development having an identity crisis?

The full phrase is "A jack of all trades is a master of non...

How to create pure CSS illustrations and animate them - Part 1

I could re-create the exact thing by hand, the result would...

How to create pure CSS illustrations and animate them - Part 1

Pure CSS images aren't necessarily manually created. I made...

Being average in > 1 things is easier and more valuable than being excellent at 1 thing.

A Jack of all trades is a master of none, but oftentimes b...

The Shell Introduction I Wish I Had

Worth mentioning that Bash is the default shell of most Lin...

[Web] Your download will start in a few seconds...

I see it mainly used in conjunction with the automatic down...

Why you should deploy on Friday afternoon

Clearly changing a typo in a greeting message, or adding a ...

Why you should deploy on Friday afternoon

You start off by comparing apples and oranges. A standard c...

Can I see your terminal?

All these crazy key combinations, on Linux all you need to ...

Describe the worst coding culture you've been a part of

As long as you used the reasons why Swift is better than Ob...

Describe the worst coding culture you've been a part of

Was your reason to use apple's latest programming language ...

Please Stop Using Local Storage

The whole point of this article is to raise awareness of se...

How to write a SOLID dev resume to be 2018 STAR

Yes, I agree. By level of skill, I didn't specifically mean...

How to write a SOLID dev resume to be 2018 STAR

One thing I've found which helps is to have your skills, an...

DOM elements with ID's are global variables

Not really. In standard HTML, id attributes are made into g...

DOM elements with ID's are global variables

Erm, you realise that you're talking about scoped variables...

The anatomy of a custom input[type="file"] component

I do a similar thing, I wrote about it in an article where ...

In Defense of Electron

Well, I wasn't trying out VSCode with any plugins, so it mi...

In Defense of Electron

I tried using Atom once on a computer with more than 4GB. I...

A Quick Introduction: Hashing

Just a quick point, but it's important. As the hash can't be ...

loading...