Showcase select projects 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. In this […]
Create a Featured Projects Portfolio Site Read More »
The Smashing Magazine Podcast is an interview-based podcast from Smashing Magazine. Host Drew McLellan talks to design and development experts about their work on the web, as well as recent news and articles at Smashing Magazine. Links Podcast-specific: https://podcast.smashingmagazine.com/ https://www.smashingmagazine.com/category/smashing-podcast https://podcasts.apple.com/us/podcast/smashing-podcast/id1485403438 Smashing Magazine: https://www.smashingmagazine.com/
Smashing Magazine Podcast Read More »
Hands-on exercises to help understand different layout techniques Check out the codepen examples below, each with multiple ways to center content. Be sure to delete the css (or comment it out) line-by-line so you can fully understand the impact of each css property and value. Centering Horizontal Centering Note how it’s just one line of
Positioning and Layout Tests 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 »
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 »
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 »
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 »
