@ddrivegeorge profile picture
Dynamic Drive @ddrivegeorge

Dynamic Drive- Free, original JavaScript and CSS codes to instantly power up your site.

Joined August 2009
  • Tweets 944
  • Following 9,478
  • Followers 9,693
144 Photos and videos
How 8 Minutes of Meditation Can Give You the Productivity Boost You Need - addicted2success.com/life/ho…

How 8 Minutes of Meditation Can Give You the Productivity Boost You Need

Of all the productivity hacks I’ve tried over the years, none has had as much of a positive impact relative to the time I put in than meditation. Just 8 minutes per day to be precise. Meditation is a...

addicted2success.com
1
2
3
An introduction to Object-Oriented Programming in JavaScript medium.freecodecamp.org/an-i…

An introduction to Object-Oriented Programming in JavaScript

By Rainer Hahnekamp This article is for students of JavaScript that don’t have any prior knowledge in object-oriented programming (OOP). I focus on the parts of OOP that are only relevant for...

freecodecamp.org
2
3
Handling Errors in JavaScript The Definitive Guide levelup.gitconnected.com/the…

Handling Errors in JavaScript: The Definitive Guide

Coders often default to log errors. This is a bad habit. Learn how to build a beautiful structure to bulletproof your Error handling.

levelup.gitconnected.com
1
Front-end JavaScript Interviews in 2018–19 – webf blog.webf.zone/front-end-jav…

Front-end JavaScript Interviews in 2018–19

Things changed with ES2015 for JavaScript. The specification is huge. With native support for modules coupled with ever evolving…

blog.webf.zone
1
2
Best Frontend Web Development Courses to take in 2019: javascriptkit.com/courses/fr…
Use Cases For Flexbox smashingmagazine.com/2018/10…

Use Cases For Flexbox — Smashing Magazine

In this final article of the series, we wrap up by taking a look at some of the common uses for Flexbox. What should we use Flexbox for, and what it is not so good at? Today, Rachel Andrew is going...

smashingmagazine.com
2
1
Writing good text alternatives for images: medium.com/@amyalexandraleak…

Writing good text alternatives

Making your content more accessible

medium.com
1
How to simplify pop-ups and modals using the HTML dialog element viget.com/articles/the-dialo…

The dialog element | Viget

Simplify pop-ups and modals using the HTML dialog element.

viget.com
2
Idle Until Urgent — A look at how to improve web site performance in terms of "first input delay" philipwalton.com/articles/id…

Idle Until Urgent

philipwalton.com
T-Writer Library for typing out text one letter at a time: chriscavs.github.io/t-writer…
Tabulator - Interactive JavaScript Tables tabulator.info/
Make your web layouts bust out of the rectangle with the Firefox Shape Path Editor – Mozilla Hacks - the Web developer blog hacks.mozilla.org/2018/09/ma…

Make your web layouts bust out of the rectangle with the Firefox Shape Path Editor – Mozilla Hacks...

CSS Shapes lets your web designs break out of the rectangular grid. Using a new CSS standard, text can flow, images can be rounded, even just a few non parallel ...

hacks.mozilla.org
1
jQuery script that combines CSS Cards with an Accordion behavior for something useful: dynamicdrive.com/dynamicinde… frontendfront @FrontendDaily @JavaScriptKicks @jqueryscript
2
2
Practical CSS Scroll Snapping css-tricks.com/practical-css…

Practical CSS Scroll Snapping | CSS-Tricks

CSS scroll snapping allows you to lock the viewport to certain elements or locations after a user has finished scrolling. It’s great for building interactions

css-tricks.com
2
Time-saving CSS techniques to create responsive images medium.freecodecamp.org/time…

Time-saving CSS techniques to create responsive images

By Adrien Zaganelli As a web developer, there is a high probability that you have encountered the two enemies of this article: images and deadlines. Sometimes, for some reasons, your images won’t fit...

freecodecamp.org
1
2
Designing a responsive layout using CSS Grid: medium.com/@js_tut/css-grid-…

CSS Grid Layout — Multiply & Conquer

Have you ever noticed that division and multiplication is the same thing? Anyway. We’re going to design a responsive layout using CSS Grid…

alinawrites.medium.com
1
Client Hints and Responsive Images - What Changed in Chrome 67 cloudinary.com/blog/client_h…

Client Hints and Responsive Images - Chrome 67 Changes

Chrome 67 changed desktop Client Hints for privacy concerns.

cloudinary.com
5 steps to speed up your image heavy website – codeburst codeburst.io/5-steps-to-spee…

5 steps to speed up your image heavy website

Images are a key component of every website. According to HTTP Archive images make up for more than 60% of data loaded on web pages. Being…

codeburst.io
1
2
Lightweight JavaScript (ES6) tweening engine: between.js.org/
1
3
SlickMap CSS: A Visual Sitemapping Tool for Web Developers astuteo.com/slickmap

SlickMap CSS: A Visual Sitemapping Tool for Web Developers | Astuteo

SlickMap CSS is a simple stylesheet for displaying visual sitemaps directly from HTML unordered list navigation.

astuteo.com
1
Load more