Anatomy of Code
Anatomy of Code is a well-designed introduction and reference for JavaScript. It contains a list of key JS elements and features, each with a brief description and code examples.
JS Basics: Functions and Syntax
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 »
Jeffrey Zeldman 20 years of Web Design
Web Design Documentary with Jeffrey Zeldman.
Jeffrey Zeldman 20 years of Web Design Read More »
Draft a Conceptual Plan
The Essentials To Planning a Design Project 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
Draft a Conceptual Plan Read More »
The Box Model
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
How to Begin Planning
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 »
Code a Simple Web Page with CSS
Use CSS to style a web page from scratch One of the best ways to get started when learning about web design and CSS is to get your hands dirty and style a simple web page from scratch. See a Demo: https://johndoenma.github.io/coursework/art128/simplewebpagewithcss/index.html View on Github: https://github.com/johndoenma/coursework/tree/master/art128/simplewebpagewithcss View on Codepen: https://codepen.io/kccnma/pen/ppQdmo Video Lesson Watch this old
Code a Simple Web Page with CSS Read More »
Code a Simple HTML Web Page
Writing HTML from scratch One of the best ways to get started when learning about web design and HTML is to get your hands dirty and code a simple HTML web page from scratch. See a Demo: https://johndoenma.github.io/coursework/art128/simplewebpage.html View on Github: https://github.com/johndoenma/coursework/blob/master/art128/simplewebpage.html View on Codepen: https://codepen.io/kccnma/pen/zxZQpM Before you get started, you’ll need the following: A Code
Code a Simple HTML Web Page Read More »
CSS Basics: Selectors and Syntax
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 »
What Project Should I Choose?
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 »