Web Design & Code

instagram-feed-header-image

Instagram Feed Onto Your Website – Dreamweaver

This tutorial is proudly sponsored by our generous sponsor, Squarespace, the fast and easy way to create a professional website. Video 1. Get The Plugin (Instafeed.js) Instafeed.js is a crazy simple way to grab an Instagram feed and pop it into your website. You can download the Instafeed.js file for free here at this link and...

Speeding Up Frontend Development Workflows With SASS

Speeding Up Frontend Development Workflows With SASS

What is SASS? SASS (Syntactically Awesome Stylesheets) is the web’s most popular CSS preprocessing framework. Unlike typical stylesheets, SASS files is not directly readable by web browsers (yet), but it is much developer friendly. Once a SASS file is saved it is then compiled to plain CSS so long as the compiler is installed and...

Guest Blog: Getting Started with Bootstrap

Guest Blog: Getting Started with Bootstrap

Bootstrap Basics: What is Bootstrap? For this tutorial, I’d like to walk you through the process of obtaining Bootstrap, putting everything where it needs to be, and going through a small, very basic example homepage. Where to Begin First and foremost, you’ll need somewhere to set up your project. Luckily, Bootstrap is all HTML, JavaScript,...

Change Code Color Theme – Dreamweaver CS6

Change Code Color Theme – Dreamweaver CS6

1. Get The Theme While Dreamweaver allows us to customize every little aspect of the code we write, creating the whole look can be quite time consuming and there is a whole bunch of trial-and-error. I’ve found an amazing Dreamweaver color theme which you can download for free right here: http://www.thatwebguyblog.com/post/a_dark_code_view_theme_for_dreamweaver/ You’re looking for the...

FadeIn/FadeOut jQuery Image Fade Rollover Tutorial

FadeIn/FadeOut jQuery Image Fade Rollover Tutorial

FadeIn/FadeOut jQuery Image Fade Rollover Tutorial One of the most beautiful things about jQuery is the speed at which you can create very nice effects, effects that normally would have taken a bunch of time creating multiple image states or going all-out with Adobe Flash and creating rollover after rollover, are now easier than ever...