MARKING RUBRICS Here are the things I will be marking you on this semester. ADD CLEAN CODE ADD DOCUMENTATION Responsive Critique (10%) Validated HTML: 1 Validated CSS: 1 No broken links: 1 No typos, spelling errors, crappy grammar: 1 Image: 1 Single External Stylesheet:1 Semantic Markup: 1 Files in folder structure: 1 Detailed Analysis: […]
Here are a bunch of video training series. Most are free, with the exception of the Lynda.com stuff. I’ve watched a lot of them, but not all. So if any suck, be sure to contact me and tell me why. Web Design Icon Fonts: senior Lynda.com author James Williamson has two video series on icon […]
This exercise is optional. However, if you complete it, you will learn a great deal about one of the cornerstones of modern front-end web design. Loaded on all of the Publishing Departments iPads are a number of eBooks from abookapart, which is the print wing of alistapart.com, long easily one of the most important sites in the web design […]
The Publishing Department’s Policies For Students document is available on STUDENTSHARE in COLLABORATIVE / PUBL / Student Access Files. A few sections of that document are excerpted here: Attendance Having to do a work shift for an outside job will not under any circumstances be accepted as an excuse to miss a class, an assignment deadline […]
Please download the files for this exercise. In this exercise, we will explore ways we can establish vertical rhythm on a page by being aware of the font-sizes, line-heights, and margin values of our text. We will first do the exercise using pixel units, because they are easier to wrap our brains around. However, pixel […]
If you’re using a theme that doesn’t support widgets, you can get it to do so by adding some code to functions.php and then adding calls to the dynamic sidebar in any template file. Widgetizing the HTML5Reset Starter Theme In its current incarnation, the html5reset wordpress theme’s widget area isn’t working, but the code can […]
Preliminary Stuff In a MAMP Testing Enviroment, install a fresh copy of WordPress. In Dashboard < Settings, make the name of your site Jazz Icons and the description to the best players. Install the HTML5Reset WordPress Starter Theme. Change the name of the starter theme folder to firstnamelastnametest, no spaces. Edit the required file to […]
The video below explains one of the most important concepts in WordPress theme development: the template hierarchy. Specifically, if you are making a theme, it’s important to know which of the theme files will actually generate your content. The diagram used in the video is available in the WordPress codex, along with some excellent examples: […]
The first three lines set up the logic: <?php if ( have_posts() ) : ?> <?php /* Start the Loop */ ?> <?php while ( have_posts() ) : the_post(); ?> Other themes will express this as a single line: <?php if ( have_posts() ) : while ( have_posts()): the_post(); ?> Regardless of these phrasing differences, […]
In this exercise, we will make a couple of basic grid systems in order to build an understanding of how they work. The first one, which will be a fixed width grid, is basically a simplified version of the most famous web grid system, Nathan Smith’s 960 Grid System (https://960.gs). First of all, make a […]