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 »
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 »
A short intro to the core fundamentals of Javascript for front-end web development Javascript (JS), oftentimes referred to as “Vanilla JS,” is used to added functionality to a web page (e.g. “do this when a user clicks this”). For many beginner web designers, JS can be daunting to learn. Many find JQuery to be much
JS Basics: Functions and Syntax Read More »
CSS Margin, Padding, and Borders In web development, the CSS box model refers to the composition of a webpage or HTML page from blocks or boxes using CSS. Specifically, the box model describes how the size of each such block and its content is determined through styling instructions. The guidelines of the box model are
A Guide to Conceptual Project Planning Conceptual plans are the blueprints for any design project. Conducted early in the design process, they can include any number of documents and exercises that will be helpful in communicating ideas to all stakeholders and instrumental in insuring a quality end product and user experience. The primary goal for
How to Begin Planning Read More »
A short intro to the core fundamentals of CSS as a styling language CSS is a rapidly growing and evolving technology that keeps getting more powerful with each new feature that gets added to its specifications. For a “styling” language, it can do more than just affect the presentation of markup via the UI, it
CSS Basics: Selectors and Syntax Read More »
General Advice for Design Students Choosing a project is a challenge faced by many design students. Here are a few general tips and questions you can ask yourself. General Tips, Advice, & Questions Make a Wish (List) Write down your personal goals and prioritize them Think Conceptually, Award-Winning, and BIG (take risks & have fun)!
What Project Should I Choose? Read More »
