Videos

2016/2017 MUST-KNOW WEB DEVELOPMENT TECH – Watch this if you want to be a web developer

2016/2017 MUST-KNOW WEB DEVELOPMENT TECH – Watch this if you want to be a web developer

2 years ago
What should you learn in 2016/2017? This video gives you a complete roadmap! View the mindmap: coggle.it/diagram/Vz9LvW8byvN0I38x The Docker Course!: shop.oreilly.com/product/0636920051343.do
CSS Transition (CSS Animations Series Part 1)

CSS Transition (CSS Animations Series Part 1)

2 years ago
Let’s talk about CSS animations. Movement on the web. In this part 1 of the series we talk about css transitions. Animatable CSS Properties: oli.jp/2010/css-animatable-properties/ Performant Properties to Animate: www.html5rocks.com/en/tutorials/speed/high-performance-animations/ Do you even Jade Bro? youtu.be/wzAWI9h3q18 Check out the CodePen: codepen.io/devtips/pen/xOdodB/ – – – This video was sponsored by the DevTips Patron Community – www.patreon.com/DevTips […]
Drop Down Menu — CSS Animations

Drop Down Menu — CSS Animations

2 years ago
Let’s look at a few different ways to animate a css drop down menu! Follow along using the code at: codepen.io/devtips/pen/PzJqza/ – – – This video was sponsored by the DevTips Patron Community – www.patreon.com/DevTips Listen to Travis’ Podcast – www.travandlos.com/ Get awesomeness emailed to you every thursday – travisneilson.com/notes You should follow DevTips on […]

REACT JS TUTORIAL #1 – Reactjs Javascript Introduction & Workspace Setup

2 years ago
This React JS Course will help you get quickly up to pace with React.js development. React is an AMAZING Javascript framework that allows you to build extremely stable applications that are very easy to change and modify as the application changes and grows over time. GET THE SOURCE CODE: github.com/learncodeacademy/react-js-tutorials WATCH THESE FIRST: ES6: WEBPACK: […]
Javascript Tutorial For Beginners – Free JS Course – Web Development Tutorial

Javascript Tutorial For Beginners – Free JS Course – Web Development Tutorial

3 years ago
This Javascript Tutorial is a Free Javascript Web Development Course designed for beginners. If you’re wanting to know how to Javascript, in this course, you’ll get JS tutorials that cover the basics and programming basics from the very beginning. We’ll cover Javascript variables, if else statements, functions, arrays, event bindings, and more. If you’re learning […]
Spinners, Loaders, and Junk — CSS Animations

Spinners, Loaders, and Junk — CSS Animations

2 years ago
Let’s make a lot of weird spinners and junk, because the web needs more spinners!! Get the Code: codepen.io/devtips/pen/akRyZO/ – – – This video was sponsored by the DevTips Patron Community – www.patreon.com/DevTips Listen to Travis’ Podcast – www.travandlos.com/ Get awesomeness emailed to you every thursday – travisneilson.com/notes You should follow DevTips on Twitter – […]
2016 Annual Review + Big Announcement

2016 Annual Review + Big Announcement

1 year ago
Ships that pass in the night, and speak each other in passing, Only a signal shown and a distant voice in the darkness; So on the ocean of life, we pass and speak one another, Only a look and a voice, then darkness again and a silence. – Henry Wadsworth Longfellow, 1863 – – – […]

Webpack Tutorial – Replace Gulp/Grunt plugins with a single tool

2 years ago
Webpack has quickly become one of the most popular choices among web developer build tools. It can quickly build, minify, split & do a whole wonder of other things to your code. Sample Webpack Config: gist.github.com/learncodeacademy/25092d8f1daf5e4a6fd3 Node.js Introduction: www.youtube.com/watch?v=pU9Q6oiQNd0 In this webpack tutorial, I’m going to cover a very basic configuration for webpack that will […]
CSS Animation & Keyframes (CSS Animations Series Part 2)

CSS Animation & Keyframes (CSS Animations Series Part 2)

2 years ago
Let’s talk about CSS animations. Movement on the web. In this part 2 of the series we talk about CSS Animation and Keyframes. Animatable CSS Properties: oli.jp/2010/css-animatable-properties/ Performant Properties to Animate: www.html5rocks.com/en/tutorials/speed/high-performance-animations/ Do you even Jade Bro? youtu.be/wzAWI9h3q18 Check out the CodePen: codepen.io/devtips/pen/Krqrwq/ – – – This video was sponsored by the DevTips Patron Community […]
Contact Form Web Application Tutorial Ajax HTML5 PHP

Contact Form Web Application Tutorial Ajax HTML5 PHP

2 years ago
Lesson Code: www.developphp.com/video/JavaScript/Contact-Form-Web-Application-Tutorial-Ajax-HTML5-PHP In this exercise we will demonstrate how to build a modern all-purpose website contact form that uses new HTML5 features, Ajax and PHP. Everything happens without reloading the page or navigating to another document to parse the data. You can put this form to work on any website that processes PHP, and […]
Animating the Moments — Using Animation in UX   (CSS Animations Series Part 3)

Animating the Moments — Using Animation in UX (CSS Animations Series Part 3)

2 years ago
Today we stop to consider when and why to use animations in the user experience (UX). Codepen Link: codepen.io/devtips/pen/AXxGwO/ – – – This video was sponsored by the DevTips Patron Community – www.patreon.com/DevTips Listen to Travis’ Podcast – www.travandlos.com/ Get awesomeness emailed to you every thursday – travisneilson.com/notes You should follow DevTips on Twitter – […]
GIVEAWAY + Webflow From Scratch – part 1 (Responsive Navigation)

GIVEAWAY + Webflow From Scratch – part 1 (Responsive Navigation)

1 year ago
To win 1 year of Webflow Pro: 1. Be a DevTips Subscriber 2. Leave a comment 3. Fill out this form: goo.gl/forms/NTkvMKWfYG1YKZF22 In this series I am building a new website from scratch using Webflow. I’ve never used this tool before to it will be fun to smash my way around it and learn something […]