Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

November 08 2013

13:24

35 Magnificent Free and Premium Tumblr Blog Themes

Advertise here with BSA


The various blogging platforms such as WordPress, Blogger, and Medium has paved the way for newer and better features in web applications. Tumblr has always been a very interesting platform because it utilizes many post formats which appear naturally in the user interface. Thus many Tumblr themes are built focusing around these post formats. It is a unique way of blogging where you don’t always need to be writing text in order to post.

For this collection I have organized 35 outstanding themes for Tumblr blogs. Some of the free themes have been around for years, while others are still pretty new. I’ve also split the list between some free themes along with some premium designs. You can definitely count on high-quality work in these premium themes – the question is do you use Tumblr enough to justify a purchase? Check out these templates and see what you think about refreshing your blog, or even opening up a new one!

Mono

mono minimal responsive tumblr blog theme

FeelinDreams

feelin dreams background image tumblr blog

Pierre

fancy pierre minimal white tumblr blog premium

Desire

dark desire flat blog tumblr theme premium

Tumblair

tumblair premium tumblr blog theme design

Serendipity

serendipity blog tumblr theme premium simple

Within

green layout inspiring tumblr premium design

Halftone

halftone texture tumblr blog theme

Luomo

luomo tumblr theme expressive premium design

Vintage Metro

vintage metro tumblr blog design premium

Pholiotheme

pholiotheme photo design tumblr blog

Polaroid

polaroid tumblr theme premium purchase design

Fanfarron

fanfarron theme premium tumblr blog backgrounds textures

Pastel

premium pastel colorful tumblr theme design

Redib

redib dark light tumblr theme design premium

Diana

diana pink texture writing handwriting blog theme tumblr

Pinch

mobile pinch tumblr theme premium simple

Sewed

sewed banner blog sweing tumblr theme premium

Druid

minimal design druid simple tumblr layout theme

Clarus

clear blue clarus theme tumblr free

Art She Said

art she said theme tumblr free design

Rubber Cement

rubber cement tumblr theme free download

GreyMatters

grey matters website tumblr free install

Jennifer

jennifer white pink tumblr blog

Linear

linear green white simple minimal tumblr theme

Langer

matt langer free tumblr theme minimalist

Effector

effector theme tumblr freebie

Simple Things

simple things tumblr theme free open source

Chunky

green chunky dark tumblr theme blog

Color Shades

green color shades blog tumblr theme

Royal Cameleon

royal cameleon tumblr theme design

Papercut

single blog page design tumblr papercut texture

Ava-May

purple pink header tumblr blog avamay

Showroom

showroom tumblr theme freebie install

Lightweight

white minimalist lightweight tumblr blog design


Advertise here with BSA

May 18 2013

19:36

Yahoo! pronta a sborsare 1,1 miliardi di dollari per Tumblr: l’annuncio (forse) lunedì

YAHOO! | Marissa Mayer offre 1,1 miliardi di dollari in contanti per acquisire Tumblr
David Karp
6 luglio 1986.
Fondatore del sito di microblogging Tumblr.
Il ragazzo da 1,1 miliardi di dollari

David Karp se la starà godendo tutta. Pare che la trattativa con Yahoo! per l’acquisto di Tumblr, il sito di microblogging da lui
creato nel 2007, sia arrivata a
un felice capolinea.

«Per ogni nuova funzione che aggiungiamo a Tumblr ne cancelliamo una vecchia. Molti grandi siti non lo fanno e questo è un problema».
Da quando Marissa Mayer ha preso la guida di Yahoo!, con buona pace del femminismo più scatenato, ha messo tutti in riga. Lo storico marchio del web, dopo aver attraversato un periodo assai poco felice, sta provando lentamente a rimettersi in carreggiata. Le azioni nell’ultimo anno sono salite del 74,59%. Oggi viaggiano sui 26,52 dollari. Vicine a quelle di Facebook, quotate 26,52 dollari. Miliardi di anni luce da quelle di Google, oramai inarrivabile a 909,18 dollari. Un abisso significativo che dovrebbe far capire quale sia il peso e l’importanza di Mountain View rispetto agli altri due giganti del Web.

Tornando in tema di acquisizioni, l’anno scorso Facebook soffiò Instagram al temibile (neanche poi tanto) Twitter. Dick Costolo, CEO della popolare piattaforma di microblogging, offrì appena 500 miseri milioni di dollari. Zuckerberg raddoppiò. Mise sul piatto un miliardo. Kevin Systrom, neanche a dirlo, firmò a occhi chiusi.

David Karp: Tumblr ha 102 milioni di blog attivi. Sulla piattaforma vengono pubblicati 75,6 milioni di post al giorno.

David Karp

All’epoca i commenti sulla folle cifra pagata da Facebook si sprecarono. Un miliardo di dollari erano e restano oggettivamente troppi. Chissà se, visti i risultati decisamente poco entusiasmanti, il caro Mark lo rifarebbe.

Marissa Mayer però, oggi spiazza tutti e mostra letteralmente le palle alle sue controparti maschili. Come per ricordare, ci siamo anche noi di Yahoo! E offre 1,1 miliardi di dollari, in contanti, per Tumblr. Lasciamo perdere la notizia in sé. Facciamo un altro discorso. Quello della finanza creativa.

Quando qualcuno si accorgerà dello scollamento tra valore finanziario e valore reale di questi gingilli salteremo di nuovo tutti dalla sedia come nel 2000. Peccato solo che oggi non è il 2000. Siamo molto, molto, molto peggio. Anche i mutui subprime sembravano una genialata. Gonfiarono le prospettive finanziare delle più importanti banche d’affari americane con numeri da capogiro. Almeno sulla carta. Finché qualcuno non sgamò l’inghippo. Nel 2006 i subprime hanno causato l’innesco della peggiore crisi finanziaria di tutti i tempi. Quella, tanto per capirci, in cui allegramente stiamo annaspando senza vedere la luce alla fine del tunnel.

Ma si sa. Tutto quello che è Web è sempre tutto figo e tutto bello. E allora brindiamo a Tumblr. 1,1 miliardi di dollari. Tutto così entusiasmante. Tutto così grandioso. Che assomiglia tanto all’ennesima insana follia.

May 14 2013

12:14

The Benefits of Using a Tumblr Corporate Blog

Advertise here with BSA


Tumblr is an online social network for blogging and connecting with other users. It is easy to post new photos and reblog what others have posted. I really like this system because of the Dashboard UI, which displays all the latest reblogs from everybody you follow. It is much different than Facebook or Twitter and you can share all types of media, from text to videos and audio too.

designmag flickr photo tumblr network interface

But what about the option of using a Tumblr blog for your company? The idea is very popular among new startups which are not interested in hosting their blog locally. This provides an external resource for managing company updates. And users who are on Tumblr may follow your blog to keep themselves in the loop with new posts. I’ll share just a few benefits to using a Tumblr blog and why it may be a good choice for your company.

External Hosting

The concerns of keeping your website up is a more hassle-free way to live. Granted this also comes with the burden of nervousness when Tumblr is having server issues or shuts down for maintenance. But it still gives you a distinct freedom which cannot be applied to managing your own blog.

I think that founders and company CEOs need to decide what their priorities are based on. Would you rather have your own internal team of server administrators to keep your website online? Or even if you want to pay a 3rd party webhosting company, you may still need to handle your own local data backups and renewals for the domains & hosting package. Tumblr is completely free and even offers a custom subdomain if you don’t have your own.

open working space tumblr layout loft offices

The external service also means you are not constantly working to keep the site updated. When WordPress releases a new version you should consider updating to patch any vulnerabilities or security holes. The same goes for plugins and other WP themes which receive updates. Just remember that while Tumblr can manage a good portion of the nitty-gritty tech stuff, this will remove a lot of control from your team.

Large Existing Memberbase

Consider the amount of people who use Tumblr on a daily basis. Many of these people run 2 or more blogs from the same account! They are constantly checking for new posts and updating with new content, which brings in more users to the network.

When you launch your company blog on Tumblr you can start following similar accounts related to your own interests. People will often check their new followers and follow back if they like your blog or product. Since the company blog will not require a whole lot of marketing, you can use this large network to your own advantage. Do not be afraid of reaching out to other members and letting them know about what you are creating.

Advanced Publishing Features

In comparison to WordPress you can have access to a lot of new features. The Tumblr backend is magnificent for allowing users to upload and store photos, smaller videos, audio files, and photo galleries. WordPress may be customized to handle these post types but it will take a lot more work.

tumblr photo logo paint illustration

Overall I think that Tumblr is a great choice if you know how to use it. Their services are completely free and you have the ability to redirect onto your own custom domain name. It is a fantastic option since your users will not notice much of a difference. And the people who are using Tumblr may now follow your blog to keep updated on all your new company posts.

Closing

I feel that Tumblr is a generally misunderstood network. There are so many various purposes and uses for their functionality. And because of this we can see a major divide between users in the overall member base. However it is worth your time to learn the system and see how it can give you a stress-free alternative to writing blog posts. If you have similar ideas or questions feel free to share with us in the discussion area below.


Advertise here with BSA

February 29 2012

09:02

A Showcase of Great Looking Tumblr Themes


  

Tubmlr has gained a lot of fans over the last 5 years, and with good reason. Whereas many blogging platforms are striving to add more and more features to their platform, Tumblr has stayed true to its microblogging roots by keeping things simple. This has resulted in one of the most user friendly interfaces available online.

And though it may be simple, it still has some great features. There are a wide range of post formats to choose from and you can automatically update your Tumblr page with your latest entries from Facebook and Twitter.

The Tumblr design can be changed in seconds through your Tumblr dashboard. There are over 1,200 free and premium themes currently available in the Tumblr Theme Garden. Today we would like to share with you 30 great designs from the ranks. You can install any of these themes easily through the customise section of Tubmlr. Enjoy!

The Themes

1. Vacant
FREE

A cool design that features a large content area for displaying images. Large fonts are used and the bottom of each post has been designed to look like a torn piece of paper.

Vacant

Info & Download | Demo

2. Showroom
FREE

Showroom gives the impression of notes being pinned on a wooden wall. The right hand side of the page has a sidebar with a great looking ‘about me’ widget displayed at the top.

Showroom

Info & Download | Demo

3. go CRAZY!!
FREE

A colourful minimal theme that uses green, pink and blue fonts throughout the design. Each icon is also a different colour.

go CRAZY!!

Info & Download | Demo

4. Royal Ribbon
FREE

An elegant theme that has great typography and beautiful post icons. With only one content column, there is no space for any widgets or additional information, just the title and description at the top of the page. This minimal approach should appeal to quite a few users.

Royal Ribbon

Info & Download | Demo

5. Griddlr Theme
FREE

A unique design that packs content into 3 columns. The top navigation area remains fixed as the user scrolls down the page. Clicking on the information link underneath the navigation area will bring down a menu with your profile details, a search bar and a list of the latest posts.

Griddlr Theme

Info & Download | Demo

6. Hobo
FREE

An interesting design from British designer Mike Ballan. Your profile info and various links are displayed in a fixed left hand colummn. The main content area is split into 3 sections

Hobo

Info & Download | Demo

7. Pink touch 2
FREE

A conversion of the popular WordPress theme of the same name, Pink Touch 2 is an elegant one column design with beautiful typography. A search bar is placed in the header with navigation links in the footer.

Pink touch 2

Info & Download | Demo

8. Color Shades
FREE

A multi colour one column theme that alternates the colour scheme in every post. There are around a dozen colour schemes to choose from via the colour picker.

Color Shades

Info & Download | Demo

9. Postage
FREE

A mail themed design with a traditional 2 column blog layout. Profiles are posted in the sidebar with rss, random and archive icon links all contained in the footer.

Postage

Info & Download | Demo

10. Panda Classics Recycled
FREE

A great looking one column design with beautiful typography. Posts are divided using colourful banners and the one column design makes it great for showcasing images.

Panda Classics Recycled

Info & Download | Demo

11. Solaris
$9

A premium one column design that has a cool navigation menu at the top of the page. To the right hand side of each post are the post icons and tags with the date the post was published on the left.

Solaris

Info & Download | Demo

12. Savory
$49

One of the most feature rich Tumblr themes available. You could be forgiven for thinking that Savory was designed for WordPress or Drupal due its design and typography (powered by Typekit). Links to your Tubmlr RSS feed and archives are displayed at the top of the page with other content and navigation links being displayed in the sidebar. Social media sharing buttons have been integrated into the post area and it has support for Disqus too.

Savory

Info & Download | Demo

13. Beckett
FREE

A clean minimal design that has a simple navigation menu at the top and sidebar at the right hand side. The large fonts make reading a pleasure.

Beckett

Info & Download | Demo

14. Juuvy
$49

A fashionable design that comes with over 70 appearance options. The sidebar is on the left hand side though the content area can be divided using shortcodes. Posts can be 220 px, 500px or 780 px wide. This allows you to show 1, 2 or 3 posts in the main content area.

 Juuvy

Info & Download | Demo

15. Julia
FREE

Large fonts and big bright colours are used throughout this large one column design to really set it off.

Julia

Info & Download | Demo

More Waiting for You on Page Two

You are well on your way, with half of the themes now behind you! However, don’t stop just yet, as the rest of this beautiful collection of resources is still waiting for you on page two.

May 23 2011

12:19

May 09 2011

10:21

Better Resources for Photographic Inspiration

Advertisement in Better Resources for Photographic Inspiration
 in Better Resources for Photographic Inspiration  in Better Resources for Photographic Inspiration  in Better Resources for Photographic Inspiration

We are always on an endeavor to make our reader’s lives a little easier. That is why every now and again we trawl through the internet for you to muster up some of the best inspiration resources we can find. Great photography can be as inspiring as any other form of art or design. But, as is well known, one growing problem with finding inspiration in photography online is the sheer abundance of photos out there. There are so many photo blogs, galleries, directories and groups that knowing where to turn can become overwhelming, not to mention frustrating. Also, quite frankly, there’s a lot of bad photography that is published online. Getting to the best stuff takes a lot of filtering.


This post bundles together some of the better resources for finding inspiring photography online. We’ve arranged them in themes under news in pictures, photoblogs, photographers’ portfolios, a variety of Flickr resources plus a few tidbits more. To help us make this resource even better, feel free to share your own favorite sources for inspiring photography in the comments.

News in Pictures

One thing to remember with photography is that it captures a moment in time. And a good way to ensure that your inspiration is up to date is by checking out some of the bigger news agencies online. They generally have photographers who are working at the cutting edge of information and technology and have their finger on the pulse of what’s new.

Here are just a few online resources from news publications or agencies that compile great galleries and photojournalism.

Magnum Photos
Has to be one of the all-time classic agencies for beautifully chronicling events in pictures.

Magnum-Photos 1284392975808-e1284395188742 in Better Resources for Photographic Inspiration

The Big Picture
This is the news in pictures from news portal boston.com. It does what it says on the tin pretty well… serves up big beautiful pictures.

The-Big-Picture-Boston Com 1284393046336-e1284393913338 in Better Resources for Photographic Inspiration

BBC News in Pictures
The BBC news photo galleries are chronicled by events, themes and retrospect. Picture Editor Phil Coomes also has a blog about photos in the news. To inspire his audience he runs weekly themes for the public to upload images. For example, recent themes include open spaces and the beach.

BBC-News-The-day-in-pictures 1284393984715-e1284394201376 in Better Resources for Photographic Inspiration

Reuters
The international news agency has up-to-the minute galleries of images categorized by theme and monthly retrospect. It also delivers photo-reportage videos with behind-the-scenes stories from Reuters photographers. Reuters, alongside Associated Press and Agence France Presse, is one of the largest news agencies in the world.

Pictures-News-Photos-Picture-Slideshows-More-Reuters Com 1284394358888-e1284394623127 in Better Resources for Photographic Inspiration

National Geographic
No ‘News in Pictures’ list would be complete without the inclusion of the iconic National Geographic. Big inspirational photography can be found at the online news photography section of the website. There you will find nicely grouped galleries, photo of the day, wallpapers, photo tips and you can also browse by photographer.

People-and-Culture-Photos-National-Geographic 1284394660154-e1284394897274 in Better Resources for Photographic Inspiration

Photoblogs

There are hundreds of thousands of photoblogs out there. Some update on a daily or weekly basis while others are more sporadic. Some revolve around a theme while others are more free-form. Here are some photoblogs that we thought were worth bookmarking for some occasional inspiration.

Joe’s NYC
This photoblog features mostly photos of New York City, but also sometimes includes photos from elsewhere.

Joesnyc in Better Resources for Photographic Inspiration

Rion.nu
This photoblog showcases the photography of Rion Nakaya. Many of the photos featured are of people and urban landscapes.

Rionnu in Better Resources for Photographic Inspiration

Daily Walks – Diane Varner
The images featured here are taken on daily walks and hikes the photographer takes in Northern California.

Dailywalks in Better Resources for Photographic Inspiration

Dreams of Light
Dreams of Light is the photoblog of Odilia Liuzzi. The photos featured here are varied in composition, style, and content.

Dreamsoflight in Better Resources for Photographic Inspiration

The Gathering Shot
The Gathering Shot is the photoblog of Fernando Rodriguez, who tries to photograph things that are unique or different.

Thegatheringshot in Better Resources for Photographic Inspiration

Polydactyle
Many of the photos included here have extensive post-processing. Some really interesting effects can be found in the archives.

Polydactyle in Better Resources for Photographic Inspiration

AbsolutelyNothing
This photoblog showcases the often breath-taking landscape photography of Tristan Campbell.

Absolutelynothing in Better Resources for Photographic Inspiration

Image:Me
Image:Me is the photoblog of Thomas Krebs and features photographs of a variety of subjects, from people to animals to landscapes.

Imageme in Better Resources for Photographic Inspiration

Fotograf by Imran
This site showcases the photography of Imran Saleh, a photographer from Singapore.

Fotografbyimran in Better Resources for Photographic Inspiration

Intermittences of Life
This photoblog showcases a wide variety of images including portraits, landscapes, and surprising other content types.

Intermittences-of-life 1284387042544-e1284387190531 in Better Resources for Photographic Inspiration

Pic of the Week by Andy Nixon
This photoblog not only features great images, but in many cases it offers background information about each photo. There are also occasional text posts.

Picoftheweek in Better Resources for Photographic Inspiration

Traveling Tribe
This photoblog is a bit different from many of the others in this article, with many longer-format posts featuring collections of images. Photos of shops and travel photos are among the most commonly featured.

Being-still-amidst-chaos- 1284387514377-e1284387798846 in Better Resources for Photographic Inspiration

Ossum!
Ossum! is a South African-based photoblog that features photos with a variety of content, including landscapes, night shots, and even an awesome series covering the demolition of the Athlone cooling towers.

Ossum in Better Resources for Photographic Inspiration

Tenere
This photoblog mostly includes images taken while the photographer, Yoshinori Fukui, was in the Sahara Desert.

Tenere in Better Resources for Photographic Inspiration

Grant Legassick Photography
Grant Legassick is a photographer living in Cape Town, South Africa. Most of the stunning photos on his blog are of the South African landscape.

Grantlegassick in Better Resources for Photographic Inspiration

Dror Eyal Photography
This wedding photoblog pushes the limits of beautiful wedding photography. The photos included are stunning, and the photographer obviously isn’t afraid to try something different than the traditional posed portraits. There are also occasional posts featuring other types of photography.

Droreyal in Better Resources for Photographic Inspiration

Christine Meintjes
The photos featured on this blog include both portraits and landscapes, especially cityscapes. A variety of styles are included.

Christinemeintjes in Better Resources for Photographic Inspiration

Flickr

Often when we think of turning to Flickr for inspiration we think of searching either directly through the millions of photos there, or viewing popular tags. But that is a really hit-or-miss way of finding anything of quality. Another option might be to scan through Flickr groups, but similarly many of these groups have grown so large that you run into the same ‘bottomless’ problems as with searching. But there are more refined options that help you filter through the guff.

Flickr Galleries

Where Flickr Groups often have tens or even hundreds of thousands of photos, Galleries are much more selective. Part reason for this is that Flickr actually limits the number of images you can have in a given gallery. Galleries are curated by Flickr members, often surrounding a theme, and can be created by anyone.

Picture-2-e1284389284722 in Better Resources for Photographic Inspiration

Here are a few favorites:

Aviary
This Gallery features images of birds including close-ups, photos of flocks and silhouettes in both duotone and color.

Aviarygallery in Better Resources for Photographic Inspiration

American Apocalypse I
This Gallery showcases images of mostly deserted scenes from around the U.S. as well as a couple of portraits that offer a similar impression.

Americanapocalypse in Better Resources for Photographic Inspiration

Expired Time Zero
This Gallery includes photos taken with expired Polaroid time zero film. The color and exposure effects are quite striking.

Expiredtimezero in Better Resources for Photographic Inspiration

Clotheslines
The Clotheslines Gallery showcases just that: beautiful images of clotheslines. The colors and shapes in the images are wonderfully inspiring.

Clotheslines in Better Resources for Photographic Inspiration

The Future
The Future Gallery features futuristic-style photographs – mostly of everyday items and architecture as well as a handful of portraits.

Thefuture in Better Resources for Photographic Inspiration

Flickr Last 7 Days Interesting

Flickr’s Explore the Last 7 Days Interesting feature is one of its better services for finding inspiration. As noted above in the News in Pictures section, a photograph is a moment in time, captured. Therefore newer photos often capture some amazingly new inspiration. And best of all, Flickr filters the past 7 days to capture the best of what has been uploaded and presents these randomly so every reload delivers new and fresh inspiration.

Explore-interesting-photos-from-the-last-7-days-in-FlickrLand 1284390515367-e1284390622934 in Better Resources for Photographic Inspiration

Flickr Places

Flickr’s Places feature lets you search by geographic area – anywhere in the world. Flickr also includes featured places every day.

Places in Better Resources for Photographic Inspiration

Flickr ‘The Commons’

The Commons is a collection of public domain and copyright-free photos from a variety of institutions from around the world, including the Smithsonian, the National Galleries of Scotland, and the Jewish Womens’ Archive. Most of the photos included are of historical significance and can be a great inspirational resource when working on a project with a retro or vintage theme.

Thecommons in Better Resources for Photographic Inspiration

Tumblr Blogs

Tumblr has some of the most creative blogs out there and photographers’ photoblogs are no exception. Here’s only a handful of the excellence Tumblr has to offer.

The Photographist
This Tumblr blog showcases a variety of images with a focus on still lifes and landscapes.

Photographist in Better Resources for Photographic Inspiration

Polamour
Polamour is a Tumblr photoblog that posts one Polaroid-style photo every day.

Polamour in Better Resources for Photographic Inspiration

Aviram/Lerner Photography
Most of the photos on this Tumblr blog are concert pics but you can discover other kinds of content too.

Aviramlerner in Better Resources for Photographic Inspiration

iPhotogenic
iPhotogenic takes a slightly different approach to the photoblog posting only photos taken and processed using iPhone apps.

Iphotogenic in Better Resources for Photographic Inspiration

Cela Aussi Passera
A lot of the photos included on this blog have awesome effects including double-exposure and lighting effects.

Celaaussipassera in Better Resources for Photographic Inspiration

The Dalai Lomo
The Dalai Lomo features lomo photos using a variety of lomo cameras (and some non-lomos).

Thedalailomo in Better Resources for Photographic Inspiration

Photography Websites

While we have listed a few direct blogs and individual resources above, there are also photography portals that act as collectives for many photographers. These sites serve up tons of great photos from a variety of photographers. Here are a few of the ones we have found useful for inspiration.

Flak Photo
Flak Photo showcases photography from a variety of international contributors. Flak focuses on the art and culture of photography featuring not only great photographs, but also news of new series work, gallery exhibitions and book projects.

Flakphoto in Better Resources for Photographic Inspiration

Jen Bekman
This site features a variety of photographers exhibited at the Jen Bekman gallery in New York City.

Jenbekman in Better Resources for Photographic Inspiration

DeviantART
DeviantART has a fantastic photography section, browseable by type and content (commercial, horror & macabre, still life, street, conceptual, photojournalism, etc.). It’s a great resource for finding the more artistic photography.

Deviantart in Better Resources for Photographic Inspiration

Carbonmade
Carbonmade includes a hand-picked ‘examples’ page that showcases some of the best photography portfolios hosted on the site. It can be a great place to find photographers that might not be featured elsewhere.

Carbonmade in Better Resources for Photographic Inspiration

Behance.net
Behance showcases some fantastic photography, mostly commercial or editorial. Just check out its photography, retouching and photojournalism categories (there are also categories for photo illustration and photo manipulation).

Behance in Better Resources for Photographic Inspiration

Portfolios

Not to confuse portfolios with blogs, a photographer’s portfolio showcases the best work of a particular artist, often exhibiting some of the best photos to be found anywhere online. Portfolios are as varied as the photographers they represent: some with carefully curated collections of only a couple dozen images, others with hundreds of images to view. Portfolios are designed to sell the work and services of the photographer. Here are a handful of eye-candy resources for you to pore over.

Eric Ryan Anderson
Eric Ryan Anderson categorizes his photos into a number of portfolios including “Texas”, “Music”, “Polaroid”, and “Portrait”.

Ericryananderson in Better Resources for Photographic Inspiration

Erik Almas Photography
Erik Almas has a fantastic portfolio of both commercial and editorial photos including fashion, landscapes, portraits and fine art photos.

Erikalmas in Better Resources for Photographic Inspiration

Jeremy Cowart Photography
Jeremy Cowart has photographed some of the biggest names in pop culture and has an outstanding portfolio of both editorial and commercial photos.

Jeremycowart in Better Resources for Photographic Inspiration

Koen Demuynck
The portfolio of this Belgian photographer includes a wide variety of work including landscapes, portraits and plenty of photomanipulations.

Koendemuynck in Better Resources for Photographic Inspiration

Dave Hill Photography
The photos included in Dave Hill’s portfolio are varied and include many with a cinematic quality rarely seen in still photography. He has some very famous subjects in many of his photos, too.

Davehill in Better Resources for Photographic Inspiration

Rinze Van Brug Photography
The portfolio of Rinze Van Brug includes fashion, architectural and travel photography in a mostly understated style that includes both duotone and color photos.

Rinzevanbrug in Better Resources for Photographic Inspiration

Raven Photography
The photos featured in this portfolio all have extensive post-processing, mostly to make them look like HDR photos. There’s also commentary for each photo.

Ravenphotography in Better Resources for Photographic Inspiration

Jason Bell
Jason Bell’s portfolio includes a wide array of photos including images of celebrities, portraits, landscapes and more. He also has portfolios of commercial photography and images taken for the entertainment and music industries.

Jasonbell in Better Resources for Photographic Inspiration

Conclusion

There are a wealth of fantastically talented photographers posting their work online. And of course what one finds inspiring, another may find completely mundane. But there are definitely better resources and finding these online is challenging. Hopefully the above links will put you well on your way. If you have additional resources you’d like to share please contribute them in the comments below.

Consider Some of Our Previous Posts

You may also be interested in some of these other fantastic posts for further inspiration.

Showcase of Beautiful Photography

50 Incredible Photography Techniques and Tutorials

35 Beautiful Examples Of Rain Photography

45 Beautiful Motion Blur Photos

Beautiful Black And White Photos

25 Beautiful Macro Photography Shots

(rb)

April 14 2011

09:42

50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Advertisement in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience
 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience  in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience  in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Tumblr is getting popular day after day because of its flexibility, power and simplicity. Tumblr is a blogging platform through which you can share your content, images and videos with the world even when you are on the go. This is because it empowers bloggers to post and customize their content from a web browser, email or phone.

This post contains some beautiful free themes that will let you enhance your Tumblr experience. This post features not only themes but also some over-the-top Tumblr widgets and Apps to manage your Tumblr account with ease.

Free Tumblr Themes

AdaptationDemoDownload )
An attention grabbing theme with a blood red background that makes it hard to divert your eyes from:

Screenshot-red-noupe2 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Be OriginalDemoDownload )
A neat and simple Tumblr theme that embodies originality of your ideas:

Tumblrtheme1 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

The Fisherman’s Friend ( Demo | Download )
Innovative and out of the ordinary. I adore the imaginative show and color palette used in this theme:

Tumblrtheme34 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Clean Read ( Demo | Download )
A minimalism based theme mainly focuses on typographic elements:

Tumblrtheme2 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

(More) Important Things ( Demo | Download )
This is probably the liveliest and most sparkling theme in the collection:

Tumblrtheme17 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Paper Walls ( Demo | Download )
This theme is made of recyclable materials from top to bottom. Simple and effective:

Tumblrtheme30 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Plaid ( Demo | Download )
An interesting pattern of mosaic with black and purple color is enough to attract visitors and get them to stick to your blog:

Tumblrtheme10 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Field Notes ( Demo | Download )
A dark colored theme with plain background and simple layout to attract your readers towards your blog posts:

Tumblrtheme4 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Redux ( Demo | Download )
A nicely colored, simple and attractive theme that can set your Tumblr blog apart from others:

Tumblrtheme5 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Fluid ( Demo | Download )
This is perhaps the most tempting theme in the gallery with a beautifully colored and shiny layout:

Tumblrtheme6 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

One Very Important Thought ( Demo | Download )
Although dark, this theme is certainly very powerful in engaging visitors and readers interest:

Tumblrtheme7 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

101 ( Demo | Download )
A colorful and visually alluring theme to spice up your Tumblr blog:

Tumblrtheme8 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Organ ( Demo | Download )
Another dark background theme with some attention grabbing graphics:

Tumblrtheme9 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Letterpress ( Demo | Download )
A simple and neat theme with grey background that gives a very professional look:

Tumblrtheme11 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Headline Tumblr Theme ( Demo | Download )
Make your blog appear as a big corporate website with this professionally designed theme:

Tumblrtheme12 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Rio Theme ( Demo | Download )
A fresh and funky Tumblr template, narrow tumblog-styled design:

Tumblrtheme3 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Modern1 ( Demo | Download )
An elegant and contemporary theme that certainly sanctifies your blog with the rest in the industry:

Tumblrtheme14 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Vintage Stripes ( Demo | Download )
A beautiful theme based on retro styles to give your Tumblr blog a vintage look:

Tumblrtheme15 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Pink touch 2 ( Demo | Download )
A simply minimalist theme focusing on the content of your post. A perfect choice for the perfectionists:

Tumblrtheme16 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Chunky ( Demo | Download )
Make your content appear in chunks so as to better accommodate content, audios, videos, images, etc.:

Tumblrtheme18 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Natural Elegance ( Demo | Download )
Demonstrate the simplicity and sophistication of the color black through this beautiful Natural Elegance theme:

Tumblrtheme19 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Easy Reader 2 ( Demo | Download )
This theme lives up to its name. This is a nice and easy to read theme that comes with a beautiful contrasted heavy header:

Tumblrtheme20 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Mac Envy ( Demo | Download )
Mac Envy is one of the first freely available Tumblr themes, and a perfect Tumblr theme for Mac fanatics:

Tumblrtheme21 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Silo ( Demo | Download )
The photographic background of this theme, along with the cool and stylish grid layout is enough to attract visitors towards your blog:

Tumblrtheme22 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

for.screen ( Demo | Download )
This is one of the most beautiful dark themes in this compilation with some harsh shadows and big icons:

Tumblrtheme23 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Penguin Classics Recycled ( Demo | Download )
A beautiful old styled design is being recycled and given a very contemporary look:

Tumblrtheme24 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Transparent Theme ( Demo | Download )
This theme comes with a soft background coupled with pleasing and nice transparent frames:

Tumblrtheme25 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

PhotoBoard ( Demo | Download )
PhotoBoard is a grid layout theme that simply embodies a bulletin board look:

Tumblrtheme26 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Futura ( Demo | Download )
The most popular and highly anticipated theme from IKEA to House MD has finally reached Tumblr:

Tumblrtheme27 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Dark Paper ( Demo | Download )
You will find some beautiful letterpress effects on the frames along with a dark background:

Tumblrtheme28 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Dream Theme ( Demo | Download )
The compulsory flower-patterned burst theme. Beautifully well done:

Tumblrtheme31 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Wood Revisited ( Demo | Download )
A nice, simple and eye-catching background, although this theme could use some refinements overall:

Tumblrtheme32 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Strange Little Town ( Demo | Download )
A sparkling theme with shiny stars at the top and a spooky town at the bottom:

Tumblrtheme33 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Coffee Shop ( Demo | Download )
A peaceful and affectionate theme that features an inspired coffee cup design with whimsical froth:

Tumblrtheme35 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

iBlack ( Demo | Download )
This is an iPhone like theme that features rounded date icons and a rich background:

Tumblrtheme36 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Funkytional Sezeen ( Demo | Download )
Another simple and attractive theme with a light colored background and beautiful typography:

Tumblrtheme37 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Dainty Fresh ( Demo | Download )
A floral based and very invigorating theme having beautiful flowers in the background:

Tumblrtheme38 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Revista ( Demo | Download )
This is a customizable theme so that you can change font, color, background and even images. All four columns are displayed in the form of grids and are extremely easy to work with:

Tumblrtheme39 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Tumblr Widgets and Apps

Tumbltape
Tumbltape is a widget that easily turns any Tumblr blog into a play-list. It is created with the latest songs on a user’s tumblelog, and the play-list is updated automatically as new songs are uploaded:

Tumblrtheme52 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Hellotxt
With Hellotxt, you can easily post text, audio, video and photo updates to Tumblr. This update can even be done by way of email, SMS, IM, WAP browser or third-party applications:

Tumblrtheme53 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Tumblr Tag Clouds
This is a tag cloud generator for Tumblr. It uses the Tumblr API’s JSON output and jQuery to generate a tag cloud each time your site is accessed:

Tumblrtheme54 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Twitter for tumblr
Twitter widget for tumblr allows your stream to show up on your tumblog:

Tumblrtheme51 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Comeks
Create & share funny Comeks messages online or in mobile. Combine your photos with speech bubbles and add-on stickers. Share in: Tumblr, Facebook, Twitter and more:

Tumblrtheme55 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Tumblweed
This widget is designed as a desktop client that lets you view posts and create new ones right from your desktop. Tumblweed works perfectly well on Windows and Mac, and it also allows photo posts from webcams, clipboards, or drag-and-dropping:

Tumblrtheme56 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Rotzy
Rotzy lets you share and broadcast your iPhone photos to Tumblr, Facebook and Twitter. You can easily take and share life’s events with your iPhone:

Tumblrtheme57 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

TumblePhone
This widget allows you to view an iPhone optimized web layout for any Tumblr username:

Tumblrtheme58 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Tumbleeze
This is a free Adobe air application that lets you drag and drop your videos, audios, and images directly to your tumblog:

Tumblrtheme59 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Tumblr widget
Makes posting easy and fun. Make regular posts with HTML formatting and spellchecking. Your username and password are saved in between sessions making posting to your tumblr account quick and easy:

Tumblrtheme60 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Post To Tumblr
Post To Tumblr is a simple extension that adds easy right-click-post functionality to Chrome:

Tumblrtheme61 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Tumblr Dashboard
Access your tumblelog and create new content right from your Chrome toolbar:

Tumblrtheme62 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Streampad – Tumblr MP3 Player
If you like listening to music on Tumblogs, you may be interested in this project. Play all the music from everyone you follow on Tumblr:

Tumblrtheme63 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Psolenoid
Psolenoid lets you link your Tumblr posts to other related posts on other blogs. In this way, it provides reciprocal link exchange that ultimately brings in a new set of visitors to your blogs:

Tumblrtheme64 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

tarpipe
Automate publishing and sharing of your tumblogs with this web app to 22 other blogging and social networking platforms at the same time. With tarpipe, you can publish your content by emails, IM’s and other apps:

Tumblrtheme65 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

TumblrStats
TumblrStats provides comprehensive information about your tumblog including stats on the number of posts, rate and type of posts, time since last post, etc. All the information is provided in a neatly designed page:

Tumblrtheme66 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

Tumblr Post
It is a Firefox addon that helps you posting updates, quotes, photos, videos and audios to your Tumblr with a simple drag and drop function. With this addon installed in Firefox, you will no longer be required to save videos and photos to your desktop prior to posting them to your Tumblog:

Tumblrtheme67 in 50+ Beautifully Designed Free Themes and Widgets to Enhance your Tumblr Experience

(rb)

February 10 2011

12:10

January 10 2011

15:05

September 16 2010

02:21

Theme Tumblr Like a Pro: New Rockable Book


As Tumblr continues its path toward domination, I was shocked to find that there isn’t a single Tumblr book available anywhere…until now! Tumblr is fantastically intuitive, however, there’s a great deal of power available to you — if you learn how to harness it! That’s my goal in this new Rockable Press book + companion screencasts: teach you how to be a Tumblr pro! Along the way, we’ll learn how to create customization options, work with the Tumblr API, allow for added functionality, and a plethora of other awesome things!

PDF eBook, $20 – Purchase

Tumblr’s streamlined approach has made it one of the web’s fastest growing blog platforms. In “Theme Tumblr Like a Pro,” Nettuts+ editor, Jeffrey Way, will teach you everything you need to start making powerful Tumblr themes, while maintaining the platform’s core principle: simplicity. As an added bonus, we’ve included a companion screencast for every chapter, for the visual learners out there! By the time you finish this book, you’ll be a Tumblr master!


What’s Covered?

  • The basic structure of a Tumblr theme
  • The various post types
  • Creating an options “panel” to provide maximum flexibility for the users of your theme
  • Using the Tumblr API
  • Various Cookbook recipes
  • Displaying Tweets (while improving Tumblr’s provided JavaScript!)
  • Combining Tumblr with JavaScript
  • And so much more, over the course of this 135 page eBook + companion screencasts.

Sample Pages

If you’re undecided, you can Download the Sample Pages (18 pages). But, don’t forget, it also comes with hours of video training for each chapter.


About the Author

Jeffrey Way is part of the Envato team. He is the Editor of Nettuts+, a web development tutorials blog with over 70,000 daily readers, and he’s also the manager of the popular marketplace for web developers, CodeCanyon. He has been in the web industry for over 5 years, with expertise in HTML, CSS, PHP, JavaScript, jQuery, CodeIgniter, Tumblr, and WordPress.


PDF eBook, $20 – Purchase

September 08 2010

22:45

Theme Tumblr Like a Pro: Upcoming Rockable Book


I’m pleased to announce the upcoming release of the book I’ve been sporadically referencing on Twitter for the last month or so: “Theme Tumblr Like a Pro.” There’s a reason why Tumblr’s popularity has sky-rocketed in the last few years: it’s amazingly intuitive, and allows you to rapidly build dynamic websites in a matter of hours.

As with my previous book, I’ve included companion screencasts with each chapter. This means that, whether you prefer the written word or screencasts, we have you covered.

Theme Tumblr Like a Pro: Upcoming Rockable Book

What’s in it for you?

Focusing on the fundamentals, this book takes you from front to back. You’ll learn about:

  • The fundamentals: template tags, basic structure
  • Blocks
  • The various post types and variables
  • Build a theme
  • Working with the Tumblr API
  • Passing Tumblr-specific values to your JavaScript
  • Adding enhanced functionality with JavaScript and the API
  • A plethora of miscellaneous recipes
  • Working with custom meta types to create an options panel, which then provides maximum flexibility for the user of the theme
  • And plenty more…
Promo

Save $9 and get a Free Book

The book won’t be out for one more week, however, as always, those who are on the Rockin’ List (takes five seconds to sign up) will receive a voucher for $9 dollars off the cost of the book.

“The Rockin’ List is our irregular mailout about new books and products, discounts and offers and Rockable news. Signing up to the mailing list will get you a free copy of the Rockstar Personal Branding minibook by Skellie.”


I’ll obnoxiously keep everyone posted on when the book officially comes out. Strangely, there simply aren’t many Tumblr resources and screencasts available around the web for those looking to switch over from a framework, like WordPress. Hopefully, this will help! Bye!

August 23 2010

14:34

August 09 2010

16:52

Who Needs University? The Best Nettuts+ Screencast Training Courses


Education is expensive…very expensive! But, luckily, 95% of the tutorials and courses on Nettuts+ are free! And, should you require more training, a Tuts+ premium subscription is extremely cheap, at only $9 per month. Whether you’re hoping to learn jQuery, WordPress, CSS, Tumblr, PHP, CodeIgniter, or JavaScript, we’ve got you covered! Further, if screencasts are your thing, you’re particularly in luck, thanks to our in depth video courses, listed below!


1. Diving Into PHP

Diving Into PHP

Just as with the “jQuery for Absolute Beginners” series, you’ll start from scratch and slowly work your way up to some more advanced PHP topics; this is another incredible series that first aired on the ThemeForest Blog.

The Complete Series


2. Magento for Designers

Magento for Designers

Magento is a stunningly powerful e-commerce platform. In celebration of ThemeForest’s new Magento category, this mini-series will you teach how to get started with the platform: you’ll get to know the terminologies and learn how to set up a store and all related aspects of it; finally you’ll learn how to customize it to make it your very own.

The Complete Series


3. JavaScript from Null

JavaScript from Null (Premium)

Thanks to the wide adoption of libraries like jQuery and Mootools, JavaScript’s popularity has skyrocketed in the last few years. However, in the process, an interesting thing occurred: many newer developers are learning these libraries without taking the time to actually learn about raw JavaScript techniques. What percentage of jQuery users don’t know how to fade out an element with only raw JS? My guess is that it’s much higher than many would think.

If you want to truly understand the library you’re working with, and improve your skill-set, it’s vital that you learn the fundamentals of raw JavaScript. And this series will teach you what you need to know!

The Complete Series


4. Tumblr Theme Design – Start to Finish (Premium)

Tumblr Theme Design – Start to Finish (Premium)

Tumblr’s popularity over the last year has increased exponentially. The reason why is quite simple: Tumblr is flexible, powerful, and, most importantly, a pleasure to work with. Unfortunately, there aren’t many training resources available for the platform yet. In this video series, we’ll go through the process of taking a Tumblr theme, designed in Photoshop, and converting it into a fully working theme – in just a few hours.

The Complete Series

If you’re not already a Nettuts+ Premium member, you’ll want to sign up to get this course. You can view an introduction to it here.

  • Chapter 1: Intro
  • Chapter 2: Slicing the Design
  • Chapter 3: Creating the Markup and Adding the Tumblr Template Tags
  • Chapter 4: Adding the CSS
  • Chapter 5: Configuration Options
  • Chapter 6: @Font-Face and Custom Fonts
  • Chapter 7: Slide-out Panel – HTML and CSS
  • Chapter 8: Slide-out Panel – jQuery

5. CodeIgniter from Scratch

CodeIgniter from Scratch

After numerous requests, we launched a new screencast series on Nettuts+ that will focus exclusively on the CodeIgniter PHP framework. Over the course of 15 videos (so far!), you’ll learn how to use this framework.

The Complete Series


6. Regular Expressions for Dummies

If there’s one topic that most people agree is difficult to get into, it’s regular expressions. But fear not: you’ll get comfortable using this sometimes-confusing technology with these five screencasts.

The Complete Series

You can see the whole series here, and this is what you’ll get:


7. CSS: Noob to Ninja (Premium)

This exclusive premium video series will take you from a state of absolute CSS “noobness,” all the way up to ninja-status, capable of taking advantage of the latest CSS3 techniques. The series begins with the basics: the syntax, properties, etc. However, each new video expands upon the previous, as you work your way up and improve your skills.

The Complete Series

This series is for Premium members, but if you aren’t familiar with CSS, there’s no better way to learn! Get it here!

  • Part 1: Preparation
  • Part 2: CSS Properties
  • Part 3: Typography
  • Part 4: Floats
  • Part 5: Positioning
  • Part 6: Semantics, List Items, and Menus
  • Part 7: CSS Organizational Techniques
  • Part 8: Rounded Corners, Box Shadows, and Text Shadows
  • Part 9: CSS3 Gradients
  • Part 10: Custom Fonts with @font-face
  • Part 11: Taking Advantage of CSS Frameworks
  • Part 12: Extending CSS with LESS

8. jQuery for Absolute Beginners

jQuery for Absolute Beginners

So, everywhere you look, you see “jQuery this” and “jQuery that.” For the last year or so, this library has been the darling of the JavaScript world. But do you feel that you just can’t seem to learn the dang thing? Do you hate how the existing tutorials assume that you know WAY more than you actually do? If this rings true for you, I can help: check out the jQuery for absolute beginners series that first showed on the old ThemeForest Blog, and has since joined the Nettuts’ arsenal.

The Complete Series


9. WordPress for Designers

If you want to get into the WordPress community, we’ve got a great way to start: the WordPress for Designers series, from the old Themeforest Blog. You’ll learn everything from installing the platform to slicing a PSD file and turning it into a complete theme.

The Complete Series


10. The Ultimate Guide to Creating a Design and Converting it to HTML and CSS

The Ultimate Guide to Creating a Design and Converting it to HTML and CSS

This was a multi-part series across the Tuts+ sites, which demonstrated how to build a beautiful home page for a fictional business. We learned how to create the wireframe on Vectortuts+; we added color, textures, and effects on Psdtuts+; and we took our completed PSD, and converted it into a nicely coded HTML and CSS website.

The Complete Series


You’ll be a Pro in No Time!

Well, now you’re well on your way to becoming a well-trained web developer. What’s your favorite tutorial here on Nettuts+? Let us know in the comments!

If you enjoyed these screencasts over the last year or so, and would like to give back to Nettuts+, please do consider signing up for a Premium Tuts+ subscription. In addition to helping us out, you’ll gain access to source files, extra advanced tutorials and video series, and freebies…from all of the Tuts+ sites!

July 22 2010

14:15

A Complete Guide To Tumblr

Smashing-magazine-advertisement in A Complete Guide To TumblrSpacer in A Complete Guide To Tumblr
 in A Complete Guide To Tumblr  in A Complete Guide To Tumblr  in A Complete Guide To Tumblr

Think of Tumblr as micro-blogging on steroids (technically, it’s called “tumblelogging”). Whereas Twitter and similar services limit posts to 140 characters or less, Tumblr lets you post updates of any length, although it’s best suited to short-format posts. Tumblr bridges the gap between full-blown blog and micro-blog.

Photopost in A Complete Guide To Tumblr

Tumblr is also an option for designers and creative people, because it gives you complete control over the look of your tumblelog. It also offers great opportunities for theme designers, especially with the recent launch of premium themes (which range in price from $9 to $49). Read on for your complete guide to using and designing for Tumblr.

[Offtopic: by the way, did you know that there is a Smashing eBook Series? Book #2 is Successful Freelancing for Web Designers, 260 pages for just $9,90.]

Why Use Tumblr?

Quite simply because Tumblr makes setting up a blog very easy. It also makes it very simple for you to follow other tumbleloggers on the website and to share their content. Tumblr tries to combine the best parts of blogging and micro-blogging in one. It handles longer-form and multimedia posts, like regular blogs, while encouraging more interaction between tumbleloggers, like micro-blogs.

Post Formats

The fact that Tumblr has built-in formats for a variety of content types makes it stand out from other blogging and micro-blogging platforms. There are templates for text, photos, videos, audio, quotes, links and chat transcripts. Most themes take advantage of the differences between these post types and implement special formatting for each one. You can also add plain text to most of these post types, and you can add images to your text posts. It’s a quite flexible system.

Posttypes in A Complete Guide To Tumblr

Because of the unique post formats, Tumblr makes a perfect platform for vlogging and podcasting, as well as for photo blogging. For audio posts, you can even call in a post, requiring nothing more than a phone. You can also email in posts of all types (each type of post has a specific email format).

Tumblr API

The Tumblr API has spawned plenty of third-party apps that let you do all sorts of things with Tumblr. More than a dozen iPhone apps can be used with Tumblr, and at least as many Web services. Desktop and mobile apps are available, as well as widgets and plug-ins that you can use on other websites. You can set up Tumblr to automatically post to your Twitter or Facebook account, too.

Thirdpartyapps in A Complete Guide To Tumblr

For developers, the API opens a world of options for creating apps. The API itself is relatively straightforward and anyone with basic PHP and XML skills will have a short learning curve. While dozens of Tumblr apps are already out there, there’s still plenty of room for further expansion.

Other Unique Features

Like Twitter, Tumblr lets you follow other users and view their posts in your dashboard. Tumblr also gives you the option to reblog or “heart” (the equivalent to a “Like” on Facebook) posts from anyone, whether you follow them or not.

Following other users is simple: just click the “Follow” link in the upper-right corner of their tumblelog. That’s also where you’ll find the links to heart or reblog content.

Reblogdashboard in A Complete Guide To Tumblr

Blog Options

Tumblr gives you fairly complete control over how you blog. You can set up group blogs with multiple authors. You can also set up numerous blogs under a single account (each with its own custom options), though only one username is able to follow other tumblelogs. Tumblr also lets you keep private Tumblelogs that are password-protected, so you can share them with those you know or keep them completely personal. Just make sure not to post to your public tumblelog by accident!

Getting Started

Starting out with Tumblr is easy. Just sign up on the site, enter your email address and a password and the URL you want to use (something.tumblr.com). You’ll have the option to set up a custom domain name after you’ve signed up. Once your account is set up, you can start posting right away.

Signup in A Complete Guide To Tumblr

Themes and Customization

Hundreds of themes are available for Tumblr, most of them for free. Take some time to go through the theme options when you sign up, either to find one for your tumblelog or to get ideas to create your own theme.

Tumblrthemes in A Complete Guide To Tumblr

One thing you may notice with Tumblr themes is that a lot of them have very narrow content areas. While wider themes are available, the vast majority are narrower than 800 pixels (and some even narrower than that).

Most Tumblr themes come with some customization options that don’t require any HTML and CSS knowledge (if you plan to create some public themes, you’ll probably want to include some customization options). There’s also an area to enter custom CSS that will override existing styles.

Appearanceoptions in A Complete Guide To Tumblr

Customcss in A Complete Guide To Tumblr

You can customize the HTML in any theme, too. Click on the “Customize” link from your dashboard, and then click on “Theme” and “Custom HTML.” This is also how you would create a theme from scratch. You can link to an external style sheet, too (Tumblr has a static file uploader for uploading theme assets).

Customhtml in A Complete Guide To Tumblr

Editing an existing theme is a great way to start designing for Tumblr. It also gives you complete control over how your theme looks and works without having to start from scratch.

The Bookmarklet

The Tumblr bookmarklet makes it easy to post content from anywhere on the Web. Just drag it to your bookmarks toolbar and use it when you find something to blog about. Depending on the page’s content, a window will pop up suggesting a particular content format for your post. You can change the post type right there or accept its suggestion.

Bookmarklet in A Complete Guide To Tumblr

Most pages will default to the “Link” post format, but if you’re on Flickr, for example, it will default to the “Photo” format. Likewise, if you’re watching a YouTube video, it will default to the “Video” format.

Creating Custom Tumblr Themes

While Tumblr makes it easy to customize the HTML and CSS of almost any theme, you may want to start from scratch. If you’ve ever created a theme for another blogging platform or CMS, creating a Tumblr theme won’t be any more difficult. Even if you haven’t created a theme for another CMS, creating a Tumblr theme isn’t much more difficult than creating a standard HTML template.

Customtheme in A Complete Guide To Tumblr

Basic Structure

Tumblr themes include the same basic parts as any website. There’s usually a header and main content area, as well as an optional sidebar and footer. Beyond that, Tumblr themes are broken down into blocks. Each block on your tumblelog contains some piece of data. For example, there are blocks for each of the post types (text, photo, audio, video, etc.), as well as blocks for things like your tumblelog’s description and “Previous” and “Next” page links.

The Tumblr loop has a huge number of variables to take advantage of. You’ll need to define blocks for each post type in order to display them properly in your theme. Beyond that, you choose what to include in your theme.

A complete list of Tumblr variables can be found on the Creating a Custom HTML Theme page on Tumblr’s website. The page also includes more information on creating Tumblr themes in general.

More on Tumblr Theme Variables

Variables allow you to do various custom things with your Tumblr themes. There are basic variables for things like the theme title, portrait URLs and favicons. There are unique variables for each of the post formats, too. Some formats (like text posts) have only a handful of variables, while others have over a dozen.

Creating Public Themes

With the addition of premium themes, many designers are becoming more interested in creating their own Tumblr themes. You might want to do a few things to a public theme that you might not bother with for a personal theme, though. One of these is creating some customization options that allow users to change things like font colors and which parts of a page to show and hide. Look around at what other themes allow to be customized, and look at the variables that Tumblr uses.

Submittheme in A Complete Guide To Tumblr

Public themes do have a few requirements that may not apply to personal themes. These are:

  • All the theme’s assets have to be hosted on Tumblr.
  • Third-party widgets have to be commented out. This means that you can include the code and instructions on how to enable it, but it must be disabled by default.
  • Your theme must support all of the different post types: text, photo, quote, link, chat, audio and video.
  • It must support the standard tags (check the variables list to see what they are).
  • It must be good-looking and fully functional. Tumblr themes are vetted for quality; unattractive ones won’t make the cut.

At the moment, when you submit a theme to Tumblr, it’s free by default. To be able to sell premium themes through the Tumblr directory, you’ll either need to ask or be invited. Overall, the premium themes program is pretty secretive.

This doesn’t mean that you can’t sell premium Tumblr themes elsewhere. Theme Forest has a number of Tumblr themes for sale. Other theme developers sell them directly through their own websites. Both are options if you want to get into the premium theme market.

Remember to include credit and a link in the footer of your theme, so that visitors can find your other themes and download them. Many users will leave this credit and link as is, giving you potential traffic for your blog.

Tumblr-Specific Memes

You may want to consider joining in on some Tumblr-specific trends, events and memes out there.

Tumblr Tuesdays and Recommended Blogs

Think of Tumblr Tuesdays as sort of like Twitter’s #FollowFriday hash tag. Tumblr has a built-in recommendation engine that feeds the directory listings of blogs that are recommended enough as well as the recommended tumblelogs that show up in your dashboard’s sidebar.

Bacon

Baconbaconbacon in A Complete Guide To Tumblr

I suspect that Tumblr has a higher proportion of bacon-related blogs than on any other blogging or micro-blogging service out there. Just a quick search turns up at least half a dozen tumblelogs focused exclusively on bacon.

Unfollow Friday

Playing on Twitter’s #FollowFriday hash tag, Unfollow Friday encourages you to post annoying or disgusting things to your tumblelog in an effort to get people to unfollow you. The goal is to see how many people you can get to stop following you.

Conclusion

Whether you’re looking for a quick and easy platform to post short-format or multimedia posts or you’re interested in developing custom Tumblr themes to give away or sell, this guide should get you on your way. If you have additional resources or tips to share, please do so in the comments below!

Further Resources

(al)


© Cameron Chapman for Smashing Magazine, 2010. | Permalink | Post a comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: tumblr

Tags: Coding tumblr

July 13 2010

21:00

40 Stunning Premium and Free Tumblr themes

In our first installment in the Tumblr series, we took a look at what Tumblr actually is, and what it does. The article finished off by showing 4 fantastic custom themes that have been created by some awesome designers for use on their Tumblr blogs. In this instalment, I want to show you 20 fantastic free Tumblr themes that will get you started on your Tumblr blog. Then I’m going to show you 20 fantastic premium Tumblr themes, for those of you that want that quality feel to your Tumblr blog, but with little effort from yourself! Here goes…

Free

From the beginning, Tumblr has had a fantastic library of free themes; it’s site says there are over 400 indexed. Here are 10 that stand out to me as being fantastic quality for free themes.

1. Easy Reader 2

Link | Demo

A typographic beautiful mix of grey, red and white.

2.101

Link | Demo

A pastel colored sexy left aligned theme.

3. Postage

Link | Demo

Beautiful imagery taking the persona of letter postage!

4. Godlike Bliss

Link | Demo

A twitter inspired theme that’s up there in the clouds.

5. bbxtumblr

Link | Demo

Fantastic css3 typography coupled with stunning icons.

6. Doodling in Class

Link | Demo

Perfect for scribbling down notes here and there.

7. Screenshot

Link | Demo

Show of your latest work with this screenshot gallery theme.

8. TumbleDesk

Link | Demo

Bring the readers to your desk with this theme.

9. Photoboard

Link | Demo

Content is displayed on cards, with beautiful enhancements such as flipping for details!

10. Panda Classics Recycled

Link | Demo

Keep it cool with this panda theme!

11. Nine of Mine

Link | Demo

Sheer simplicity. Let your content shine.

12. 1000 Suns

Link | Demo

A single column with simple styles.

13. Paper Walls

Link | Demo

Let this paper styled theme make your blog look the professional deal.

14. Rockstar

Link | Demo

Classy, colourful and bright. Attract attention to your blog!

15. Fluid

Link | Demo

A proper Tumblr favourite. You’ll see this beauty a lot which says a lot about its quality.

16. ColorBars

Link | Demo

Nothing classy, just a fantastic, fluid layout.

17. Stationary

Link | Demo

With a fantastic paper border, this theme offers brilliant typography.

18. Photog

Link | Demo

Designed to give one post your attention at a time. A great concept.

19. Organ

Link | Demo

Likely the most original Tumblr theme ever. You’ve seen nothing until you’ve tried it.

20. Cavalcade

Link | Demo

Fantastic use of greys with subtle tints, and eye pleasing combinations.

Premium

A few months ago, Tumblr introduces something that web designers had started doing external to the Tumblr themes library; premium themes. Here are 10 from around the internet that caught my eye.

1. Photofolio - $49

Link | Demo

Keep it sexy with this shimmering folio theme that just shouts out to you.

2. Sonic – $49

Link | Demo

Give your band a fantastic blog with this theme.

3. Postcards – $19

Link | Demo

Playing on the postcard persona again, but this time, much more classy.

4. Generate – $19

Link | Demo

Here’s a clean, sleek blog theme from Woothemes.

5. HashTwo – $15

Link

A fresh, contemporary theme from OboxDesign.

6. Stratocaster – $17

Link | Demo

IvorPadilla makes grey cool with this fantastic theme.

7. Helvetica – $12

Link Demo

This theme is for people that love Helvetica!

8. Vintage Scrapbook – $14

Link | Demo

Vintage Scrapbook is a whimsical, highly detailed theme inspired by the colours, styles, and textures found in old documents

9. Rank & File – $49

Link | Demo

Three columns of simple beauty.

10. Well Liked – $9

Link | Demo

Sleek and classy, this’ll kickstart your Tumblr experience.

11. Scribble – $9

Link | Demo

Show of your site with this sketch style theme.

12. Ribbon Section – $15

Link | Demo

Fantastic implementation of ribbons. With different color schemes, this feels premium!

13. Splatter – $19

Link | Demo

A single column, subtle grunge layout that mixes aqua and pink splendidly.

14. Micro Inkdrop – $15

Link | Demo

The demo starts with a fantastic image slider, and the beauty doesn’t stop there.

15. Micro Depth – $15

Link | Demo

A colourful and vibrant theme for you to make an impact on your readers.

16. Tumbl News – $14

Link | Demo

A theme aimed more at providing news than small time blogging.

17. Nuance – $14

Link | Demo

Nuance provides an original grid view to different Tumblr posts.

18. Crisps – $12

Link | Demo

Yet another single column layout, but this time, with an added slide out sidebar!

19. Simplefolio – $49

Link | Demo

Simplefolio shows what can really be achieved with Tumblr, turning it from a Tumbleblog into a full portfolio complete with pages!

20. Solaris – $9

Link | Demo

Taking minimalism to a whole new level of beauty.

Further Thoughts

So now we’ve learnt what Tumblr does, in terms of micro blogging, and how it works, and we’ve seen what can be achieved through its theme system. The next installment in the series will teach you how to code your own psd to a fully fledged Tumblr theme! Keep your eyes out for it, and apologies for the wait.

If you have seen any fantastic free and premium Tumblr themes that you think are worth a mention, hit them up in the comments. We love to hear what you think, and like =)

July 08 2010

10:00

7 Awesome Alternatives to WordPress as a Blogging Platform

WordPress is a very popular blogging platform that runs millions of blogs. But, what if it doesn’t meet your needs? Just because tons of people use it doesn’t mean it will be right for you. Here are 7 solutions to help you find your own advanced blogging solution. These CMS’s (Content Management Systems) will offer you a lot of options and features – but it’s important to weigh pro’s and con’s when choosing the right system. Most of these work in the same manner; you’ll have to download and upload the files to your server (some need a database to work), and then go through an install and configure the system. Later, there should be some kind of extensions you’ll be able to add – such as themes, plugins, modules, sections – and a lot more.

1.TextPattern

Textpattern is a robust CMS. It’s most useful for blogs, although full sites can and have been created with Textpattern as well. It happens to be quite flexible – you can create almost anything with plugins and a custom sections and styling. Personally, I would only recommend this to people who have dealt with PHP and other CMS’s before; although using Textpattern is fairly easy to learn.

Cool Features:

  • Easy to focus on content
  • Browser-Based Media Control
  • Freedom to control all elements
  • Browser-based template and CSS editing
  • Light Weight and Secure
  • The many available plugins give you extra functions and capabilities

2. Habari

Habari is a free blogging system that, although is still new – proves to be a safe, firm, and well-rounded solution for many. Called the ‘future of blogging’, this flexible system is well on its way to being a huge force in the CMS market.

Cool Features:

  • Multiple Users and Sites with one install
  • Plugins, Tagging and a WordPress Importer
  • Static Pages
  • Supports multiple types of databases (MySQL, SQLite, PostgreSQL)
  • Supporting Developer Community
  • Fast and Simple Installation
  • Full featured dashboard

3. Movable Type

Movable Type is a powerful all-in-one tool that lets you create blogs and entire websites with one platform. Being flexible with themes and plugins, you can really do anything with Movable Type! Movable Type is free, but for those who need a larger amount of support (like a business), Movable Type Pro comes with more features – and is not free.

Cool Features:

  • Open Source for Developers
  • Simple to create all kinds of websites
  • Revision history – you’ll never loose anything!
  • Dashboard and Custom Fields
  • All-in-one solution that cam power anybody

4. Tumblr

Tumblr is a micro-blogging platform. Although you can’t host it on your own server, you can customize your Tumblr blog as much as you would like with super cool themes! With an awesome community, Tumblr is the easiest solution for micro-blogging. You’ll also have the ability to use custom domains!

Cool Features:

  • Don’t have to host on your own server
  • Free and Easy to Use
  • Community Interaction
  • Easy to post with mobile devices (call, text, mobile web, apps)
  • Powerful Well Designed Themes by Professional Designers
  • Completely Free!

5. Drupal

Drupal is an open source Content Management System that can create anything to a small blog to a large community website. You can even create discussion websites, corporate pages, personal blogs, directories and even social networking sites – all in a breeze.

Cool Features:

  • You can contribute to it’s development
  • Admin side tracking and statistics
  • Easy Forum and Polls
  • Built in news aggregator
  • Easy to personalize and community gives online help

6. ExpressionEngine

ExpressionEngine is a flexible CMS that helps you fulfill your site’s full purpose. There are modules, plugins and extension hooks to help you customize your website to the upmost extent.

Cool Features:

  • Flexible – can power organizations and companies
  • Will adapt to your needs
  • Easy to add more features
  • Analytical tracking
  • Built in spam prevention
  • Totally secure and manageable

7. FlatPress

Last, but not least – FlatPress is an open source blogging system that does not need a database to work. This means that those without access to MySQL databases finally have a blogging system to fit their needs!With FlatPress, there are widgets and plugins to make your site as unique as you want it to be.

Cool Features:

  • Open Source
  • Does not require a database to function
  • Looks like WP
  • Plugins and widgets
  • Theme Support
  • Static Page support

Now that you have seen some of the great options available, what will be your pick? Are you going to stick with WordPress? Are you going to try any of the solutions here? Let us know below!

June 21 2010

09:00

How to Create a Tumblr Theme (Code Structure)

As we have previously seen, Tumblr allows its uses to create custom themes giving the owner of a tumbleblog the ability to truly customise their tumbleblog to be their own. While tumblr coding is fairly easy to pick up compared to other more complex blogging systems, I want to give you an insight into the code and structure we are going to be deploying next time around when we set about converting a psd to tumblr.

Understanding the basics

Before we get stuck into the Tumblr code itself, you need to first know what a Tumblr theme looks like. Gone are the gazillion template files of other CMS’s; Tumblr uses one and only one. A single page of html, with the css and scripts in the head of the file is all you’ll need.

Now that you know how a theme looks, we are going to look at two simple concepts that make our single html page into a fully dynamic tumblr blog. These are variables and blocks.

Variables are exactly what the name suggests. A place-holder tag that our data is dynamically inserted into. They are used all across the theme in anything from titles to our dates. They use curly brackets and look like this :

Blocks on the other hand are a sort of step up from variables. They are used to display chunks of html and variables for different occurrences, e.g. for each different kind of Tumblr post. They can even be used conditionally to display stuff such as next and previous page links. Like variables, blocks use curly brackets, but are defined as a block, and open and close in a manner similar to html elements.

Put these blocks and variables to user together within html, and you will end up with a theme!

Html head

As always in Html, there are several pieces of information you are going to want to include within the head of your html document, and Tumblr does not let us down. It provides us with several variables that can be deployed with great ease.

{Title} – The html safe title of your blog

{Meta Description} – An html safe description of your blog for use within the meta tag

{Favicon} – A dynamically generated favicon url from your portrait photo

{RSS} – The url to the RSS feed of your tumbleblog

<head>
	<title>{Title}</title>
	<link rel="shortcut icon" href="{Favicon}">
	rss+xml" href="{RSS}">
	<meta name="description" content="{MetaDescription}" />
</head>

Basic Variables

Before we start displaying our posts and content, there are certain things we are going to want to display around our tumbleblog. Most of these are likely to appear in our header, such as our blog name, and logo / photo. Here are some of the variables that make this possible.

{Title} – The html safe title of your blog

{Description} – The description of your blog which may include html

{PortraitURL-64} - The url to your portrait picture. Different sizes are available (16, 24, 30, 40, 48, 64, 96, 128)

<div id="header">
	<h1>{Title}</h1>
	<p>{Description}</p>
	<img alt="{Title}" src="{PortraitURL-64}" />
</div>

Display Posts

Now that we have set up the easy stuff with some basic variables, it’s time to get stuck into the more dynamic posts which are rendered with the help of both blocks and variables. The posts block is placed in the area that all our different types of posts will be displayed.

Within our posts block, we can start to branch out into our many different kinds of posts. Each of these are shown below.

{block:Text}{/block:Text} – Displays Text posts

{block:Photo}{/block:Photo} – Displays Photo posts

{block:Photoset}{/block:Photoset} – Displays Photoset posts

{block:Quote}{/block:Quote} – Displays Quote posts

{block:Link}{/block:Link} - Displays Link posts

{block:Chat}{/block:Chat} – Displays Chat posts

{block:Audio}{/block:Audio} – Displays Audio posts

{block:Video}{/block:Video} – Displays Video posts

{block:Answer}{/block:Answer} – Displays answer posts

Each different type of post has several different types of variables and further blocks that are relevant only to that type of post, but there are several variables that are likely to be used in ever post such as the link, and tags.

{Permalink} – The exact url for a single post

{ShortURL} – The sharing friendly short url for a single post

{PostID} – The unique numeric post ID for a single post

{block:Posts}
...
	{block:Text}
	<div>
		{block:Title}
		<h2><a href="{Permalink}">{Title}</a></h2>
		{/block:Title}
		<div>
		{Body}
		</div>
	</div>
	{/block:Text}
...
{/block:Posts}

Moving down into each specific post type itself, variables and blocks become far more specific to the post type. I won’t go into any of them as there’s a lot of them to remember, but if you feel you want to take a look at the them now, then here’s where to learn more.

Next / Previous Links

The other majorly important feature you are going to want to include is pagination for your posts and pages; in both cases Next and Previous links, and lo-and-behold, Tumblr caters for both with variables and blocks.

An initial block is used to conditionally display the full pagination html, with two further conditional blocks to conditionally display each Previous and Next link. Finally, two variables are used to display the relevant destination url.

Single posts have different blocks and variables for pagination than those for pages, so here they are.

For pages, these are the blocks and variables used for pagination.

{block:Pagination}{/block:Pagination} – Only displays if there are previous / next pages to link to

{block:PreviousPage}{/block:PreviousPage} – Only displays if there is a previous page

{block:NextPage}{/block:NextPage} – Only displays if there is a next page

{PreviousPage} - Url for the previous page

{NextPage} – Url for the next page

{block:Pagination}
<ul>
	{block:PreviousPage}
	<li>
		<a href="{<span class=">PreviousPage</a><a href="{<span class=">}">Previous</a>
	</li>
	{/block:PreviousPage}
	{block:NextPage}
	<li>
		<a href="{<span class=">NextPage</a><a href="{<span class=">}">Next</a>
	</li>
	{/block:NextPage}
</ul>
{/block:Pagination}

Similarly, for posts, these are the relevant blocks and variables.

{block:PermalinkPagination}{/block:PermalinkPagination} – Only displays if there are previous / next posts

{block:PreviousPost}{/block:PreviousPost} – Only displays if there is a previous post

{block:NextPost}{/block:NextPost} – Only displays if there is a next post

{PreviousPost} - Url for the previous post

{NextPost} – Url for the next post

{block:PermalinkPagination}
<ul>
	{block:PreviousPost}
	<li>
		<a href="{<span class=">PreviousPost</a><a href="{<span class=">}">Previous</a>
	</li>
	{/block:PreviousPost}
	{block:NextPost}
	<li>
		<a href="{<span class=">NextPost</a><a href="{<span class=">}">Next</a>
	</li>
	{/block:NextPost}
</ul>
{/block:PermalinkPagination}

Further Reading

There are several further features that you may want to add into your theme, and as usual Tumblr caters for many of them. However, I simply wanted to go over the basics here, and not flood you with unnecessary information while learning. If you do want to continue reading, take a look at the official Tumblr documentation for these features listed below.

What’s up Next?

Next up is a tutorial that will teach you how to take a psd design of a tumbleblog, and turn it into a fully fledged Tumblr theme. Keep your eyes open for that, but for now, here’s a sneak peek at what we’ll be creating!

Click on the image to see Full Size


June 14 2010

07:00

Getting Started with Tumblr & Custom Theme Design

Websites powered by Tumblr (or Tumblelogs , or tlogs) are becoming increasingly popular. Tumblr fills the gap between Twitter and the full blog, allowing users to post short updates in text, video, photo, link, chat, quote and audio formats quickly and easily. Let’s take a look at the basics of what Tumblr is, and how to get a tumblelog of your own up and running.

What is Tumblr?

Tumblr logo

Tumblr is basically the daddy of the micro-blogging scene. It provides a platform for those updates that are too large for Twitter’s 140 characters, but too small to be converted into a full-on Wordpress blog post. Just like networks such as Twitter, Tumblr has the social feature of being able to follow and receive updates from friends and contacts. Being a hosted service it’s easy to setup and manage, with just a simple sign up screen being all you need to complete in order to start a site of your own. Despite being a hosted service, you don’t have to stick with the mysite.tumblr.com domain, with just a few steps you can configure your own domain.

Tumblr post types

Tumblr allows you to share anything through its six posting options of text, photos, quotes, links, audio and video through the Tumblr dashboard, mobile phone, desktop client or by email.

How do people use Tumblr?

Tumblr is often used alongside Twitter, blogs and social networks as a place to post photos and links, but is also commonly used as a person’s primary website. Here’s a few great examples of how Tumblr is being put to use across the web, notice the familiar elements and features among each site?

View the website

View the website

View the website

View the website

View the website

View the website

View the website

Getting started

To get started with a Tumblr site of your own, first head over to Tumblr.com and create a new account.

Run through the basic options wizard that follows, setting your website title, profile picture and description.

Post some stuff! It’s as easy as that!

You can also integrate your Tumblr site to various other social networks. Post updates to Twitter or Facebook, or pull in RSS feeds from other sources and post them on your Tumblr blog. All these options can be found under Customize > Services.

Customizing Tumblr

Just like the Wordpress application, there’s two main approaches to customizing your Tumblr site. Choose a ready-made theme from the Tumblr Theme Garden, or if you’re confident with hand writing your own HTML, build your own. Let’s start with the easy option – Installing a ready made theme!

To access the commonly used premium themes, go to Customize from the Tumblr dashboard, then select the Themes dropdown. This just a small selection of themes available, there’s many more free and premium theme from the Theme Garden, as well as from third-party developers across the net.

Once you’ve found a theme you like, simply hit Install Theme and Tumblr will do all the work for you.

Building your own Tumblr theme

For those confident with their HTML and CSS skills, there’s the option of building a custom theme from scratch. If you’re used to developing for Wordpress, the process is pretty similar – You insert special tags in the HTML code to add the advanced functionality to the site. Tumblr isn’t quite as advanced as Wordpress, which means learning your way around theme files is much easier.

<h3><a href="{Permalink}">{Title}</a></h3>

There’s two types of template tags in Tumblr – Variables and blocks. Variables are used to insert dynamic data into your theme file, similar to how Wordpress works. For instance, simply insert the tag {Permalink} inside an anchor to generate a link to a post.

{block:Text}
    <div class="post text">
        {block:Title}
            <h2><a href="{Permalink}">{Title}</a></h2>
        {/block:Title}

        {Body}
    </div>
{/block:Text}

Blocks on the other hand, are used to create segments of HTML relative to a certain function. This is how the different posts types (audio, video, quote etc) are generated.

{block:Photo}
	<div class="post photo">
	    <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>

	    {block:Caption}
	        <div class="caption">{Caption}</div>
	    {/block:Caption}
	</div>
{/block:Photo}

{block:Photoset}
	<div class="post photoset">
	    {Photoset-500}

	    {block:Caption}
	        <div class="caption">{Caption}</div>
	    {/block:Caption}
	</div>
{/block:Photoset}

{block:Quote}
	<div class="post quote">
	    "{Quote}"

	    {block:Source}
	        <div class="source">{Source}</div>
	    {/block:Source}
	</div>
{/block:Quote}

Your theme file will need blocks for each of the seven post types in order for Tumblr to render each different style of post. Unlike Wordpress themes that are split across multiple files, your Tumblr theme is basically a single HTML page with all the different post scenarios bundled together.

March 15 2010

10:00

Tumblr: An Introduction Guide For Microblogging – Part 1

Tumblr is set to become the blogging tool of 2010 with its massive growth, yet still many people don’t fully understand what Tumblr does, or how it works. If you’ve ever tried to start a blog, but found yourself struggling to find the time, Tumblr is something your definitely going to want to take a look at.

What is tumblr?

Put simply, Tumblr is a service that does exactly what Wordpress does for blogging, but for microblogging, or tumbleblog’s instead. To fully understand what Tumblr does, you first need to understand what these so-called tumbleblog’s actually are.

A tumblelog is a variation of a blog, that favors short-form, mixed-media posts over the longer editorial posts frequently associated with blogging. Common post formats found on tumbleblogs include links, photos, quotes, dialogues, and video. Unlike blogs, this format is frequently used to share the author’s creations, discoveries, or experiences without providing a commentary. – Wikipedia

What does this mean? Well basically, Tumblr fills the gap between Twitter, where people tweet resources, images, and thoughts, and traditional blogging platforms, like Wordpress where each post is a proper article. Instead, Tumblr works with seven types of post; text, photo, quote, link, chat, audio and video, and it handles them all very well.

Why is Tumblr becoming increasingly popular?

According to Tumblr statistic’s, in the last six months, Tumblr has grown from around 300M monthly page views, to over 1 Billion in February 2010; a massive growth for any product, and it speaks for itself really. A product doesn’t grow at such a rapid rate, if people aren’t enjoying using it.

Easy to update

The biggest reason behind Tumblr’s growing support, is it’s vast number of social features, and it’s ease of use. For a start, Tumblr make it extremely offer for you to post to your blog, even if you can’t access your homepage yourself. Here are some of the clever ways Tumblr makes it possible for you to update your tumbleblog:

  • Text your blog updates from any mobile phone
  • Email your updates via one of the most sophisticated email publishing platform available.
  • Bookmarklet allows you to post anything and everything you come across while browsing the web.
  • Post via AIM by messaging TumblrBot.
  • Phone your TumblrBlog, and leave voice posts.
  • Automatically post from any other site or profile.
  • Use the official Tumblr iPhone app to easily update your blog.
  • Third Party App’s expand your options even further.

3rd Party Applications

As well as the fantastic free iPhone app that is available officially from Tumblr, you also have access to a multitude of applications for the iPhone, Web, Desktop’s, Mobile’s, Widget’s and Browser’s. They are all filed away tidily in an official Tumblr app directory.

Social Network Integration

Definitely high up on the list of reasons for Tumblr’s acceptance has been its solid two-way integration with other social media, and networking services. Part of its automatic posting from other sites come from major names such as Digg, Youtube, Facebook and Twitter, but it doesn’t stop there. As well as having the ability to automatically pull in your content live from these sites, you can also send information back. Facebook is a prime example with its ability to show your activity on Tumblr on your Facebook wall, keeping all your friends up to date with what your blogging and activity.

Other notable features

Other than those already mentioned, Tumblr also focus’ on those important, but small things that you need.

  • Easily add any analytics tracking code you want to your tumbleblog
  • Tubmlr is optimised for Google in everything from the site slugs, to the sitemap
  • Built in privacy allows you to restrict specific posts, or your whole blog to certain people
  • The ability to use your own custom domains on your tumbleblog
  • FeedBurner support allows you to see important RSS feed stats
  • It’s free, and you don’t need to pay for hosting, or storage!
  • You have the ability to create your own custom theme.

What is the backend of Tumblr like?

First off, Tumblr wouldn’t be where it was if it wasn’t for its easy to use backend user interface. The interface is split into two sections; the dashboard, where your’s and other peoples content meet you, and customisation, where you control all sorts of aspects of your tumbleblog.

Dashboard

Posting any of the seven different type’s of content from your dashboard is a breeze, with visual buttons, and a clean design. The backend goes on to keep you up-to-date with all the Tumbleblogs you are following, in a very Twitter like manner, keeping it clean and easy to read. For a look at how the dashboard looks, click on the image below.

Customisation

Customisation though, is a whole different kettle of fish. It is basically a dummy page of your current theme, with one default entry in each of the seven post categories. A menu bar at the top of the page allows you to make many important, and useful changes and decisions that affect your tumbleblog.

The menu provides a multitude of options;

  • Info - This allows you to specify the basic information of your blog; things like your blog title, description, and avatar picture. The notable option here though, is the ability to change your tumbleblog url instantly, or even use your own personal domain allowing you to use a domain without the tumblr.com suffix.
  • Theme – This menu item is fairly self-explanatory; it allows you to select a theme from Tumblr’s “theme garden” to use for your blog. There are over 300 of them, all for free, some of which are of an impressive quality. As well as using a premade theme though, you are given the option to use “custom html”, another way of saying your own custom-made theme, something we will go through in great detail at a later date.
  • Appearance – This allows you to make quick changes to your current theme. Not every theme has appearance options, but the default Tumblr theme certainly does, and allows you to change things such as font’s, colour’s, and background images without touching any code; anther thing that makes Tumblr so popular for those that are not so comfortable delving into code.
  • Pages – This allows you to create static pages, much like other blogging platforms such as wordpress. Pages come in three categories; Standard Layout, Custom Layout, and Redirect.
  • Services – Already I have mentioned the great amount of social networking integration that Tumblr has, as well as its integration with other web services such as YouTube and Feedburner. Services allows you to pick and choose which of these services you want to use, and lets you connect all your accounts up.
  • Community – This allows you to add, as the title dictates, a community element to your blog. There are to ways to do this. One is the creation of a page that allows your readers to ask you questions, and the other allows your users to contribute their own posts to your submission queue for approval by you.
  • Advanced – The final menu item features further options for your blog that don’t really fit into the other categories. These are things like your timezone, url slug structure, privacy options, post’s per page, and so on.

As you change these options, especially your theme options, the dummy page below changes to mirror the choices you have made, allowing you to check how your blog will look, as you work.

Conclusion

Tumblr is a fantastic piece of kit, filling in that gap in the market between products such as wordpress that provide full blogs, social networking such as facebook, and status updating from Twitter, and it does it extremely well.  Tumblr is honestly a pleasure to work with. Simplicity makes the user interface effect and easy to use, and you never feel like there isn’t anything important missing, or out of your control. It makes blogging and sharing things you find on the internet a breeze, and most importantly, unlike Twitter, it does so visually. If you find yourself failing to keep a full blog up-to-date, and enjoy sharing the things you find, the there’s no easier way to do so than Tumblr, so give it a go.

Keep an eye here at 1stwebdesigner for more on Tumblr!

For those that do choose to start using Tumblr, or already do, then keep an eye here, because coming up are several articles that will increase your happiness with Tumblr, such as a roundup of fantastic themes, and more importantly learning how to create your own custom theme! For now, check out these 5 impressive tumbleblogs for inspiration to see what Tumblr is truly capable of.

Metalab

It’s the interwebs

Mark Jardine

Tmblg

Name that film

Hope you enjoyed this post – keep coming back for more!

March 11 2010

07:39

New Premium Series: Tumblr Theme Design – Start to Finish

Tumblr’s popularity over the last year has increased exponentially. The reason why is quite simple: Tumblr is flexible, powerful, and, most importantly, a pleasure to work with. Unfortunately, there aren’t many training resources available for the platform yet. In this video series, we’ll go through the process of taking a Tumblr theme, designed in Photoshop, and converting it into a fully working theme – in just a few hours.

To take advantage of this mammoth video series, become a Premium member!

Watch the Intro

Get the Flash Player to see this player.

The Full Series

  • Chapter 1: Intro
  • Chapter 2: Slicing the Design
  • Chapter 3: Creating the Markup and Adding the Tumblr Template Tags
  • Chapter 4: Adding the CSS
  • Chapter 5: Configuration Options
  • Chapter 6: @Font-Face and Custom Fonts
  • Chapter 7: Slide-out Panel – HTML and CSS
  • Chapter 8: Slide-out Panel – jQuery

Final Design

Thanks to Kate Payton for submitting the design for this tutorial.

Join Net Premium

NETTUTS+ Screencasts and Bonus Tutorials

For those unfamiliar, the family of TUTS sites runs a premium membership service. For $9 per month, you gain access to exclusive premium tutorials, screencasts, and freebies from Nettuts+, Psdtuts+, Aetuts+, Audiotuts+, and Vectortuts+! For the price of a pizza, you’ll learn from some of the best minds in the business. If you’re curious about the other Premium tutorials that we have available, check here. Join today!


Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.

Don't be the product, buy the product!

Schweinderl