En tiempos de ocio

Posts tagged ‘tutorials’

Mastering in managing HTML emails

Articles, Information, & Organizations

SitePoint: How to Code HTML Emails

SitePoint: The Principles of Beautiful HTML Email

Think Vitamin: Ensuring your HTML emails look great and get delivered

Think Vitamin: HTML Emails – Taming the Beast

CSS-Tricks: Using CSS in HTML Emails: The Real Story

Email Standards Project

Nielsan Norman Group: Email Newsletter Usability
544 page PDF Report the subject. Probably chock-full of good stuff but it’s $400 bucks (or $700 if you wanna make a copy)

Campaign Monitor: A Guide to Using CSS in HTML Emails

Wikipedia: CAN-SPAM (Set of laws passed in 2003 that govern some specifics about mass emails)

Mayhem Studios: HTML Newsletters on a Mac

Smashing Magazine: Best Practices for Bulletproof Email Delivery

Free Templates

Mail Chimp: Free HTML Email Templates

Campaign Monitor: 30 Free HTML Email Templates

Spark List: Free HTML Newsletter Templates for Email Marketing

Screencast Tutorial

CSS-Tricks: Creating and Sending HTML Emails
Step-by-step walkthrough of how to create an HTML email that will look good and have a very high chance of looking correct in all email clients. Tables and inline styling!

Arguments Against HTML Email

George Dillon: 7 Reasons Why HTML Email is a Bad Thing

Not everybody things HTML emails are so hot.

HTML Email Isn’t Rich

Testing Your Designs

Premailer: Preflight for HTML Email

Litmus: Email Testing

Campaign Monitor: How to test HTML emails

Mail Chimp: Stupid HTML Email Design Mistakes

Contactology: Test your Email’s Spam Score

Email Reach


Mail Chimp
Mail Chimp is the only one on this list I have directly used and I can vouch for them 100%. Reasonable prices, awesome user interface, and loaded with the features you’ll want.

Constant Contact

Campaign Monitor

Cake Mail
Cake Mail’s tagline is “White Label Email Marketing” meaning that with their service, you can sort of “brand” the backend of the software. You are able to create and send campaigns like all the other services, but you can also set up clients to be able to do it themselves and in essence become a reseller.



Be a Master on PDF

pdf tips, tools, resource

Portable Document Format (PDF) has been widely used for electronic documents in our daily life, either in work or personal file exchange. According to Adobe, PDF has been around for more than 15 years, with more than 250 million circulating on the Internet. But why PDF, and not the typical text files, docs, etc? Adobe has a good answer for that – Multiplatform, Extensible, Trusted and reliable, Rich in file integrity, More secure, Searchable and Accessible. Click here to read more about Adobe PDF.

HONGKIAT present you 80+ Free Tools, Tips and Resources to help you master and get the best out of PDF documents. Full list after jump.

PDF Converters

Online Tools

  1. PDFTextOnline – Extract text from PDF and makes these text copy-able.
  2. ShowPDF – A PDF-to-HTML converter.
  3. FreePDFConvert – Convert MS Office, Images, Web Pages, Vector Graphic Formats files to PDF or Convert PDF to Word (doc) or Excel (xls) document, extract Images from PDF.
  4. Document Converter eXPressConvert files to PDF or Image without the need of installing special software.


  5. Web2PDF Online – A free HTML to PDF Conversion service for your websites that allows your visitors to quickly save useful information in your blogs and websites to PDF files.
  6. Lettos – DOC to ODT & PDF, ODT to PDF a DOC, PDF to TXT
  7. PDFIt – A Firefox extension that allows you to convert any page into a PDF through a online service provided by Touchpdf.com.
  8. htm2PDF – A service to convert your webpages to PDF
  9. Zamzar – A free online file conversion that able to convert PDF to many document formats.
  10. PDFOnline – Convert documents to PDF, PDF service for iPhone, web to PDF and PDF to word.
  11. KoolWire – Just send your documents to pdf@koolwire.com, then you will receive a converted file in PDF format.
  12. HTML2PDF.BIZ – Web Service & API that converts your Website into PDF.
  13. ExpressPDF – ExpressPDF is an online service that lets you convert your Microsoft Office documents to PDF.
  14. Online PDF Converter – You can convert you PDF file to text or image (JPEG, PNG, GIF, TIFF) absolutely free.
  15. PDFText – Converts your PDF (Acrobat) file to plain text.
  16. RSS2PDF – Free Online RSS, Atom or OPML to PDF Generator.
  17. PDF-o-matic – A simple PHP script that uses HTMLDOC to convert the web page of your choice.
  18. LOOP – A free web-based service that allows you to convert and combine files to PDF.
  19. FeedJournal – Convert RSS and Atom feeds into PDF newspaper.
  20. BookletCreator – A free online tool that allows to create a booklet from a PDF document.

Offline Tools

  1. doPDF – With one click you can convert your Microsoft Excel, Word or PowerPoint documents or your emails and favorite web sites to PDF files.
  2. PDF995 –  Pdf995 makes it easy and affordable to create professional-quality documents in the popular PDF file format.
  3. BullZip –  BullZip PDF Printer works as a Microsoft Windows printer and allows you to write PDF documents from virtually any Microsoft Windows application.
  4. PrimoPDF –  Create PDF files from 300+ file types and optimized for print, screen, ebook, or prepress.


  5. PDFConverter Desktop – PDFConverter Desktop is Windows software which allow to convert your files to PDF directly from your desktop.
  6. OmniFormat –  A free document conversion utility which allows dynamic conversion and image manipulation of over 75 file formats.
  7. PDF to JPG – A complete solution for the conversion of PDF documents into JPG, TIFF or other graphical files.


  8. PDF Image Converter – An easy-to-use application that converts PDF pages to image files with excellent quality.
  9. PDF to Text Converter – Easy PDF to Text Converter can extract text from pdf files — it does NOT need Adobe Acrobat software.
  10. PDF Ripper – Extract image, text, chart, formula from PDF files.


  11. PDF to Word Doc Converter – A desktop document conversion tool to convert Adobe PDF file to Microsoft Word Doc file.
  12. PDF Creator – An application for creating PDF documents from almost any windows application that is capable of printing.
  13. Some PDF Convert Tools – Convert PDFs to DOC competently and in batch.
  14. SWF Printer PRO –Convert documents (DOC,XLS, HTML etc) into both standalone flash movie (.swf) presentations with navigation and/or PDF document format with security options support.

PDF Creator & Editor

Online Tools

  1. Google Docs – Google Docs is a free, Web-based word processor, spreadsheet, and presentation application offered by Google. It allows you to download file as PDF.
  2. FreePDF.org – A PDF creator which is free and create your own pdf file with editor facility. Registration is required.
  3. PDF Hammer – With PDF Hammer you can quickly and easily edit PDF files online, without the need to install anything.
  4. PrimoPDFOnline – Free Online PDF Creator
  5. PDFfiller – Online PDF Form Editor-Writer works on any form.
  6. PDFescape – Your online PDF reader, editor, form filler and form designer.
  7. gOffice Web Word Wizard – gOffice Web Word Wizard is a wrapper around Microsoft Word 2007. This means you can implement a subset of the features found in Word on your website.
  8. Arcobat.com – Acrobat.com organizer for sharing files and creating PDFs and storing files.
  9. PDFsharp–An Open Source library that easily creates PDF documents from any .NET language.
  10. Zoho Tools – Zoho writer allows you to create a document online and save as PDF format.
  11. O!pdf – Online PDF creator
  12. Online PDF Creator – A very complete online PDF creator, comes with WYSIWYG editor.


Offline Tools

  1. CutePDF Writer –  Create PDF for free, free PDF utilities, edit PDF easily.
  2. OpenOffice.org –  A free and open productivity suite that allows you to save a document into PDF.
  3. A-PDF INFO Changer –  A very simple tool, that lets you edit the properties of a PDF file, including author, title, subject and keywords. It does not require Adobe Acrobat.
  4. Skim –  Skim is a PDF reader and note-taker for OS X. It is designed to help you read and annotate scientific papers in PDF.
  5. PDFTools 1.3 – PDFTools is a PDF management application. It can encrypt, decrypt, join, split, stamp, create and rearrange a PDF file.
  6. FPDF – FPDF is a PHP class which allows to generate PDF files with pure PHP.
  7. PDF Text Reader – Convert PDF files to text or PDF to TXT.

PDF Readers

Online Tools

  1. PDFMeNot – A free online PDF viewer.
  2. Samurajdata – An online viewer, with which you can view PDF and PostScript files as browsable images and Word documents as web pages.

Offline Tools

  1. Sumatra –  Sumatra PDF Portable is the lightweight Sumatra PDF packaged as a portable app, so you can view PDF files on the go.
  2. Foxit Reader –  A free PDF document viewer, with incredible small size (only 2.55 M download size), breezing-fast launch speed and rich feature set.
  3. Adobe Reader –  Easily view, print, and collaborate on PDF files with free Adobe Reader 9 software
  4. Cool PDF Reader – The world’s smallest PDF viewer/reader to view, print, and convert PDF files to TXT, BMP, JPG, GIF, PNG, WMF, EMF, EPS.
  5. eXPert PDF Reader – A free pdf viewer software that lets you view and print pdf documents on windows operating systems.
  6. PDF-XChange Viewer –  A smaller, faster and more feature rich than the Adobe Reader which has until now been the Reader of choice for PDF files.

PDF Tips & Related Tools

  1. Insert a PDF into Powerpoint 
  2. How to convert a PDF file to Word, Excel or JPG format
  3. How to convert Powerpoint To PDF
  4. How to capture links and embed in PDF
  5. How to add Save as PDF button to your website or blog
  6. How to Remove Watermarks from PDF Files
  7. Docmetrics – Track Statistics for Your PDFs
  8. Adobe Reader Speed-Up –  Allows you to significantly speed-up the time it takes to load the Adobe reader application.
  9. A-PDF Number  – Add numbers to PDF pages
  10. Scan2PDF – Enables you to scan paper documents and save them to PDF format on your computer for digital archiving or backup.
  11. Combine PDFs – Merges multiple PDF files into one. (Mac only)
  12. PDF Filler – PDFfiller lets you fill PDF Forms on-line
  13. PDF Image Grabber – Allows you to take embedded images out of PDF Files.

PDF Resources

  1. Issuu – A place for online publications: Magazines, catalogs, documents, and stuff you’d normally find on print.
  2. Data-Sheet – A search engine specially designed for searching PDF files, powered by Google.
  3. PDF Search Engine – PDF Search Engine allows you to search web for e-books with relative ease.
  4. Scribd – Scribd is a free, web-based, document sharing community and self-publishing platform that enables anyone to easily publish, distribute, share, and discover documents of all kinds.
  5. Calameo – A new publishing method that has an incredibly wide variety of options and is simple to use. From a PDF file, you create magazines, brochures, sales catalogs, annual reports, presentation brochures and etc.
  6. Yudu Freedom – YUDU is a free online publishing service that lets you share your work with the world!
  7. PlanetPDF – PDF user community – PDF softwares, events and newsletters.
  8. VeryPDF– A Fascinating Entry To The PDF World
  9. Thanks Hongkiat (recommended visit)

Photoshop cool tutorials

Photoshop Tutorials

Every once and while I start searching for new tutorials to improve my Photoshop skills and techniques. There is a bunch of websites nowadays, offering you lots of juicy and innovative tutorials. The problem is that among these websites there’s a lot of “fill up stuff”.

If you’re like me and have like 1 858 623 bookmarks on Photoshop tutorials, guides and articles websites…. this might become a problem to keep track of.

Fear not! This is exactly why I’m writing this article. I pretend to collect the best Photoshop Tutorials since the stone age. The ones that I find more relevant, meaningful, innovative and… < Insert a nice Adjective here > … you get the picture.

So sit tight, fasten your seatbelts, grab a drink… and enjoy your reading!

Table of Contents

Tutorials Categories

Photoshop tutorials


. Sparkling Girl

Sparkling Girl

. How to Make a Flag

How to Make a Flag

. Magic Lightning Effect

Magic Lightning Effect

. Water effect photo montage

Water effect photo montage

. Mix Cool Retro Curves Into Your Photographs

Mix Cool Retro Curves Into Your Photographs

. Create your own Planets

Create your own Planets

Photo Manipulation
. Turning an Ordinary Photo Into an Extraordinary Photo

Turning an Ordinary Photo Into an Extraordinary Photo

. Matte Painting – Old House

Matte Painting

. Matte Painting – Winter

Matte Painting Winter

. Super Airbrush

Super Airbrush

. Create a Layered Glowing Text Effect

Create a Layered Glowing Text Effect

. Super Cool Frilly Bits Typography

Super Cool Frilly Bits Typography

. Spectacular Grass Text Effect

Spectacular Grass Text Effect

. Dramatic Text on Fire Effect

Fire Effect

Digital Painting
. The Making of Wage Slave

The Making of Wage Slave

. So You Think Im Fat Do You?

So You Think Im Fat Do You?

. Photorealistic Painting

Photorealistic Painting

. Clouds from Above

Clouds from Above

. Soft Cell Shading

Soft Cell Shading

. Let the Sun Shine in

Let the Sun Shine in

. Portrait Painting Tutorial

Portrait Painting Tutorial

. Umbrella Sky

Umbrella Sky

. Coldplay/Apple Inspired Portrait

Coldplay/Apple Inspired Portrait

. Create a Mobile Phone Ad Design

Create a Mobile Phone Ad Design

. Enhance Your Ad Designs with 3D Splashes

Enhance Your Ad Designs with 3D Splashes

. Create a Jaguar Style Folder Icon

Create a Jaguar Style Folder Icon

. The Power of Blending Options

The Power of Blending Options

. The Making of an Icon

The Making of an Icon


. Slick High-end Design from Scrath

Slick High-end Design from Scrath

. Hero Header

Hero Header

. Tutzor web 2.0 style design

Tutzor web 2.0 style design

. Creating A Cool 3D Web Design Effect

Creating A Cool 3D Web Design Effect


. Capturing Heaven

Capturing Heaven

. Advanced Planet Creation

Advanced Planet Creation

. Gritty Wall Lights

Gritty Wall Lights

. Diving – making of

Diving - making of

. Design a Vista Styled Wallpaper

Design a Vista Styled Wallpaper

. Designing Loox Pocket PC

Designing Loox Pocket PC

. mp3 Player Design

mp3 Player Design

Photoshop Tutorials Websites

50 Great Text tutorials for Photoshop

Here are 50 of the best tutorials for working with text.

Create a Spectacular Flaming Meteor Effect on Text

Flaming text

Smooth Glass Type

Glass text

Slow Shutter Text Effect

Slow Shutter Text

Placing Multiple Images Inside Text

Multiple Images in Text

Stylish Text

Stylish Text

Using Light and Shade to Bring Text to Life

Shade and Text

Grunge Rubber Stamp

Rubber Stamp Text

Graffiti with Photoshop


Faking Text Wrap in Photoshop

Faking text wrap

Kaboom! Exploding Text

Exploding Text

Recreate the “Bee Movie” Text Effect

Bee Movie Text Effect

Freezing Ice Text Effect

Freezing Ice Text Effect

Color Reflection Special Effects


How to Create a Gold Text Effect

Gold Text

Old School Type – Line Gradients

Old School Text

Cartoon/Comic-Style Text Effect

Cartoon Text

3D Typographic Effects

3D Text

Matrix Text Effect

Matrix Text Effect

Metallic Spiderman 3 Text

Spiderman Text

Text Explosion Effect

Text Explosion

Colorful Light Burst Text

Colorful Light Burst

3D Text

3D Text

Reflective Liquid Type

Reflective Liquid Text

Swirl Text Logo

Swirl Logo Text

Stylish 3D Text

Stylish 3D Text

Dreamy Text

Dreamy Text

Text on Turf

Text on Turf

Zoom Text

Zoom Text

Snow on Text

Snow on Text

Aqua Text

Aqua Text

Simple 3D Text

Simple 3D Text

Electric Text

Electric Text

Reflective Metallic Text

Reflective Metal Text

Futuristic Text

Futuristic Text

Glowing Text

Glowing Text

Plasma Text

Plasma Text

A Slick Supernatural Text Effect

Supernatural Text

Radioactive Text

Radioactive Text

Glow Letter with Perspective

Letter with Perspective

Text on a Path

Text on a Path

Metal Text Effect

Metal Text Effect

Web 2.0 Style Text

Web 2.0 Style Text

Mosaic Text

Mosaic Text

Taco Bell Text Effect

Taco Bell Text

3D Styled Text

3D Styled Text

3D Bulge Text Effect

3D Bulge Text

Black Glass Reflection

Black Glass Reflection

Striped Text

Striped Text

Cool Breeze Text Effect

Cool Breeze Text

Thanks Vandelay!

How to make Awesome Wallpapers!

One of the best ways to experiment and try new things with Photoshop is to create wallpaper. The huge canvas size will give you plenty of room to try anything you want, and there really is no limit to what you can create. Here are 45 tutorials that can help you to learn new tricks while designing wallpaper.

Create a Wavy Blackberry Style Wallpaper


Using Some Free Stuff to Create a Wallpaper

Free Stuff

2008 Wallpaper

2008 Wallpaper

Butterfly Wallpaper

Butterfly Wallpaper

The Dark Knight Grunge Wallpaper

Dark Knight

Diving Wallpaper

Diving Wallpaper

Design a Cool Music Wallpaper

Music Wallpaper

The Joomp Wallpaper


Fantastic Wallpapers

Fantastic Wallpaper

Feed Your iPhone Tutorial

Feed Your iPhone

Favorite Bands Tutorial

Favorite Bands

Summer Camp Wallpaper

Summer Camp

Animated Rainbow Wallpaper

Animated Rainbow

Fantastic Sunset Wallpaper Effects

Sunset Wallpaper

Abstract Art Wallpaper

Abstract Art

Anime Girl Wallpaper

Anime Girl Wallpaper

Autumn Wallpaper

Autumn Wallpaper

Design a Vista Styled Wallpaper

Vists Styled Wallpaper

Design an Extreme Grunge Wallpaper in Photoshop

Extreme Grunge Wallpaper

Create a Spectacular Grass Text Effect in Photoshop

Grass Text Effect

Windows Wallpaper

Windows Wallpaper

Christmas Ornaments Wallpaper

Christmas Ornaments

Celeb Wallpaper

Celeb Wallpaper

Marine Wallpaper


Aquawave Wallpaper Effects

Aquawave Wallpaper

Summer Party Wallpaper

Summer Party

Vista Wallpaper

Vista Wallpaper

Abstract Christmas Wallpaper

Abstract Christmas Wallpaper

Abstract Christmas Wallpaper 2

Abstract Christmas Wallpaper 2

Abstract Wallpaper

Abstract Wallpaper

Love Wallpaper

Love Wallpaper

Summer Night Wallpaper

Summer Night Wallpaper

Star Wars Wallpaper

Star Wars Wallpaper

On Seacoast Wallpaper

On Seacoast

Creating a Mac-Type Background in Photoshop

Mac-type Wallpaper

Splashy Leaf Wallpaper in Photoshop

Splashy Leaf

Kung Fu Panda Wallpaper

Kung Fu Panda Wallpaper

Splash My Heart Wallpaper

Splash My Heart

Wallpaper with Glass Dragon


Design a Cool Football Wallpaper


Create an Abstract Retro-Pop Wallpaper


Summer Breeze Wallpaper

Summer Breeze

Harley Davidson Motorcycle Wallpaper

Harley Davidson

Wallpaper from Photos

Wallpaper from Photos

Creating a fire text effect in Photoshop

One of the many fantastic tutorials for Adobe Photoshop that can be found at PSDTuts is this Flaming Text Effect. It’s probably the easiest and most realistic-looking fire effect I’ve come across – mostly because it uses an actual photo of fire to create.

25 Awesome tutorials for web designers

This is a collection of the best tutorials for web designers Lupetti found this month browsing some websites. It also includes some of his posts 🙂 Take a look!

1. Most used CSS Tricks
A nice compilation of the most used CSS tricks in web design (rounded corners without images, style your order list, tableless forms, double blockquote, gradient text effect, vertical centering with line-height and more…)

2. Simple, Powerful Product Highlighter with MooTools
How to create a flexible tool for highlighting your sites products or services using the MooTools javascript framework.

3. Timeframe: Prototype date range component
Stephen Celis got tired of wiring together two date pickers for the common use case of grabbing a date range, so he created timeframe, which is “Click-draggable. Range-makeable. A better calendar.”

4. Rating Boxes with Starbox
Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well.

5. Navigation bar with tabs using CSS and sliding doors effect
This tutorial illustrates how to design a navigation bar with tabs using CSS and status effects (active, hover, link).

6. Create beautiful tooltips with ease
Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.

7. Solving 5 Common CSS Headaches
CSS is a relatively simple language to learn. Mastering it, on the other, can prove a little more difficult. Compensating for various browser inconsistencies alone can produce a migraine. In this article, we’ll demystify five of the most head thumping issues that you’ll encounter when building web applications.

8. Lazily load functionality via Unobtrusive Scripts
David Kees has written about Using Prototype to Load Javascript Files, which is an implementation of the general technique of loading functionality via scripts based on the availability of DOM elements.

9. Nice calendar with date-pickers
Calendar is a Javascript class ready to use that adds accessible and unobtrusive date-pickers to your form elements.

10. Fantastic News Ticker Newsvine-like using Mootools
This tutorial explains how to implement a “News” Ticker, with vertical scrolling, using mootools. It’s very simple and quick to implement in your web projects.

11. Ajax Forms with jQuery
Travor Davis illustrates how easy it is to turn a regular form into a AJAX form.

12.Sexy Sliding JavaScript Side Bar Menu Using Mootools
A simple animated sidebar using mootools ready to use in your web projects.

13. Pure CSS Animated Progress Bar
Here’s a simple demonstration of how you can create animated progress bar using pure css. The trick is very simple. We need 3 elements, one container and 2 nested elements.

14. Drag & Drop Sortable Lists with JavaScript and CSS
In Web applications I’ve seen numerous, and personally implemented a few, ways to rearrange items in a list. All of those were indirect interactions typically involving something like up/down arrows next to each item. The most heinous require server roundtrips for each modification…boo.

15. PHP components: Autosuggest
I published this simple “PHP component”, ready to use, to implement a search form with an autosuggest feature using PHP and MySQL. For all ajax beginners this is the most simple way to implement it (just with 8Kb) and the only thing you have to do is modify some parameters. Take a look at this post for all related infos.

16. Slick Tabbed Content Area using CSS & jQuery
One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue and has been widely used on blogs recently. Today we’re going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we’ll achieve the same thing using the jQuery library.

17. Multiple File Upload Magic With Unobtrusive Javascript
This tutorial illustrates how to upload multiple file with one ore several file inputs using jQuery.

18. Add grunge effect to text using simple CSS
In this short tutorial you will see how to add grunge effect to your text using just CSS and one image

19. Creating a fading header
A simple tutorial which explains how to create a fading header graphic using some basic XHTML and CSS and some unobtrusive Javascript, using the jQuery library, for the effect itself.

20. Accessible unobtrusive content scroller
This tutorial explains how to implement an unobtrusive content scroller.

21. How to Display Your RSS Count in a Cool Tooltip
How to display the current subscriber count using a combination of an extremely simple jQuery script and a PHP snippet.

22. Ext Accordion Widget Example
This page is about the InfoPanel and Accordion javascript classes and its purpose is to allow the potential users to get the feel-and-touch of the user interface they provide. It contains also step by step instructions on how to integrate the Accordion to a web page.

23. LightboxXL -prototype plugin
Lightbox functionality that you’re used to with embed Flash movies using prototype.

24. Change form elements appearance using FancyForm
FancyForm is a powerful checkbox replacement script used to provide the ultimate flexibility in changing the appearance and function of HTML form elements. It’s accessible, easy to use and degrades gracefully on all older, non-supporting browsers.

25. FORM elements design using CSS and list (ul and dl)
This tutorial explains how to design a pure CSS FORM using lists <ul>.

Thanks Antonio Lupetti