Posts Tagged ‘Development’

Snipplr.com is like del.icio.us for people who write a lot of code. Whether you develop for Ruby or Django, hack WordPress or MovableType, or if you just write XHTML, you probably keep a “Code Diary” full of useful tricks, hacks and hints that you’ve used in past projects. Snipplr exists to let you share that code with other developers just like yourself. It’s become indispensable to my work flow since I found it!

We’re talking about Subversion, the powerful Version tracking system for programmers and how we can repurpose it for design workflow. This was covered by Chris Nagele a while back at ThinkVitamin but it’s a topic so new to the design community it deserves repeating.

(more…)

Part 1 – “Tools For The Task” and “Preparation”
Part 2 – “Layout And Structure” and “Designing Wordpress Themes in Photoshop”
Part 3 – “Photoshop to XHTML in 24 Hours”
Part 4 – “Cleaning Up Your XHTML”
Part 5 – “Preloading Images with Javascript and CSS”
Part 6 – “Marking Up is Hard to Do” and “The Anatomy of a Wordpress Theme”
Part 7 – “Beginning with PHP for Wordpress”

Wordpress is a state-of-the-art publishing platform with a focus on aesthetics, web standards, and usability as the makers proudly proclaim at wordpress.org. The keyword there being ‘publishing’ and the most important part of the Wordpress publishing engine is the element that allows content to be published online easily and automatically. This element is called the the loop.

(more…)

This is the seventh post in series about creating Wordpress themes with your Photoshop designs. You may want to review before we continue….

Part 1 – “Tools For The Task” and “Preparation”
Part 2 – “Layout And Structure” and “Designing Wordpress Themes in Photoshop”
Part 3 – “Photoshop to XHTML in 24 Hours”
Part 4 – “Cleaning Up Your XHTML”
Part 5 – “Preloading Images with Javascript and CSS”
Part 6 – “Marking Up is Hard to Do” and “The Anatomy of a Wordpress Theme”

• First we’ll duplicate index.html and rename the copy index.php. We’re only keeping the original .html file for reference to make sure that the finished PHP operates and looks the same.
• Let’s open index.php in our text editor. Right now it’s just a .html renamed .php. Our job is to make make it true PHP.

(more…)

You’ve gone from Photoshop PSD to slices to XHTML using Parts 1, 2, and 3 but if the end result is a Wordpress theme the majority of the work still has to be done. First of all it’s important to understand one bit of the operational mechanics of Wordpress. Wordpress looks for certain information the header of a file called style.css, this is how it can tell themes apart. Here’s a better explanation from Codex:

In addition to CSS style information for your theme, the stylesheet, style.css must provide details about the Theme in the form of comments. No two Themes are allowed to have the same details listed in their comment headers, as this will lead to problems in the Theme selection dialog. If you make your own Theme by copying an existing one, make sure you change this information first.

Thus, we need to separate our inline CSS and put it in a separate file called style.css

(more…)

Software & Support Verlag’s website Create or Die is a very popular informative web portal in Germany. They have arranged a valuable web design award program for the first time called “Webinale 2008.” So far 30 websites has been nominated for Webinale 2008 Most Valuable Website Design Award, under 3 different categories. The categories are 1) Most Valuable Business website, 2) Most Valuable Design Website, and 3) Most Valuable Development website. Winner from each category will get 5,000 Euros (+ some more extra benefits).

There won’t be any Jury for selecting the winner. Only visitor of the nominated sites can come to Create or Die’s website and vote for their chosen site. Based on the online votes, on 27 May 2008 the award will be given.

Still anyone can nominate their site by going here (oops! The language is not English, try Google Translator ).

You can find out the nominees and vote for them by going here.