- Personal Journey
- Offline to Online
- Show Support
- Donate Money
- Join A Group
- video based learning
Once you point your web page to the jquery library you can start to write jquery code. So what is jquery? It is a script language that allows interaction, functionality as well as manipulate html and css. So you can use jquery to add or remove classes or html elements or change attributes about either.
There are many jquery plugin that you can install into your web page. So this is jquery and sometimes html/css that is written and bundled and all you need to do is put the files in the right place in your root directory and integrate the plugin code with your own.
Here are a couple of good jquery plugins:
Foundation: Modal, Carousel
Caroufredsel: Image Carousel
CDrops: Smooth scroll horizontal
Designing for the web introduces new challenges for designers. Lets talk about type, for type to display on a persons browser the font either needs to be installed on their computer, or the font is installed on your server and you call to it with a relative path or lastly you use a web font service, like google fonts typekit and serve up your font with an absolute path.
Font Squirrel (web font generator)
Using the box model, create the
html with the corresponding css
to create the following display.
For instructions and details see exercise-5
Working on screen comps in-class this Thursday. Come prepared with a screen comp that is at least 25% designed.
Your screen comps will be based off your sketches and wire-frames. Your screen comp defines exactly how your web site will look. You will design your screen comp in Photoshop. Photoshop will allow you to design in the web’s native units (pixels), color mode (rgb/hexadecimal) and image type (raster as opposed to vector).
Steps to start your Photoshop file:
How to install and use Guide Guide.