modernwebblog's profile picture. A #webdesign and #webdevelopment blog focussed on sharing the latest web techniques, tutorials, resources and news. 💻

The Modern Web

@modernwebblog

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

Pinned

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

modernwebblog's tweet image. 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

The Modern Web reposted

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


The Modern Web reposted

Over 53,000 sessions on cssgr.id! Unbelievable. Thank you! I hope everyone is finding it useful as I'm planning some updates in the near future. 👍 #CSS #webdevelopment #webdesign

DanNetherton's tweet image. Over 53,000 sessions on cssgr.id!

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 reposted

cssgr.id A tool from @DanNetherton to provide developers a way of quickly generating boilerplate code for basic CSS grid layouts. #css #cssgrid #WebDevelopment #code #Design


The Modern Web reposted

cssgr.id: An Interactive CSS Grid Code Tool and Generator - cssgr.id


The Modern Web reposted

cssgr.id is a lifesaver, I can never remember even the most basic property names 🙄


The Modern Web reposted

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 🔥

DanNetherton's tweet image. 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 🔥

The Modern Web reposted

I think this is my favourite thing on the web in 2018. Brilliant 👏 adultswim.com/etcetera/choir/ @adultswim #WebDev


The Modern Web reposted

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...

DanNetherton's tweet image. 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...

The Modern Web reposted

Decided to make a little something after reading a fantastic Border Radius article from @supremebeing09 Experiment: codepen.io/djnetherton/pe… via @CodePen Article: 9elements.github.io/fancy-border-r…


The Modern Web reposted

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...


Tips for great email marketing campaigns | The Modern Web themodernweb.co.uk/2017/02/tips-f…


New Course: Creating Animated HTML5 Page Transitions webdesign.tutsplus.com/articles/new-c…


Check out this great guide to getting started with JavaScript Objects. scotch.io/tutorials/gett… #javascript #webdevelopment


Check out fontjoy.com and use their great font paring tool. Powered by deep learning. Read more about how it works here fontjoy.com/pairing/

modernwebblog's tweet image. Check out fontjoy.com and use their great font paring tool. Powered by deep learning. Read more about how it works here fontjoy.com/pairing/

Loading...

Something went wrong.


Something went wrong.