JS : Single Page Parallax Resume

What is in this tutorial?

  • Mobile-first design principles
  • Learn how ‘vh’ viewport height works
  • Learn how to vertically and horizontally center elements on page
  • Writing jQuery script for collapsible navigation menu
  • Applying parallax smooth scrolling jQuery script for single page navigation
  • Applying Lightbox 2 jQuery effects to gallery

Please watch all videos below to complete the tutorial.


Continue reading JS : Single Page Parallax Resume

PHP – Lesson 10 : Functions

Functions Overview

What is a function?

  • A function is a way to write modularized code that can be used more than once just by calling out its function name in a script.

Where do I find functions?

  • Functions are largely what PHP is built on. PHP has over 3000 built-in functions you can use so you don’t have to reinvent the wheel every time you want to do a set of tasks.
  • You can also create your own custom funtions to perform custom tasks.

What are advantages of using functions?

  • For tasks you need to repeat in several places in the code, you can simple call out a funtion from a centralized place instead of writing the same coded over and over.
  • When updating the code, you can update a single function in one place rather than modifying code in several places.
  • They usually speed up the processing time of your pages.


How do I make my own function?

Let’s say you want to create a function that automatically adds the sales tax into a subtotal to give you a final price. We will call it “Total” and the tax will be 7.75%, as follows:

  • function Tax($subtotal) {
    return $subtotal *= .0775;
    }

What this will do is take any value called by the “Tax” function and substitute that passed value in place of “$subtotal.” For instance, if we are explicit and want to find the tax on twenty dollars, we could invoke the function as follows:

  • $tax = Tax(20);
    echo "\$$tax";

This would result in outputting the string (no quotes) of ” $1.55 “. You could produce the same results by running the function on a variable instead of a raw number:

  • $amount = 20;
    $tax = Tax($amount);
    echo "\$$tax";

Variable Scope And Functions

It is important to note that functions are self-contained. What happens with variables inside of a function is invisible to the rest of the script outside of the function. When variables are passed as arguments to a function, only the value is passed; thus, once the function completes its task, the variables inside of it cease to exist, and they are only created or invoked again if the function is reused.

“The scope of a variable – in other words, where it can be used – depends entirely on where the variable is defined. A variable defined in a function or as one of its parameters is limited in scope to that function. It cannot be seen outside the function. Equally, a function has no knowledge of or influence over variables outside.”

(from Adobe Dreamweaver CS5 with PHP by David Powers)


Demo : Create a User-Defined Gallery Function

To learn how you can create a user-defined gallery function, go to the “Creating a Gallery Function” demo page. It will show you how you can write a customizable gallery function that scans gallery directories to populate thumbnail galleries with larger lightbox effect opening images. No database necessary. . . . Additionally, it covers the concepts important to reusable code (i.e. functions).

XAMPP – Turn your PC into a development server

Installing XAMPP on your personal computer

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 – Turn your Mac into a development server

Installing MAMP on your personal computer

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

Conceptual Space Project – Sample Work

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.

tree growing out of cracked dry earth
Redemption – Conceptual Space Project
Vacant - Conceptual Space Project
Vacant – Conceptual Space Project
rock face with opening
Whispering – Conceptual Space Project
Untroubled
Untroubled – Conceptual Space Project
Discordant
Discordant – Conceptual Space Project
Discordant
Discordant – Conceptual Space Project

Continue reading Conceptual Space Project – Sample Work

Photoshop – Lesson 06: Masks and Channels

Working With Photoshop Masks and Channels

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

Photoshop – Lesson 03: Making Selections

Working With Photoshop Selection Tools

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.

  1. Video 1 – Smart Selection: ~20 minutes
  2. Video 2 – Marquee Selections: ~13 minutes
  3. Video 3 – Marquee and Magic Wand: ~ 6 minutes
  4. Video 4 – Lasso Tools: ~ 14 minutes
  5. Video 5 – Magnetic Lasso: ~ 21 minutes

TOTAL: ~1 hour and 15 minutes

 


Digital Art, Design, and Communication Education