The Modern Web

A #webdesign and #webdevelopment blog focussed on sharing the latest web techniques, tutorials, resources and news. 💻

[The Modern Web @modernwebblog]

Currently working on a new look for the blog. Clean, functional and super fast with the help of @jekyllrb! We hope you like it when it's live. Watch this space. 😎 #webdesign #javascript #CSS

[Dan Netherton 👨‍💻 @DanNetherton]

Made some good progress tonight 😀

- Refactored some shitty functions
- Added sidebar toggle
- Pulled in current season results for comparisons
- Pulled in times + DNF reasons

More of the same tomorrow hopefully.

#F1 #reactjs #javascript #webdevelopment #app #Formula1

[Dan Netherton 👨‍💻 @DanNetherton]

Over 53,000 sessions on https://t.co/xIYFl73WpR!

Unbelievable. Thank you!

I hope everyone is finding it useful as I'm planning some updates in the near future. 👍

#CSS #webdevelopment #webdesign

[The Modern Web @modernwebblog]

https://t.co/TJOyB524Pr

A tool from @DanNetherton to provide developers a way of quickly generating boilerplate code for basic CSS grid layouts.

#css #cssgrid #WebDevelopment #code #Design

[Frontend Daily 🚀 @FrontendDaily]

https://t.co/ttjG4PZPpy: An Interactive CSS Grid Code Tool and Generator - https://t.co/0gcNhQ2fOD

[Peter Mellett @Mellett68]

https://t.co/i63Lsc482e is a lifesaver, I can never remember even the most basic property names 🙄

[Dan Netherton 👨‍💻 @DanNetherton]

Tip: If you've set the number of columns in your grid (e.g two columns), but you're not sure how many items there could be, chaining some nth selectors can help you target that last odd item.

You can then span it across both columns to keep things neat and tidy in your layout 🔥

[Dan Netherton 👨‍💻 @DanNetherton]

I think this is my favourite thing on the web in 2018.

Brilliant 👏

https://t.co/4Tyc47PmEz @adultswim #WebDev

[Dan Netherton 👨‍💻 @DanNetherton]

Been using @brave for a while now and it's now saved me 21 minutes of waiting for ads and trackers. I recommend getting it. It works particularly well on local news sites which tend to be riddled with scripts...

[Dan Netherton 👨‍💻 @DanNetherton]

There's some great insights here for all types of devs.

Thanks @kaydacode 👍

How to Level Up Your Dev Game https://t.co/bBbQtZG3zR #webdevelopment #webdev

[Dan Netherton 👨‍💻 @DanNetherton]

Decided to make a little something after reading a fantastic Border Radius article from @supremebeing09

Experiment: https://t.co/kLqHfk2Zob via @CodePen

Article: https://t.co/nKkPs18x4e

[Dan Netherton 👨‍💻 @DanNetherton]

Dad Tip: If your child won't stop screaming, try eating an entire box of dry cereal. You won't be able to hear anything besides crunching and the duration should be long enough for them to GET OVER IT...

[The Modern Web @modernwebblog]

Physics-Based Background Scroll Effects https://t.co/ubeVcyDc3m #webdevelopment #javascript #animation

[The Modern Web @modernwebblog]

How To Create Flat Style Breadcrumb Links with #CSS https://t.co/0QwfZoeH74 #webdevelopment #webdesign

[The Modern Web @modernwebblog]

Tips for great email marketing campaigns | The Modern Web https://t.co/K05j8TOf1V

[The Modern Web @modernwebblog]

New Course: Creating Animated HTML5 Page Transitions https://t.co/aWldQ5ThM7

[The Modern Web @modernwebblog]

Some fantastic options in here for the new version of the blog. https://t.co/28LH7Sqgj7 #webdevelopment

[The Modern Web @modernwebblog]

Check out this great guide to getting started with JavaScript Objects. https://t.co/q4CvCUSOcU #javascript #webdevelopment

[The Modern Web @modernwebblog]

Check out https://t.co/nLNoAGNH8O and use their great font paring tool. Powered by deep learning. Read more about how it works here https://t.co/yKVDrqMs58

[The Modern Web @modernwebblog]

20 Eye-Catching SVG Animations for All Projects https://t.co/adEJECgqin #resources #design #webdesign