Archive for the ‘tutorials’ Category

Mootools are one of the very famous Javascript Framework. With this we can write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API. It is designed for both Intermediate to Advanced Javascript Developer. But as jQuery is going to takeover MooTool, jQuery is becoming increasingly important than MooTools. Read the rest of this entry »

Posted by admin On March - 8 - 2010

We all love Javascript. With jQuery, it is now so easy to write really nice JavaScript effects. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. There is incredible flexibility that makes you create varied plug-ins meant for various applications. Like sliding and switching effects, drop down menu, etc. Read the rest of this entry »

Posted by admin On February - 22 - 2010

Again it’s time for photoshop tutorials. The tutorials are good as an inspiration for creative ideas. You have to learn how to combine photos and add special effects to turn a normal photograph into a stunning artwork. So, keeping this in mind we are providing you with a collection of photoshop tutorials which would help you discovering new ideas or making innovations. Combine your creativity with these Photoshop techniques to create your own photo manipulation artworks. Always remember “Practice makes man perfect”.So, keep moving to achieve perfection. Read the rest of this entry »

Posted by admin On January - 27 - 2010

Decorating home or work lab is obvious thing to do on Christmas, but how many really decorate their websites or blogs. The pretty thing about decorating your online store, website, blog or whatever you are attached with is it does not need much from you, but only time.

This very occasion gives you a reason to bring some light changes in your website/blog, and giving it a frosty Christmas look can really give a warm feeling to your visitors. You might have seen various businesses of all domains running Christmas oriented sales schemes, just to close their sales figures on high note. But how many of them really make any changes on their website, or at least release a Christmas post on their blog. Not many we bet.

01. Santa Card


santa-card

02. Snowman Card


snowman-card

03. Abstract Christmas Wallpaper

abstract-christmas-wallpaper

04. Christmas Themed Web Layout

christmas_theme_-web_layout

05. Christmas Snowflakes Blue

christmas-snowflakes

06. Christmas Snowflakes Red

christmas-snowflake

07. Christmas Hanging Tree Ornament

christmas-hanging-tree

08. Santa-Ball Ornament

ornament

09. Glass Ornaments

glassornaments

10. Christmas Ornament Balls

christmas-ornament-balls

11. Christmas Tree Design

merry-christmas-tree-design

12. Christmas Tree in Photoshop

photoshop-christmas-tree

13. Christmas Illustration

christmas-illustration

14. Christmas Tree Tutorial

merry-christmas-tree

15. Christmas Tree in Red

christmas-tree

16. Christmas Wallpaper

christmas-wallpapers-or-backgrounds

17. Night Before Christmas

photoshop-tutorial-and-wallpaper

18. Christmas Ornament Wallpaper

christmas-ornaments

19. Christmas Light Balls

christmas-light-balls

20. Fresh Christmas Tree

fresh-christmas-tree

Please comment on what you think about these “Christmas Lessons”. Also please do share if you have some more similar lessons on Christmas.

Posted by admin On December - 16 - 2009

As any successful business will tell you; planning is key to success. It’s never too early to start thinking about your future strategies, and what better time to put some new ideas into practice than over the Christmas/New Year period?

Many companies and individuals suffer from a lack of appropriate planning and decision making. This leads to an anti-climax in success and in turn, a big drop in enthusiasm for what was once a thriving project.

If you run an online business, set yourself some achievable goals for the New Year:

  • Get more targeted traffic – explain how you intend to do this and stick to it. For example, you may want to obtain one new backlink from an authority domain every month for the first six months. Just putting this on paper makes it seem a little more within your reach.
  • Improve areas of weakness – ask for customer feedback, ask the opinion of a designer or simply view your stats. Is your delivery policy a little confusing? Maybe that’s putting people off – write a new, more reassuring one!
  • Looking to expand your operations? Look at hiring salespeople on a basic fee + commission basis and offer structured bonuses. Alternatively, look into affiliate programs and expand your reach this way.
  • Trouble keeping hold of your customers? As long as you’ve captured their data, you can win them back with a nice offer and an intelligent email marketing campaign.
  • If you simply need more sales, look at offline avenues such as networking events and cold calling. Whilst these methods are more long winded, they help build relationships, which is a crucial factor in success.

These are just a few ideas that transcend various website purposes. Be specific to your own business and even if your growth plan is relatively small, it’s a step in the right direction.

This article was written by Matt Saunders, owner of Leeds web design agency Northern Web which specializes in intelligent and responsible web design and marketing solutions.

Posted by Matt Saunders On November - 4 - 2009

Writing life long codes can only be interesting when you are doing it rarely or trying something new. But what for those fellow designers and developers who keep on writing CSS codes for every new project they work on. Using some quickly used and time saving CSS reference which can help you understand CSS in a really easy understandable format can be a help for designers and developers community. So find your favorite cheat sheet below and register your interest by making a comment:

01. GoSquared Css Help Sheet

GoSquared

02. Code Sucks

Code Sucks

03. CSS Cheat Sheet V1

CSS Cheat Sheet V1

04. CSS Cheat Sheet V2

CSS Cheat Sheet V2

05. BlueprintCSS

BluePrint CSS

06. Chest-as-my-only-js-helper

Cheat-as-my-only-js-helper

07. HTML Cheat Code

HTML Cheat Code

08. CSS Cheat Sheet

CSS Cheat Sheet

09. CSS Guide

CSS Guide

10. Core CSS

Core CSS

11. Quick Reference Cascading

CSS Reference Cascading

12. HTML5 Canvas Cheat Sheet

Canvas Cheat Sheet

13. CSS Reference

CSS Reference

14. Cheat Guide

Cheat Guide

15. Dynamic Drive

Dynamic Drive

16. JavaScript Cheat Sheet

JS Cheat Sheet

17. Javascript Kit

JS Kit

18. Floele.Flyspray

Xhtml Cheat Sheet

19. Killersites

Killersites

20. RGB Cheat Sheet

RGB Cheat Sheet

21. Leigeber

Leigeber

22. Wait-till-i.com

Wait-till-i.com

23. Lesliefranke

Lesliefranke

24. Cheat Sheets

  Cheat Sheets

25. Blooberry

 Blooberry

Posted by admin On October - 28 - 2009

With the passage of time, the versions of HTML start becoming obsolete. The daily up-gradation in the formats of creating a website gradually pushed the boundaries of HTML 4. The last decade owes heavily to HTML 4, but now, it was time to revolutionize. Several publishers wished to improve the functionality and raise the bar of the current applications. In 2004, the two major conglomerate working groups realized the need of an upgraded version of HTML. The compatibility of the browsers with HTML 5 is still under scanner. This news bought a new tide of arguments among the specialists.

However, HTML 5 would finally evolve as an advanced and latest version of its ancestor HTML 4. HTML 5 proposes to introduce all the features with a new look and feel. The features are being worked upon under the supervision of the individuals from different browser vendors. The deficiencies of HTML 4 would be no longer there in the newer version of its successor.

The popularity of the video and audio publishing sites like YouTube, Viddler, MySpace, Revver saw a rise in people using plug-ins. The functionality of HTML 4 lacked in embedding the videos on such websites as the multimedia controls were restricted and the only plug-in deployed was Flash for cross browser compatibility. HTML 5 provides the source element which can identify the media type or codec support for specifying the video/audio file for the browser. An additional media feature will help you to specify a media query for selection on the device limitation or type attribute for specifying the media type and codec.

The earlier versions of HTML like HTML and XHTML were always defined on syntax but HTML 5 would be defined based on DOM (Document Object model). This is a tree representation which is used internally by browsers to represent the document.
So, with DOM in place, the language is not dependent on the syntax.

HTML documents can be represented with the help of two syntaxes:

  1. HTML serialisation (HTML 5)
  2. XML serialisation (XHTML 5)

HTML serialisation is considered to be more compatible with the manner the browsers handle HTML, this syntax is inspired by the SGML syntax.

The progress on the work of HTML 5 is fast and it will continue in the following years. Evaluating the requirements and implementations, it is estimated that the work would finish in more than a decade.

Posted by admin On June - 3 - 2009

Many web designers find it difficult to convert their Photoshop designs into valid HTML/XHTML markups, either due to work load or in-efficiency in quality conversion. This gives a rise to the need of quality PSD tutorials for those who can not outsource their work or wants to learn on their own.

Below are the 20+ best PSD to HTML tutorials which are selected form all over the Internet. This post can certainly help you to learn or clear your doubts regarding PSD slicing.

1. The Design Lab: PSD Conversion

2. From PSD to HTML, Building a Set of Website Designs Step by Step

3. Coding: Design Lab TV Styled Layout

4. PSD to CSS/HTML in Easy Steps – Part 1

5. Slice and Dice that PSD

6. Converting a Photoshop Mockup: Part Two, Episode One

7. Build a Sleek Portfolio Site from Scratch

8. Portfolio Layout – Learn To Code It

9. Converting a Design From PSD to HTML

10. How to Convert a PSD to XHTML

11. How to Convert PSd to Html

12. Creating a CSS Layout from scratch

13. PSD > HTML/CSS

14. Encoding a Photoshop Mockup into XHTML & CSS

15. Css Template Tutorial

16. Portfolio Layout 4: The Code

17. Tutorial Coding a Layout

18. Converting a Photoshop Mockup

19. Killer site – From Illustrator to Xhtm to Drubal

20. From PSD to HTML

21. Coding a Car Sales Layout

Posted by admin On April - 29 - 2009
Sponsers
PSD to XHTML
Link Building Services SEO Services Invoicera
Subscribe
Get updates via RSS, Email, or Twitter.