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 »
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
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 »
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 »
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 »
Code a simple HTML website from scratch One of the best ways to learn about web design is to get your hands dirty and code a simple website from scratch. Having ones own domain and web site enables designers to learn through practice, by going through the full development process from beginning to end, from setting
Create a Course Web Site Read More »
A short intro to the core fundamentals of HTML as a markup language HTML is relatively easy to learn and use. As a markup “language” it has a small, limited number of elements (tags) that are commonly used by web designers and developers. HTML elements are the building blocks of HTML pages.– Wikipedia The Anatomy
HTML Basics: Elements and Syntax Read More »
