DEV Community

loading...
Kyle Griffin profile picture

Kyle Griffin

A London Web Developer. A lot of my professional experience is in digital agencies and I enjoy helping new front-end developers learn how to code websites.

Education

BSc Computer Science

All 76 comments

Responsive CSS Layouts WITHOUT Media Queries

When you use grid-column on a grid containers children, you l...

Responsive CSS Layouts WITHOUT Media Queries

You can use calc combined with media queries. font-size: ca...

Responsive CSS Layouts WITHOUT Media Queries

Either you use media queries to change the column widths as y...

Is it safe to use Disqus for my Blog?

It gets blocked by uBlock and other adblockers, so I would sa...

How will Covid-19 change things forever?

Twitter is saying "watch and see how bosses will see how wo...

Nevertheless, Ali Coded

Despite being blocked on Twitter, I do feel that even thoug...

You Think You Know CSS

I can't give you a coded solution, but it seems like your c...

Top 5 CSS Framework 2020

Tailwind is picking up a lot of traction, but it's such a d...

Tabs vs Spaces?

Yep. Tabs is the correct answer so people need to stop.

Work Culture Toxicity in Tech

I think productivity and output of work/progress is a KPI t...

Fill up your portfolio with meaningful projects in 2020, Use these APIs

Literally just using the fetch promise in vanilla JS and ou...

Fill up your portfolio with meaningful projects in 2020, Use these APIs

With the unsplash API, a regular fetch request will get N n...

Six Data Structures To Help You Ace Your Technical Interview

I read this article because Emma knows how to write article...

Full CSS animations guide which allows you to build amazing websites

Hi Sharjeel. Can you upload the image to imgur instead? I m...

3 Weird Things You (Probably) Didn't Know You Can Do With The JavaScript Spread Operator 🥳

spreading a string into an array sounds like it could be a ...

How to use Styled Components in your ReactJs project

I think it's the best way to currently encapsulate a compon...

Multi-line gradient links

Can the linear gradient be animated with radial degrees?

What is the most challenging part of your daily work that doesn't involve coding?

I find a coffee timed correctly in the morning perks you up s...

What is the most challenging part of your daily work that doesn't involve coding?

Getting a proper night of sleep. One would say "But that's no...

AWS for Startups (FREE 4hrs Video Course)

Saved to my youtube playlist, so I'll definitely have a loo...

Want to learn React.js? Here’s my free course which teaches it by building a chat app.

Thanks for not saying that this will take 5 minutes to make...

Smooth scrolling effect using css

I personally am not fan of "scroll jacking", as it's bad UX...

Peacock - Choose What to Color

Looks good!

Do you still use "position" to center align vertically and horizontally?

It depends on How many items horizontally need to be alig...

What about TypeScript?

In my experience, I have been preached Typescript by those ...

Bounce Animation with Vanilla CSS

Good approach Ayush. I can see that you have tackled this i...

Smooth scrolling effect using css

I think the immediate issue with "smooth scrolling" as a term...

Everything you should know about Javascript classes

Been having to battle with Classes at work as part of a lar...

What Are Your Goals For 2020?

To quell that constant state of unease about how many gaps ...

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

Do people actually ask you to hack instagram? "Yeah, just ...

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

It's the part of us that wants to do things well and finish...

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

The expectation that I need to be passionate about it. It's...

Finding joy in WordPress again, with React, Gatsby & GraphQL

If WordPress had not added REST API, I don't think it would...

Share your CSS knowledge

:not can be stacked, to allow for multiple classes to be ex...

Getting started with CSS variables

The idea is for core CSS to standardize the SASS functional...

Would You Take a Low-Code Developer Job?

If you have the freedom to wait a bit longer, rather than n...

Firefox (and other browsers) will be making better use of height and width attributes for modern sites

Awesome!

Vanilla.js - Getting Started

It's such a shame vanilla.js has such an overhead. My clien...

How I Tripled My Twitter Following in One Weekend by Teaching React

In all honesty, does having a larger twitter following help...

Reasons developers avoid CSS

Everytime someone says that CSS is not a language, I seethe...

The most common mistakes when using React

Some very helpful tips. Some are pretty obvious but as a le...

Add dark mode to your site with this short CSS trick

What's more likely to happen in this case is that you'll ha...

What I learned after applying for 100 jobs

It's funny how the law pushes hard for equal opportunities bu...

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

Being from the UK, I have been told off by non-technical pe...

Why you should think twice about contributing to Open Source

1 out 20/30 seems a lot more believable.

What is your top productivity apps that you cannot live without?

Camscanner link is broken :)

3 Reasons to Be and Stay Lazy

There is a big difference between the laziness of wanting t...

How I became an Entrepreneur

If they made a discord variant that was for business (liter...

Coding Best Practices, Chapter One: Functions.

Being verbose is hard when you know that doing so is not th...

Key habits and things I wish I knew earlier as a developer

"Hmm yes, this bridge is made of bridge"

5 tips for your first 5 days as a new dev

If you're arriving at problems, and the company does not ha...

What’s the best JavaScript framework?

jQuery. Fight me

5 Things you should NOT be ASHAMED of as a developer

My mom always watched me clumsily rush to get things done a...

Top 10 JavaScript Frameworks for Developers

I apologise if it's presumptuous, but if you advocate Angul...

When to use for..of loop instead of for..in

I can't help but feel this is an indirect attack on a certa...

What does a developer say after solving a really hard bug?

The real punchline is always in the comments

A width-responsive perfect square in pure CSS

I believe if you try and do it with Border and border radiu...

What's your worst nightmare as a coder?

If they are asking, you don't need to say yes. If you need ...

What's the best career advice you can give in ten words or less?

Recursion recursion recursion recursion recursion recursion...

How to Stay Fit Physically and Mentally and Keep Coding

With the longer evenings, there isn't a reason that you can...

Are we pretentious and arrogant?

Too many cooks in the kitchen. Many developers who deep div...

Animations with the Emotion library

Might be worth renaming the article. I was looking for more...

Investing in the right technologies to avoid technical debt

The framework that wins will be the one that bridges the evid...

I created an IE11 end of support countdown

6 Years of pain and suffering.

How much of a page is occupied by images?

Very interesting. The sort of thing that could have a lot o...

What PC would you buy as a new dev now?

Personally I think it comes down to one thing, and it's som...

CSS-Vise: An exceptionally minimal pure CSS framework.

Using Colons in classnames? That's very interesting!

4 Reasons to Use React JS for Web Development

vuejs.org "The Progressive JavaScript Framework"

4 Reasons to Use React JS for Web Development

Vue is picking up a lot of traction and the winning framewo...

CSS3 Grid Layout Notes

It's great how we all learn in different ways. I have to co...

Welcome Thread - v31

Hey Everyone! Been developing in Html/CSS/JS predominantly...

loading...
Forem Open with the Forem app