One of the best ways to learn about content management systems (CMS) is to set one up from scratch. In this lesson, we are going to use WordPress to set up a small, simple CMS-driven “test” web site for learning purposes. A Content Management System (CMS) is a computer application that supports the creation and modification […]
Intro to CMS via WordPress Read More »
Organizing Styles: Using SASS Partials for a Modular CSS Setup How you choose to organize your styles can affect your efficiency as a front-end developer (how long it takes you to write code? how much code do you re-use from project to project? ), your ability to manage complex projects and work with others (how
Intro to SASS via PrePros Read More »
Preprocessing, Build tools, Version Control, and Content Management Systems Front-end web development is mainly focused on three core client-side technologies, HTML, CSS and JavaScript. Each plays an important role during the final output/rendering of web sites and web pages. During the web development process, there are many other technologies, build tools, and workflows that are used
Intro to Front-end Build Tools Read More »
A User Centered Design Approach The web design and development process shares several resemblances to the software development process and systems development life cycle and is influenced by the rich history and practice of related fields such as systems engineering and information science. Building upon several influential methodologies and preceding models, the following is a simple 5-Step process specifically
The Web Design and Development Process Read More »
Coursera is an online LMS (Learning Management System) that partner’s with some of the world’s best universities and organizations to offer several high quality courses online.
Pre-launch QA Diligence Prior to the launch of web sites both big and small, there are several techniques and best practices to help ensure the delivery of a quality product that is performant and bug free. Often times addressed toward the end of a project, one of the most commonly used terms to describe this
Quality Assurance Checklist Read More »
CSS, JS, Animated Gifs, Videos, SVG, and More… Purposeful animation can be used to guide users through a workflow in the same way that good typography should underscore the hierarchy of information in a document. – Rachel Nabors, Web Animation Engineer Ever since Apple choose to not support the Flash player on the iPhone, thus
Intro to Web Animation Techniques Read More »
Are you my Type? Let’s find out… Quick Hands-on Google Docs Exercise Check out the two Google Docs examples below: one containing raw, unset type and the other stylized using Google Fonts. Using Google Docs, create your own type specimen test starting from (almost) scratch using the raw unset text. Take advantage of Google Doc’s
Typography Specimen Tests Read More »
Display your work by coding an online portfolio site from scratch There are many different ways to share your work online. If you are a web designer with front-end web development skills looking to showcase your talent, one of the best ways is to custom design and code your own portfolio site from scratch. See a
Create a Simple Image Grid Portfolio Site Read More »
