Showing posts with label Tutorials. Show all posts
Showing posts with label Tutorials. Show all posts

Wednesday, August 7, 2013

25 Useful Code Snippet Repositories and Resources – Bloom Web Design

See on Scoop.itWeb Design Resources



One of the best reasons to use Code Snippet tools is that they save you lots of time when creating a website.

See on bloomwebdesign.net




Filed under: Wordpress



via WordPress http://designbombs.wordpress.com/2013/08/07/25-useful-code-snippet-repositories-and-resources-bloom-web-design/
Read More...

Wednesday, February 22, 2012

15 Tutorials To Help You Build WordPress Themes

15 Tutorials To Help You Build WordPress Themes

WordPress is one of the most popular applications in the web design community not only for its ease of use as a blogging platform, but for its versatility in any kind of content managed website. Building custom themes for WordPress is pretty straight forward, making it one of the easiest templating systems to master. This post rounds up 15 of the best WordPress theme tutorials, each taking you through the process of building your own WP theme from scratch.

How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial

15 Tutorials To Help You Build WordPress Themes

This thorough 11 part tutorial series takes you through every detail of creating your own WordPress theme from scratch. The series begins with a look at the structure of a WordPress theme before taking a close look at each of the various template files.

Read more on 15 Tutorials To Help You Build WordPress Themes

Read More...

Wednesday, January 11, 2012

20+ Best Tutorials to Convert Psd to Html/CSS

20+ Best Tutorials to Convert Psd to Html/CSS

you’ve designed your site but you’re having a little trouble turning your design PSD into a coded layout. Here i’ve listed 20+ Best Tutorials to convert Psd to Html/CSS.These tutorial should help you learn how to find the best way to code it.

1. The Design Lab: PSD Conversion

Read more on 20+ Best Tutorials to Convert Psd to Html/CSS

Read More...

Monday, September 19, 2011

How To Create Fixed Position Share Box

How To Create Fixed Position Share Box

Do you want your social media buttons to always be on the screen for your visitors to click on?

If yes then you want to have a fixed position share box on your website. This allows your social media buttons to always be on the screen even when the user scrolls to read the rest of the page, giving them easy access to click on a button to share your article.

To achieve this it’s relatively easy all it is a bit of CSS to make your social buttons stay in the same place even as you scroll. In this tutorial I will teach how to achieve this goal and make your social media buttons always be on the page even when you scroll, additional I will show you how to take this code and add it to your WordPress blog. Click on the button below to see a demo this in action.

How To Create Fixed Position Share Box
Don’t forget to How To Create Fixed Position Share Box Subscribe to Email Newsletter, How To Create Fixed Position Share Box Follow us on Twitter and How To Create Fixed Position Share Box Like us on Facebook – for recent updates.

Read more : How To Create Fixed Position Share Box
Read More...

Friday, September 16, 2011

Turning A Photo Into A Drawing

fuentes daisy Turning A Photo Into A Drawing

This tutorial will show you how you can take one of your photos and turn it into a drawing. I have added a video that will show you how to achive this look along with some more modifying to jazz it up. Take a look and please post your comments.

So lets get started.

Don’t forget to rss Turning A Photo Into A Drawing Subscribe to Email Newsletter, twitter Turning A Photo Into A Drawing Follow us on Twitter and facebook Turning A Photo Into A Drawing Like us on Facebook – for recent updates.

fuentes daisy Turning A Photo Into A Drawing

Right click and copy the photo above. Open up Photoshop and create a new document then hit OK. Photoshop will automatically insert the correct dimensions. Now paste the image on the canvas.

Next, create 2 duplicate layers from the original photo by right clicking on the layer and selecting duplicate. Do this twice so you will have three layers.

Read more : Turning A Photo Into A Drawing
Read More...

Saturday, August 27, 2011

How to Design a Twitter Background

Twitter is the social network with the highest rate of growth. This definitely is a very important aspect which can’t be neglected. It impresses with its economic potential yet the essence of Twitter was very well described in a tweet of my friend which said the following, Facebook is for friends you went to college with and Twitter is for people with whom you wished you went to college with. A lot of people believe in the power of Twitter and create accounts but here intervene the rules of this network: everything is done within 140 characters. How to present yourself or how to make your products or services well-known in such a short space?

Certainly, the charm of Twitter consists in this limitation; some people say that this prohibition is harmfully killing any possibility of advertising but the creative ones found easily new and new solutions to make an SMS message “bigger” than 140 characters. A common solution of saying more about you and your offer is the background; the default one is pretty cool but when it is used by more than a half of the users, it becomes boring. In fact a Twitter presence can be divided in two parts:

-the written one which in fact is the bio and the tweets.

How to Design a Twitter Background

Don’t forget to How to Design a Twitter Background Subscribe to Email Newsletter, How to Design a Twitter Background Follow us on Twitter and How to Design a Twitter Background Like us on Facebook – for recent updates.

Read more : How to Design a Twitter Background
Read More...

How To Change Default Text Selection Colour : CSS3 Tutorial

How To Change Default Text Selection Colour : CSS3 Tutorial


Whilst this CSS3 declaration might not be crucial to your project or design and yes it is not supported by all browsers, but it is a fantastic effect that really takes your design one step further.


Currently FireFox, Safari, Chrome and Opera support the text section attribute, and the browsers that don’t support it simply ignore the code so nothing will break, so it doesn’t really matter.


We have setup a demo which you can test out further down the page; we have used the DesignJuices colours in the example.


Don’t forget to How To Change Default Text Selection Colour : CSS3 Tutorial Subscribe to Email Newsletter, How To Change Default Text Selection Colour : CSS3 Tutorial Follow us on Twitter and How To Change Default Text Selection Colour : CSS3 Tutorial Like us on Facebook – for recent updates.


Read more : How To Change Default Text Selection Colour : CSS3 Tutorial

Read More...

Wednesday, August 24, 2011

jQuery Tutorials Teaching Cool Visual Effects

jQuery Tutorials Teaching Cool Visual Effects

This article contains jQuery Tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding.

Making a Beautiful HTML5 Portfolio

jQuery Tutorials Teaching  Cool Visual Effects

Don’t forget to jQuery Tutorials Teaching  Cool Visual Effects Subscribe to Email Newsletter, jQuery Tutorials Teaching  Cool Visual Effects Follow us on Twitter and jQuery Tutorials Teaching  Cool Visual Effects Like us on Facebook – for recent updates.
Read More...

Friday, August 19, 2011

Creative Website Layout Tutorials Using Photoshop


Adobe Photoshop, this software is most popular among designers.This software have awesome features, with these features designers can create beautiful and attractive website layout design.


It is an excellent software for creating attractive and stunning designs for various purposes like print media, web and multimedia. Today we are providing 12 Fresh and best website layout tutorials. This article have different kind of web design layout tutorials such as portfolio, ecommerce, real estate web layout, restaurant and business web design layout tutorials. with the help of this websites layouts photoshop tutorials designers can brush up their design skills.


Source of the Article

Read More...

Tuesday, August 9, 2011

Creating Focus on the Photo by Using Blur Map


This tutorial is meant to explain how to design semi-realistic objects achieved through simple procedures. The tutorial mostly uses shape layers, which will help you edit them later on and make your work more flexible and scalable.

Source of the Article
Read More...

Wednesday, July 27, 2011

Useful Photoshop Tutorials for Designing Abstract Backgrounds


An attractive and compelling background adds depth to your graphics, banners or ads; and for this reason is of great importance.

Sure there are some people who might not notice backgrounds, but the role they play in making the entire artwork look more interesting and visually alluring is paramount. They really do help to tie the entire piece together, no matter how simply or aggressively they are employed. Here, we are showcasing some of the web’s truly amazing Abstract Background Design Photoshop Tutorials for our readers. You will surely want to take a look at the offerings we have compiled. Feel free to share your opinion with us.

Source of the Article
Read More...