background preloader

Developer's Toolbox

Developer's Toolbox

Free CSS Layouts And Templates | CSS Advertisement As a web-developer you don’t have to re-invent the wheel all the time. If it just has to work, and has to be valid, and has to have a nice, visually appealing design hierarchy, you just can use css-techniques developed in the web-dev-community over the last few years. If you take a look around, you’ll find many templates, which include basic (X)HTML/CSS-markup. You can start from there, learning and exploring the possibilities of CSS and modifying templates for your exquisite taste. Below you’ll find a list of resources which offer free, gorgeous and valid CSS-based templates – usually with images and full layout structure, such as headers, navigation bars, content containers, sidebars and footers. Usually developers require a link to the site where the template was downloaded from. (X)HTML- and CSS-Templates Open Source Templates1 15 impressive templatesOSWD2 Hundreds of templates and layouts of all possible kinds.OSWT3 A huge collections with search- and sort-functions.

Web Design Trends For 2009 | Design Showcase Advertisement We Web designers are a fickle lot. We love to experiment with things. We love to observe how people interact with our work. And we love to try out unusual design approaches that might possibly go mainstream and become a classic approach. Over the last months, we’ve analyzed numerous Web designs, observing emerging trends and weighing the merits of numerous design decisions and coding solutions. This article covers only 10 of the over 25 trends we’ve identified over the last months. Update: the second part of our review1 is now published as well. Web Design Trends For 2009 Let’s first take a closer look at the main trends we identified, discovered and observed over the last months. Embossing Letterpress Rich user interfaces PNG transparency Big typography Font replacement (sIFR, etc.) Now let’s go into detail and take a closer look at each of the trends presented above. 1. 2. 3. 4. We presented some outstanding examples of BIG typography in previous6 posts7. 5. 6. 7. 8.

AgencyNet Interactive 27 Best Photoshop Web Layout Design Tutorials to Design Decent Web Layouts at DzineBlog Learn how to earn $125 or more per hour as a freelancer - Click Here Looking for hosting?. We recommend MediaTemple for web hosting. Use Code MTLOVESDESIGN for 20% off For beginner web designers – design tutorials really help to understand the basic knowledge about web design! Design a cool Photography Portfolio Design A Grungy Website Design In Photoshop Design a High End Webdesign From Scratch Design Your Own Personal Portfolio Page In Photoshop Design a cool Portfolio Web Layout Urban Layout Design in Photoshop Design a Funky website Design in Photoshop Design a personal portfolio Site in Photoshop Designing a Dating Agency Website in Photoshop Music Band Website Designing a Clean Photo Portfolio Site In Photoshop Cool Dark website Design Dark Themed Website From Scratch 3d Studio Design In photoshop Design a Cartoon Grunge Web layout in Photoshop Design a Hand Drawn style Website in Photoshop Design a Cool Photo Portfolio Tutozor Web2.0 Re-Design Tutorial Webstudio Layout Design Dark Portfolio Layout

Free Web site templates For the non-technical, a simple way to save some money when launching or redesigning your Web site is to go with an existing template. Smashing Magazine published a long list of sites that provide templates free for you to download. The list includes templates for e-commerce sites, information sites, and blogs. Pretty much whatever your need, with this list you will be able to find a solution. Free design templates don’t have to be unattractive, inaccurate and boring. Some web-sites offer high quality templates for the best price you would ever get – for free. I’m sure this list is far from complete, do you know of any other Web sites that offer free design templates? Free Design Templates – [Smashing Magazine]

Take control of your Drupal theme Want to create a front page that's styled differently from the rest of your site? Perhaps you need a separate admin theme? Or how about a login page which only shows the login block and nothing else? Note: You must be using the PHPTemplate theme engine for your theme. <div class="node"> <h2 class="title"><a href="/<? Developers can override any of the above PHP variables or even add new ones to pass to the template for the designer to use. Working with template_file Intercepting PHPTemplates' default variables is accomplished through creating a new function named _phptemplate_variables() within your theme. <? return $vars;}? This function is called by Drupal just after a template engine call is made. First the system assigns a bunch of default variables. Separate Administration Theme The admin area is known for its wide tables which can be difficult to style when they're found nowhere else on your main site. Let's build our new admin theme. <? Custom Front Page

Stationery Icons, Soccer Icons And Atlantic WordPress Theme | Freebies Advertisement Last year, some of our readers complained about the lack of diversity in the sets we released in 2008. We heard you, came up with new ideas and decided to offer our readers a wider variety of sets. From now on, we are going to release more specific, more practical and (hopefully) more useful icon sets — not just social icons or RSS icons. We start 2009 with a stationery icon set, a soccer icon set and a fresh Atlantic WordPress theme. Stationery Icon Set This is a useful set of 22 vector icons (256 by 256 pixels). Soccer Icon Set We are aware it’s winter out there right now, but it’s always good to prepare for summer early, right? Motivation behind the design Here are some insights from the designers of the theme: Soccer is the thing that inspired us to create this icon set. Thank you, guys! Atlantic WordPress Theme Atlantic WordPress theme was designed by the design agency Farktory4 from Turkey. Download the theme for free! The theme is released under the GPL. (al) It's done.

WebAdictos - Una dosis diaria de web@ El dibujo y la pintura pueden ser intimidantes, pero cuando se les añade la palabra “digital, se vuelven doblemente intimidantes. En realidad no debería ser así, ya que el mundo digital y el análogo pueden integrarse para crear arte. Durante décadas, los artistas han dibujado y pintado de forma digital y sus materiales artísticos diarios… Leer Más Como antecedente, queremos recalcar que el NH-U12S es el hermano menor del NH-U14S que revisamos anteriormente. En esencia, ambos disipadores tienen el mismo diseño salvo su tamaño. No te pierdas Coachella 2014 en vivo, uno de los más grandes eventos musicales del año que está siendo trasmitido vía streaming por YouTube durante dos fines de semana consecutivos. Amazon y AppCircus han lanzado una convocatoria hasta el próximo 30 de abril para reunir en Barcelona las mejores aplicaciones móviles Android del momento. Recopilación de sitios cómo juegos friv, juegos de disney y otros para jugar online gratis.

35 Tutorials for Creating Website Layouts in Photoshop Photoshop is an excellent tool for creating attract websites. Fortunately, if you’re looking to brush up your skills or learn some new tricks for creating layouts and designs in Photoshop, there are plenty of tutorials specifically for this purpose. The 35 tutorials featured here will each take you through the process of creating an example website design in Photoshop. The are all different types of websites and styles of design represented, so you should certainly be able to find some useful tutorials from this group. Looking for hosting? Blog Tutorial - Blog Templates Find Photoshop CS4 tutorials and videos on our Photoshop CS4 Tutorials Page. Try before you buy. Download any Adobe product for a free 30 day trial. Blog Tutorial - Tips For Blog Templates & Blog Design In Photoshop Definition Of A Blog So what is a blog? Let Your Blog Make A Splash Once you choose a blogging service and set up an account, you will be provided with a standard blog template. Give The Top Logo/Banner On Your Blog A Personal TouchWhatever blogging software or service you decide to use, all of them will present you with a generic graphic for the top of your blog pages. What you will need is your own image, and a font to create a simple title, tag line or logo. I spent 15 minutes there and found a nice illustration from Jennifer Borton of some girls with martinis, and it cost just $3. Welcome To The Martini Girls Blog For the purposes of this tutorial I'm going to create a fictitious blog called The Martini Girls Blog. The first graphic has no border. So there you have it.

Dellifeed: A Free Icon Set | Freebies Advertisement Today we are glad to release Dellifeed Icon Set, a set with 8 tasty and appealing social icons in the format .png. This set was designed by Dellustrations.com1 especially for Smashing Magazine and its readers. The icons perfectly fit to the coming Christmas atmosphere and there is also always a reason to offer the readers of your blog a delicious RSS-cake icon! Download the icon set for free! You can use the set for all of your projects for free and without any restrictions. Thank you, guys! Last But Not Least We are constantly looking for creative designers and artists. If you would like to release a free high-quality font, a WordPress theme, Photoshop brushes, a Drupal theme, some wallpapers or an icon set, please contact us2. Related posts You may want to take a look at the following related freebies released on Smashing Magazine earlier: It's done.

3D flash templates to download, 3D flash websites - DynamicFactory.com © What is it? We provide full dynamic xml flash website templates A dynamic flash template helps you to gain time in creating your flash photo galleries website or your flash design customization work. All websites are dynamic flash XML driven, so you don't need adobe flash sofware to modify the gallery. All informations can be modified from a simple text editor, like NOTEPAD or any html editor Use them as they are, or modify any part of the flash FLA source file (Adobe flash MX to adobe flash CS4). All zipped templates includ the ".fla" file + swf + html .. Create professional flash design websites / flash website template WHITOUT any knowledge.. You may use each individual product on a single website only, belonging to either you or your client.You have to purchase the same template once more in order to make another project with the same design What am I allowed and not allowed to do with the templates ? What do I receive when I order a template from Dynamicfactory.com? Who are you?

How to Design a Clean Business Website with Photoshop The focus of this template is on a design agency that offers a range of web-based services. The primary aim of the page we’re designing, therefore, is to promote what the business does and what services they provide. This is the first part of a tutorial on building a clean business website. This first part will focus on creating the design in Photoshop, and in the second part, will focus on converting the PSD outcome to a working XHTML template. "Clean Business Website" Series Final Result Here’s a screenshot of the design we’ll be creating. Overview In this tutorial, I’m going to assume that you have a basic understanding of Photoshop and know how to do basic tasks such as adding text, drawing shapes, and resizing/rotating objects. My goal in this walkthrough is to show that you don’t always need lots of fancy effects in a design to make a nice-looking template. The design we’re going to build has a header that contains the name of the company and the navigation area. Create the Document

Related: