30
Sep

Dreamweaver - Need Feedback

Yesterday I mentioned that Rachel Andrew has a new book available at SitePoint titled Build Your Own Standards Compliant Website Using Dreamweaver 8. I just wanted to let you all know that you can download a sample chapter of this book at SitePoint, it’s 130+ pages. Please don’t print this in class; if you would like to read this in print form I will print a few extra copies and share them with you. Just let me know, I would appreciate your feedback since this might be an excellent choice for adoption in the classroom. You may also want to read Dreamweaver 8 does standards at SitePoint which is also an excerpt of the book.

Google Search Tips 2005

PCWorld shares the 100 Best Products of 2005. Toys, toys, we must have toys!

GmailThis! - Very handy! Have a link that you want to send to someone via your Gmail? GmailThis adds a bookmarklet to your links bar, when you find a page you want to send, click the bookmark and Gmail will open with a new message including the subject and the desired link. This is really handy if you want to quickly email yourself a link to a web site from class. If you don’t already have a Gmail account for class, let me know and I will send you an invite.

TutorialSelect.com has links to a variety (a lot!) of tutorials for Photoshop and PHP.

29
Sep

Good things are all around you - you just have to look

Photoshop Elements 4.0 releases this week. You can read more at the NY Times or at Adobe’s web site.

Phong.com has a variety of Photoshop tutorials including advanced techniques like masking, patterns, and photo stitching.

Have you heard about BackPack yet? With Backpack you can:

Organize to do lists, notes, images, and photos Plan a personal or business trip Keep track of what your competitors are doing Plan a home improvement project Collaborate on a new business idea Keep track of houses you’re considering buying Gather information for a research project Keep a list of gift ideas for friends Build a For Sale page, Organize and plan a wedding or event, and more…

You can find some hacks (tips and tricks) for BackPack at Taylor McKnight.

BackPack would be another example of a Web 2.0 application; today ZDNet has an article The Web-based Office will have its day that you may enjoy reading on Web 2.0 applications. You may also want to check out ThinkFree, another example of Web 2.0.

The Elements of Meaningful XHTML is an online presentation by Tantek, a well know web developer, who has introduced many CSS techniques and hacks.

Rachel Andrew has a new book available at SitePoint titled Build Your Own Standards Compliant Website Using Dreamweaver 8. I’ll be checking this one out; it’s available for order at SitePoint, but only available for preorder at Amazon yet.

Watch out Blogger, here comes WordPress.com. You need to get an invite to join, crosses fingers.

28
Sep

San Francisco Bay Area - Learn Web Development - Upgrade Your Computer Skills

This web site is a compilation of daily class lecture notes and resources for the students in the Regional Occupational Program’s Web Page Design Program. The class offers low-cost, web development training to adults and high school students who are 16 years or older.

Classes are $45.00 for a nine-week session (books are purchased separately). Students may attend up to three nine-week sessions (27 weeks total) to complete the comprehensive course curriculum. Classes meet Monday - Friday from 12:15 - 4:15 p.m. or 4:15-6:15 p.m. in Pleasant Hill, California (San Francisco Bay Area).

HTML/XHTML, CSS, PHP/MySQL, Dreamweaver, Fireworks, Flash, Photoshop, Illustrator, InDesign, and other web related technologies are taught in the class. Our classes are open entry/open exit, so call 925-934-5653 to enroll any time.

Instruction is individualized, allowing students to progress at their own pace in a hands-on learning environment. While the program does appeal to high-tech professionals, individuals in other professions (administration, human resources, graphic arts, and marketing) also attend the course to enhance their existing skills and increase job opportunities.

Microsoft Office 2003 and Adobe Acrobat classes are also available at this location. Students enrolled in our program are eligible to take the Microsoft Office Specialist exams for only $48.00 per exam.

If you are currently unemployed and live in the San Francisco Bay Area it’s a great time to upgrade your existing computer skills! Enrolling in training classes may qualify you for EDD’s California Training Benefits program and an extension on unemployment benefits. For additional information on California Training Benefits visit http://www.edd.ca.gov/uirep/de8714u.pdf.

For additional information about these classes or to register visit http://pclab.cccoe.k12.ca.us/ or call 925-934-5653. To learn more about other career ROP Adult programs visit http://www.cccoe.k12.ca.us/stsvcs/rop/adult.html. ROP classes are open to anyone 16 years or older and you do not have to be a resident of Contra Costa County to attend. The ROP also offers evening classes for people who are employed and interested in attending school part-time.

28
Sep

New Site Layout

Yesterday I decided to update the look of the site. I had several concerns about the old site layout:

  1. The blue on blue was just too blue. I didn’t feel that there was enough contrast between the text and the background. A darker text color (like black) is easier to read on a white background.
  2. The old layout did not degrade well in lower resolutions. The main navigation menu at the top of the page and the header image would overlap other key items on the page.
  3. The menu at the side of the page was difficult to read; there wasn’t enough contrast and the font used was very pixelated in the menu area.
  4. We need to recruit more students for class; potential students visit this site and I feel that it’s important for the site to have a professional, clean, and as Sher puts it “happy” look.

I decided to use the same WordPress template that I used on the photo blog by Vladimir Simovic. Here I opted to alter the template, graphics, and CSS file, rather than using the existing color scheme and graphics provided by the original template. Use of the new template gives me the ability to change the color scheme while maintaining a clean layout and text readability quite easily.

So why orange? Is I like it a good enough reason? ;) Here is some information about orange:

“Orange symbolizes: endurance, vitality, play, creativity. Orange is a power color. It is one of the healing colors. It is said to increase the craving for food. It also stimulates enthusiasm and creativity. Orange means vitality with endurance. People who like orange are usually thoughtful and sincere. Lady luck’s color is orange.”

If you want to learn more about orange or any other color, try modifying this Google Search.

I still plan to make some changes to the site, this weekend I will probably work on a different header image. The current image was inspired by looking at the first photo in my photo blog (the dragonfly); I think I need to put a little more thought into it. I also plan to streamline the categories to the right and I want to add some “about” content somewhere on the page.

I plan to discuss the design process in further detail in class this afternoon. If you have suggestions, thoughts, complaints, please let me know.

On to some good sites to visit today.

Here is another use of Google Maps, now you can Map a zip code. Speaking of Google, did you hear the news? Google plans to build a 1 million square foot complex on Nasa Ames Research Center.

Ok, this is pretty cool, GahooYoogle allows you to search Google and Yahoo at the same time. The search results are displayed on a split screen.

WebProNews has an article on How To Add A Search Engine To Your Site, this should be helpful when you’re creating larger web sites and want to include search functionality.

Microsoft has released service pack 2 for Office 2003.

If you’re interested in taking a look at the new Web 2.0 applications that are being developed, visit TechCrunch for the latest Web 2.0 news and reviews. To see more of these applications in action, review Top 10 Ajax Applications.

27
Sep

CSS Resources Around the Web

A List Apart (ALA) has a new article, CSS Swag: Multi-Column Lists, that discusses how to create multiple column ordered and unordered lists. A List Apart also has another new article, Introducing the CSS3 Multi-Column Module. I would recommend this article to students who have experimented with CSS columns and who are interested in what future implementations of CSS may offer.

There are a few “top” CSS tip lists that are circulating around the sites that include “popular” lists (Del.icio.us):

Sitepoint’s My Top Ten CSS Tricks - this includes tips on the following:

  1. Block vs. Inline Level Elements
  2. Another Box Model Hack Alternative
  3. Minimum Width for a Page
  4. IE and Width and Height Issues
  5. Text-transform Command
  6. Disappearing Text or Images in IE?
  7. Invisible Text
  8. CSS Document for Handhelds
  9. 3-d Push Button Effect
  10. Same Navigation Code on Every Page

Pete Freitag offers the CSS Techniques Roundup - 20 CSS Tips and Tricks, which is a collection of popular CSS articles from around the web.

Web Graphics offers Maintainable CSS an article that provides tips on writing CSS that will be reusable with new browser implementations.

“The first issue of Treehouse, a PDF magazine dedicated to web development, will be released in early October 2005. To celebrate the creation of something new and good, the Particletree team is giving away the inaugural issue for free. You can sign-up on the site to be notified when the publication is released.”

InetWord offers an online, WYSIWYG HTML editor. This looks pretty good, but it only works in Internet Explorer 6.0 or earlier. You can sign up for a free account today.

I get a lot done, but I am a procrastinator when it comes to getting things that I don’t necessarily “enjoy” doing. Overcoming Procrastination offers tips on how to overcome the procrastination bug.

26
Sep

Essential Resources

The Essential Web-Dev-Bookmarks have been updated. This is a terrific resource for everyone!

If you are using Firefox a lot, you may find this list of Firefox shortcut keys useful.

Ever feel overwhelmed by email? Michael Angier’s article Top Ten Ways to Handle Email Overload may help.

How Google Works - an easy to understand overview of how this popular search engine works. You may want to check out the rest of the Google Guide for more helpful tips and resources.

456 Berea St. has a new article, CSS 2.1 selectors, Part 1. 456 Berea St. offers excellent CSS articles and this is no exception to that rule!

Do you need to generate some content, words, images or just silly stuff? Try the Generator Blog.

Design Shack and ScreenSpire - More CSS showcase sites.

Does Dreamweaver 8 still earns a byte on your HD? An article from Veerle’s Blog, well worth a read if you’re considering the upgrade. As always, be sure to read the valuable comments in the article.

24
Sep

Keeping Your Files Current

I have mentioned in previous posts that I have been having a lot of trouble with comment, trackback , and referrer spam on my blogs, especially my photo blog. The referrer reports are really worthless on tinkertech.net because the referrer spam has gotten so bad. While I thought I had blocked trackback spam on my blogs, it started flooding my sites again.

I did some research and decided to implement some WordPress plugins to help to combat the spam. The first was Spam Karma 2, an anti-spam plugin that helps to eliminate all forms of blog spam. So far so good, no more trackbacks or comment spam have gone live in my blogs. I also installed a Referrer Bouncer plugin to hopefully eliminate all of the junk in my logs. I won’t really be able to easily see if this is working until next month when I have some clear logs to view.

The biggest upgrade was the photo blog. I was using WordPress 1.5 and I had to upgrade to 1.5.3 in order to use the Spam Karma 2 plugin. So I performed the upgrade last night which completely tanked the layout. Too tired to do anything about it last night, I left it with the default WordPress theme.

This morning I got up and felt totally lazy; instead of doing a redesign on the photo blog I visited the WordPress Theme Browser and found a wonderful theme by Vladimir Simovic. I updated the header image to use my own photos and made a few tweaks to the CSS to accommodate my photos and I was done. My kind of upgrade!

I decided since I was playing with plugins that I would try out some Flickr plugins. I found this Flickr Badge plugin that allows me to display some of my recent Flickr photos in the sidebar of this blog. I like Flickr and I really like the fact that I can incorporate my Flickr photos into my sites. I’m in the process of moving my PBase galleries over to Flickr now.

23
Sep

CSS Cheat Sheets and Reference

Since many of you are now creating external style sheets, I thought I would post some CSS cheat sheets and reference materials to help you with some of the properties and values used in CSS. You may want to add these to your Del.icio.us links or print them out.

I Love Jack Daniels - CSS Cheat Sheet
Most Useful CSS Properties with Examples
HTML Dog - CSS Properties
W3Schools - CSS2 Reference
Cascading Style Sheet References
Web Standards Software and Learning - Complete CSS Guide - Selectors and Properties (3 links)

You may like this XHTML Cheat Sheet too.

22
Sep

Finding the Good Stuff

There are several useful online search tools/services that you should familarize yourself with. These tools will help you to find a lot of content related to web development.

Del.icio.us - Del.icio.us is a social bookmarking system. What exactly does that mean? Instead of using Favorites in IE or Bookmarks in Firefox, your bookmarks are stored online and available to other Del.icio.us users and web surfers in general. Del.icio.us is organized with tags; rather than putting a bookmark in a folder, users use relevant words or tags to describe the web site content. For example, if you were to add a del.icio.us bookmark for this site you might use tags like: web, xhtml, css, tutorials, design, etc.

Del.icio.us bookmarks are available everywhere, since they aren’t stored on your own computer. In addition to being able to search and browse your own bookmarks by tags, you can also do the same with other members bookmarks. Del.icio.us bookmarks can also be integrated easily into your web site; in the menu to the right I am displaying my most recent Del.icio.us bookmarks.

After signing up for a Del.icio.us account, install the Firefox bookmarklet found on the Del.icio.us About page. You will then be able to easily add sites to your Del.icio.us account via the Firefox bookmark toolbar.

Technorati - is a blog search engine that also employs the use of tags to organize and find content. Technorati displays the hour’s top searches on its homepage.

Sage, RSS and other Goodies - Learn to embrace and love RSS! Use tools like GooRSS, PubSub, Bloglines, blo.gs, Feedster, or any other news aggregator or RSS tool.

Use Google’s new blog search to find current, relevant information on web development.

There are a lot of great search tools available for Firefox. These tools come in the form of extensions. You can learn about Firefox, its usage, and installing extensions in my tutorial Using Mozilla Firefox.

Here are some extensions that I find useful:

Web Developer Toolbar
ColorZilla
HTML Validator
Aardvark
EditCSS
Spellbound
Sage
Paste and Go
Tabbed Browser Preferences
Google Preview
Link Checker
IEView

Here are a few of the extension resources that I have mentioned in recent posts:

Essential List and Resources on Firefox Extensions from Lifehacker
Extending Firefox for Web Developers

While were installing Firefox extensions, let’s also get the Internet Explorer Developer Toolbar.

22
Sep

Around the Web

PC Magazine has a short article on how to upsample your images. Good techniques if you need to increase the size of a jpeg image for printing.

Top 7 Tricks For Getting an Interview includes some interesting suggestions for how to get an interview. Since most of you are currently looking for employment, you may want to take a look.

JavaScript Fading Tooltips - CSS and JavaScript to create hyperlink mouseover tooltips. Pretty slick!

Do you enjoy reading (outside of class)? Try What Should I Read Next?. Type in the author and title of the last book that you read and you will receive reader recommendations for your next book. Of course you can use this for technical books tool.

PHP/MySQL Tutorial - For students who nearing completion of their XHTML books and are interested in learning about PHP/MySQL.

David just mentioned to me yesterday that he was looking for shopping cart solutions. SitePoint has a new article Put your Money where your Mouse Is: 6 Payment Gateways Reviewed.

Copy URL+ extension enables you to copy to the clipboard the current document’s address along with additional information such as the document’s title, the current selection or both. Speaking of extensions, we will take a look at the extensions mirror today and install some useful Firefox extensions on our systems.

Special: Lifehacker’s guide to weblog comments - I think these are great guidelines for commenting in blogs and on message boards.

I have a personal request. I am trying to setup a Mac at home so I can do web testing, etc., I ordered a part to allow me to hookup my PC monitor to the Mac, but I can’t seem to get it to work. If anyone in class is a Mac/PC guru, I sure would appreciate some help.

Always remember to play!

Next Page »