Leigh Cotnoir received her MFA from San Diego State University. Leigh teaches web design and multimedia MiraCosta College in Oceanside, CA. She was awarded “Most Influential Faculty Member” in the Interdisciplinary Studies Major at SDSU in 2012, and “Outstanding Faculty Member” for the School of Art + Design in 2008 at SDSU. She’s passionate about web design, art, and getting stuff done the right way.
This demo contains a 9-video demo series that will teach you how to make a single web page with a jQuery page-scrolling easing effect. The software demonstration is done in Dreamweaver, but you could also follow along with any decent script editing program.
This tutorial will show you how you can write a customizable gallery function that scans gallery directories to create and populate four types of image banks: random <IMG> image, random css background image, lightbox thumbnail gallery, and carousel slideshow. No database necessary…. Continue reading PHP – Creating a Gallery Function→
The following demonstrations will reiterate the pathways to your web serving directory on your file system, how to access the files through your web browser, and basics of understanding PHP error reporting. Continue reading XAMPP “localhost” and Intro to PHP Error Reporting→
XAMPP stands for “X (one of four OSs), Apache, MySQL, PHP, PERL” and is used to enable your personal computer with the web and database tools necessary to host its own dynamically driven websites for testing and development purposes. The following tutorial video demonstrations will show you the steps to set your computer up as a “localhost” server on Windows. Continue reading XAMPP – Turn your PC into a development server→
MAMP stands for “Mac Apache, MySQL, PHP” and is used to enable your personal computer with the web and database tools necessary to host its own dynamically driven websites for testing and development purposes. The following tutorial video demonstrations will show you the steps to set your computer up as a “localhost” server. Continue reading MAMP – Turn your Mac into a development server→
This is a video series playlist that walks you through how to style a webpage using CSS3 with HTML5. There are a total of 12 videos equalling almost three hours of instruction. Continue reading CSS – Basic Styling with CSS→
This tutorial will walk you through getting started with HTML coding. It covers basic principles of how to create different semantic tags to organize the structure of your page content. Continue reading HTML – Start Coding with HTML→
The following project required students to pick a conceptual word from a list and create a visual composition created from 5 -6 different image sources. The final image needed to express the feeling or meaning of the word and depict a “believable” space in terms of depth-of-field, although it could exist in a surreal environment.
Redemption – Conceptual Space ProjectVacant – Conceptual Space ProjectWhispering – Conceptual Space ProjectUntroubled – Conceptual Space ProjectDiscordant – Conceptual Space ProjectDiscordant – Conceptual Space Project
Select and Mask, Quick Masks, Puppet Warping, and Creating a Shadow from an Alpha Channel
This 4-part demo (playlist) will show you how to refine complex edges in masks using CC 2017 tools. This is a daunting task without this method! It follows the lessons in Chapter 6 of the Adobe Photoshop Classroom in a Book 2017 edition. Continue reading Photoshop – Lesson 06: Masks and Channels→
To follow along with the Lesson 3 from Photoshop CC 2017 : Classroom in a Book and learn some additional best practice tips NOT in the book, watch the following videos below. It is a playlist of five videos that cover using selection tools in Photoshop.
To view the above video in a larger screen size, start the video and click the YouTube icon.
The place where we deal with the different types of resolution are within the “Image Size” dialogue box. This video demo explains the difference between pixel dimensions and print resolution, and how they relate to one another.