Photoshop to HTML Class at CreativeLIVE.com

by cliff538 on April 14, 2010

in Tutorial

Photoshop to HTML is a must have skill for making some killer designs. Slicing up a PS design and turning it into a web page is not easy to do without some instruction. Believe me I’ve tried. I think it’s just one of those things that really helps if you see it being done.

I have looked at many screencasts and how-to’s and nothing has really nailed it for me. I hope this new course by creativelive.com that starts on April 20th will be the one to explain all the missing parts for me. You can watch it for free every week if your off when they broadcast it or you can buy it so you can watch it at your convenience. It’s 39 bucks if you buy it before the classes are done on May 18th or after that it’s 89 bucks.

This is fresh modern content that should be a really good course, Erik Fadiman is the instructor and while I have no prior experience with Erik you can watch two intro videos to see exactly what he is going to cover. Erik is taking three or four popular/modern/current designs and slicing them up from PS to HTML/CSS. The only thing that has me slightly worried is that he is going to use DreamWeaver, so it will be interesting to see how that plays out. I do not use DW and don’t encourage anybody to if they are learning. Hey, maybe I’ll be so impressed with DW that I’ll want to buy it, but I doubt it…

So, check it out. Watch it for free if you can or buy it before May 18th to save a few bucks. I hope to show you my fresh Photoshop design turned HTML/CSS in a few months!

Never Stop Learning.

Photoshop to HTML with Erik Fadiman
creativeLIVE.com

{ Comments on this entry are closed }

Drawing Web Apps You Should See

by cliff538 on March 16, 2010

in Great Tech Blogs/Tools

Picture of swooping flames

Flame is something that you should really go play around with. Might be a real tool for making web site backgrounds. Go check out the site and look at the gallery to see what people have been creating. Peter says he is also working on a stand-alone application.

Peter describes the application here:

“Flame is a painting program, it belongs to my ‘I am Artist’ experimental project. I think with tools which inspires you, everyone can be an artist. You can try it here, change different brush settings and paint your own flame paintings. When you change background from black to white, palette changes from additive to substactive and the feeling of the painting is very different. It’s not easy to explain all brush parameters, so I leave this for your experimentation.”

You can save your masterpieces in 1680×1050 to your computer. Peter had to stop allowing uploads to the gallery due to bandwidth limitations. If you make something cool or use it in your web site let me know I’d love to see it!

The next one is Harmony Procedural Drawing Tool. This one is also incredible and currently has 11 different brushes you can use. Below I just did a quick example of each brush.

Drawings from Harmony Web App

Now get to work and make something spectacular.

Cheers!

{ Comments on this entry are closed }

More Random Things…

March 14, 2010

HTML 5 Demos and Examples great place to play with new features from HTML5 put together by Remy Sharp. Well worth spending some time playing with the new features and planning how to implement into your projects.

When Can I Use compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies. Another great [...]

Read the full article →

Just Some Random Things

February 6, 2010

For a very good video on using firebug to extract information from your css watch kristarella explain it here.

Another great web site for videos on science, math, and computer science is Peteris Krumin’s “Free Science and Video Lectures Online!”

I have found new FTP software that I am just crazy about! Hands down my new [...]

Read the full article →

Top Notch Computer Science Video Lectures

February 6, 2010

You can go a long way with reading about .htaccess, HTTP protocol, or apache servers, but there comes a point where you would really like to have it explained by a talented teacher. In comes classroom video lectures from some top schools.
Here are some of my favorites:

AcademicEarth has a great web site that is full [...]

Read the full article →

Project PilotGraphs

January 29, 2010

The first post of 2010 has me working on a brand new project. Since I don’t have customers coming to me with requests and wants for there web site that challenge me and make me dig into the books to learn new skills, I challenged myself to come up with a whole new idea. This [...]

Read the full article →

WP Plug-in for Mobile Phone Viewing

December 12, 2009

Had to show you this very cool WordPress plug-in for viewing your blog or Web site on a mobile device. I can not do it justice by describing all the features, so just check it out here, WPtouch: Mobile Plugin
I have been seeing this on many blogs that I visit on my iphone and have [...]

Read the full article →

State of Learning Update

November 7, 2009

This update is all about slowing down and sticking to the plan. My past updates have mentioned my propensity for jumping around and trying to learn too much too fast. I have been kind of been blowing off JavaScript to a certain degree and just focusing on JQuery and I believe this to be an [...]

Read the full article →

Great Articles Covering JQuery

October 31, 2009

Wanted to drop off these great JQuery articles written by Michael Abernethy to you, I have been going through my Head First JavaScript book and keep dabbling over into JQuery…. hard to keep focused on just one thing you know! Well, here are a series of articles that cover JQuery very well, they are [...]

Read the full article →

Watch These Great JQuery Screencasts

October 22, 2009

Just found these yesterday, there is nothing like watching things being done. Go to iTunes and get all of these they are great. Click the iTunes link to go straight there.

Here is the link to the web site “JQuery For Designers” so you can roam around, be sure to look at the written [...]

Read the full article →

Sync your TextExpander Snippets

October 19, 2009

Here is a real quick blog entry about keeping your TextExpander snippets synced with DropBox. TextExpander is a great tool and now you can keep your snippets synced between multiple computers, just follow the instructions from the link below.
Smile on my Mac Blog Entry

Read the full article →

If I knew it was that easy… finally rounded corners

October 2, 2009

If I knew it was that easy my corners would of been rounded when I made the site! I was just poking around the web a week or so back and found an article on “moz border” and “webkit”, turns out you just add this to your CSS and boom you have rounded corners, at [...]

Read the full article →

State of Learning Update

September 25, 2009

This past week I have been trying to narrow my focus or more narrowly define my subject learning order. I feel comfortable with my basic knowledge of HTML and CSS and the basics of getting a web page built and online. My WordPress Blog is up and running smoothly. So I have had trouble defining [...]

Read the full article →

Rounded Corners-A Starting Place

September 17, 2009

Have not played with this yet, but researched it a little bit and wanted to drop a quick note about a good starting place. Basically it sounds like you can use JavaScript to round your corners and it works in all the major browsers. In your CSS you can use -moz-border-radius: Xpx, Xpx, Xpx, Xpx; [...]

Read the full article →

Quick Pixelmator Tut

September 17, 2009

This tut came out the other day on Pixelmator’s website and caught my eye. I ended up changing quite a bit because I did not care for the halftone effect, play around with this one it was fun! Never Stop Learning…..
Follow this link and play with Pixelmator!

Read the full article →