08
Jan 10

Get Your Geek On - CSS Frameworks and Debugging Tools

Ultra geeky video cast that has some nice tips for choosing CSS Frameworks and using CSS Debugging Tools. via !Doctype. (make sure to check the Show Notes Section for links to relevant sites)


26
Dec 09

Flash frontend for Indexhibit

anyone out there using indexhibit,
there is now a flash front end for it,
source files included.
you can find it here:

apdev indexhibit


22
Nov 09

Minimalist Wordpress themes

Graph Paper Press

Graph Paper Press is a repository for Wordpress themes created by photographer and multimedia producer Thad Allender. Graph Paper Press peddles minimalistic modular designs that can transform your blog from a tubular list of posts into an aesthetically-pleasing portfolio or news magazine website.

useful if you are using WP to make an artist portfolio site.


24
Jun 09

Where to find WordPress themes

As Great as the Theme Repository at Wordpress.org is, it is hard sometimes to find the theme you want, so here are a couple of sites where you can find themes:

at the wordpress site:

other sources:
Amazing WordPress Themes
THemes at Rock Kitty
Theme Lab (they also have some nice tutorials)

you can also do a search on google with terms like “free wordpress themes fashion” and see what you find.
remember that we can change the colors and images on the themes using CSS, so the most important thing is that you like the layout.

if you find a nice source for themes, please leave a  comment below.


17
Jun 09

HTML / CSS

1st Session

1. review the HTML tutorials at w3schools.org,
from HTML HOME until HTML Lists.

2. Make a web page named myname.html (i.e. mine would be sebastian.html)
with the following:

  • a page title (goes in the header section);
  • a heading (i.e h1)
  • a subheading (i.e h4)
  • a paragraph which contains: ( p )
    • regular text
    • one bold word or sentence ( strong )
    • a sentence in italics ( em)
  • a link to a website that opens on the same window ( a )
  • a link that opens in a different window or tab. ( a, look up the “target” atrribute in the links section )
  • an image ( img )
  • an image that is a link ( a  + img );
  • a table
  • an unordered list with three items ( ul and li )

( relevant tags in parenthesis, if you need to look them up, check out the tag list in the same w3schools page )

Please bring the html page to class (remember to include the image(s) in the same folder as the html file)

2nd Session


12
Jan 09

1st Session

The Authoring Environment

What is Flash?

Stage

  • Testing/publishing your movie, Format options
  • Stage resizing concepts
  • Background color
  • Rulers, Guides, Layers.
  • Layer Types (folders, guides, motion guides)
  • Layer Viewing Options

Timeline

  • Timeline View Options (Onion Skining, animation previews)
  • Controlling the Timeline
  • Keyframes, Labels, Shortcuts, Comments

Panels, Windows, Layout Preferences

  • Stacking/grouping Panels
  • The Property Inspector
  • Customizing Layout

Shapes, Drawing Objects, Groups

  • Tool Panel
  • Drawing in Flash (Shape Tools, Pen/Brush/Eraser, snap-to prefs)
  • Grouping, breaking apart

Shapes, Drawing Objects, Groups

  • Tool Panel
  • Drawing in Flash (Shape Tools, Pen/Brush/Eraser, snap-to prefs)
  • Grouping, breaking apart

Importing Artwork

  • Accepted file formats (AI, PS, PNG, image formats)
  • Import sample files
  • Optimizing Vector art
  • Behavior in the Library
  • Trace bitmap

Masking

  • Accepted mask shape

Working With Text

  • Format options
  • Breaking into shapes for Masking and Animation
  • Static versus Dynamic
  • Anti-aliasing (Animation vs Readability

Class Project:

Project 1: Creating a Page Layout

1: Create a new Flash document
– File:New…:Flash Document (Actionscript 2.0)

2: Set the Stage size to 300×500, background color to Black (#000000) , and framerate to 24
– Modify:Document…

3: Create a New Layer, name it “Background”
– Insert > Timeline >> Layer
– Double-click on the text “Layer ‘number’” in the Timeline, type “Background”

4: Repeat this process for two more layers above this first layer (closer to the the top of the screen), naming them “Text” and “Photo”.

5: On the “Background” layer, select the Rectangle tool from the toolbar to the left, draw a rectangle shape on the Stage, about 260pixels by 460 pixels, approximately 20 pixels down from the top and 20 pixels in from the left edge of the stage.

6: Select the “Text” layer, then the select the Text tool (”A”)

7: Draw a text box on the stage that fits inside the boundaries of the rectangle, but is somewhat narrow and to the left. Select your desired font and color in the Property Inspector. Enter some text.

8: Select the “Photo” layer, import a small photo.

– File > Import >> Import to Stage

9: Place the photo to the right of the text box, up towards the top of the rectangle in the background, but still within it’s boundaries.

10: Test your movie.

Homework:

follow this tutorial from the Adobe Website.

bring it to our next class


17
Dec 08

test page

vfsdgdfs

this a bridge click to enlarge


15
Nov 08

Domain Registration, Hosting Options

Hosting and Domain registration are the web publisher’s equivalent of paying rent.  We don’t like it, but we have to do it.

what you are paying for is for space on a server, which is a computer that is connected to the internet and can “host” your content.

Here are a few options for hosting domain registration, all of which are compatible with WordPress.

1. Domains Vision

DomainsVision seems to be the best deal for the money at this time.  Although you get less that Dreamhost, it is still way more than you will need for a long while.

signup for Domains Vision here

2. Dreamhost

Domains Web is cheaper, however I’ve been usind dreamhost for a while with clients and they have a very good track record.

signup for DreamHost  here

****

Whatever you choose, please have the emails that yo will receive from your host accesible for our class so i can assist you if yo have questions.

below is the Dreamhost signup step by step:

1. go to https://signup.dreamhost.com/

2. click on I would Like to “Host a Domain” link

3. click on the plan you wold like (monthly, yearly, 2 years, ect).

4. where it says “I would like a private server…” leave both bloxes unchecked

5. where it says”I would like to add..” leaave everything as is (with only Google Apps checked)

6. where it says “Configure my first domain…” choose the appropiate option. this will vary from person to person, if yr confused drop me a line.

7. where it says “My contact information…” well, you know.

8. Finally, click on “i have read the terms and conditions” and proceed to payment.

9. after payment goes through, yo will get a bunch of emails with your account name, controp panel info, FTP info, etc. please have those be accesible during class.

see you Tuesday,
S


16
Oct 08

Restructuring Site

I’m in the process of restructuring the site,
so things will look a little funny in the meanwhile.

you can find the links to our lesson plans onthe menu at left.


09
Oct 08

Worpdress Image Gallery Plugins: Lightview JS

Screenshit Showing Lightbox JS displaying an image

Screenshot showing Lightbox JS displaying an image

A pretty slick image gallery, see the demo here.

Only Problem is, The author of the original code that the plugin is based on has decided to start charging for it, and so the author of Wordpress Plugin will no longer update the plugin.

What does this mean?
that if you use this now, when future versions of WordPress come out, this plugin might not work.

So, what do i do then?

Worry not, you should be able to find a similar (and free) plugin in the community that has a similar look, feel and functionality. Without looking much further, Matt Martz has made another plugin: ShadowBox JS. It seems very similar, and it also supports more than just images (i.e. video, html, etc). and i’m sure there are more.

check it:

ShadowBox JS in the Wordpress Plugins Directory

ShadowBox Demo

Shadowbox Screenshot

Shadowbox Screenshot showing a flash video loading


« Older Entries
Copyright © 2010 Classes:
Proudly powered by WordPress,