Category Archives: Web Technologies Spring 2022

Building an Accessible Content Carousel

Class Exercise Be sure to publish your work to GitHub and add a link to the demo we built to your course homepage. Final Q & A | Guidelines Next Steps IFSC 3300 (Sample Syllabus) Mobile Web Development (Spring 2023) BA in Web Design and Development Advisor Thomas Wallace Course Evaluations

Exploring the functionality of jQuery

jQuery Explained Exploring the functionality of jQuery jQuery Tabs Case Study jQuery Plugins Cycle Demo

JavaScript and the Document Object Model

Uses of JavaScript AJAX Demo (jQuery) | AJAX Demo (Vanilla JS) Understanding the Document Object Model (DOM) What is a CDN? Why use a CDN? Google CDN, CDNJS jQuery Tabs Case Study jQuery Plugins Cycle Demo

Site Planning and Interviewing Clients

Site Planning and Interviewing Clients Sitemap Tools Gliffy Slickplan Prototyping Tools Figma Mockflow (free) Wireframe.cc Moqups proto.io

Forms

Hosted Solution Using Server-Side Technology PHP (Bluehost/cloud9) Web Based Image Optimization Tool Site Planning and Interviewing Clients Sitemap Tools Gliffy Slickplan Prototyping Tools Mockflow (free) Wireframe.cc Moqups proto.io Codiqua Framebox

Site Building Demo

Codecast | Target Outcome Logo Replacement Technique Demo

Dragon Project Q & A

Dragon Project Q&A CSS Backgrounds CSS Background Recipes Summary/Details Element

Bringing it all Together

Finalizing your page template Duplicating pages for your site CSS Backgrounds CSS Background Recipes Summary/Details Element INDIVIDUAL WEB PROJECT Choose one of the two micro-site projects and submit url to me by April 25, 2022. Starter HTML – You are welcome to use your own structure. This document is a reference for those that need it. […]

Image Manipulation

Removing the Background from an Image Sample file  Tutorial Exporting Files

Getting to know Gravit

Today I’d like you to spend our class time reviewing the following material. Be prepared for an interactive lab session on Monday. Introductory Tutorials – Please watch each module and work along in the app to make sure you understand the ins and outs of the app. Workspace Overview More Tips and Tricks