Apuntad bien en vuestra cabeza que cuando desarrollamos un sitio web, una parte altamente importante es la de la estructura principal que creamos y que vamos a seguir después, lo que se suele conocer en el diseño web como el ‘layout’.

Con los treinta tutoriales que quedan tras el salto (eso sí, en inglés) váis a poder aprender muchísimo sobre cómo plantear un sitio web, remarcando muchísimo las webs dedicadas a portfolios personales o profesionales.

Asique lo dicho, sin mayor dilación, todo tras el salto. Directitos desde OurTuts.

How to Create a Unique Colorful Site Layout

Design a Beautiful Website From Scratch

Create a Magic Night Themed Web Design from Scratch in Photoshop

Create a Grungy Web Design

Design a creative unusual layout in Photoshop

How to Make a Green & Sleek Web Layout in Photoshop

Create a Clean and Colorful Web Layout in Photoshop

Create a grunge wordpress theme with Photoshop

Create a Nature Inspired WordPress Layout

Create an Amazing Layout Using Textures

Softblue Template Tutorial

Portfolio website Layout Tutorial

Create a Portfolio Layout with Wooden Background in Photoshop

Trendy business & finance layout tutorial

Software Layout Tutorial

Design a creative wordpress theme

Create a Clean and Effective Product Layout

Shopping Cart Design Mockup

Design a simple modern web template in Photoshop

How to Create a “Worn Paper” Web Layout Using Photoshop

How to Create a Sleek and Textured Web Layout in Photoshop

Business website Layout in Photoshop

Stylish portfolio website Layout in Photoshop

Web Design Tutorial: Blog/Portfolio Template!

Create a clean PSD layout with a 3D look

Design a realistic website layout in photoshop

Create an advanced game or clan layout

Create a clean hosting layout

Web 2.0 photoshop layout tutorial

Tutorial RocknRolla Blog Design

A la hora de procesar una foto se pueden llegar a hacer verdaderas obras de arte, pero con muy poquito también se pueden lograr resultados verdaderamente interesantes en el procesado de la imagen.

En Cristalab se han currado un tutorial en el que nos enseñan a retocar la cara de Megan Fox con Photoshop, y se hace en muy poquitos pasos y de forma realmente sencilla y aplicable a otras artes como pintura de coches, por ejemplo.

Si lo vuestor no es el retoque fotográfico tened cuidado, porque engancha…

Este es posiblemente el último plugin de la serie “mb.” que vamos a ver, pero es un plugin bastante interesante desde el punto de vista de las webs con imágenes que necesitan ser grandes y detalladas, algo que en una web suele ser sinónimo de problema.

Con imageNavigator se crea una zona “de arrastre” al lado de la zona dónde se muestra la imagen ampliada, y de esta manera podemos observar todos los detalles de la imagen sabiendo que en que zona estamos posicionados, un poco al estilo de Google Earth.

Lo tenéis disponible para descargar en la web del autor, y os recuerdo que funciona como plugin de jQuery.

Normalmente a la hora de desarrollar un sitio web, el planteamiento de toda la vida es hacerlo pensando en un scroll horizontal, pero de excepciones está el mundo lleno y los sitios con scroll horizontal también están por la red.

Y tengo que decir que en muchos casos este tipo de scroll es muchísimo mejor que el vertical, aunque hay que saber cuando pega y cuando no. Tras el salto os quedan 40 ejemplos de cuando queda bien este tipo de scroll, asique echad un ojo que os van a gustar.

Fuente | WDL

1. Alex Flueras Photography

This art gallery style website features clean lines and lots of negative space. The simple color scheme makes it very easy on the eyes.

2. Bartle Bogle Hegarty

Keep your eye on the sheep, it leads you home. Aside from the fact that this site is horizontal, it features spectacular transitional animation well worth the loading time.

3. Carrot Creative

Carrot Creative features smooth transition and an understated humor. Take a few minutes to explore this site for hidden photos of robots and directions by dinosaur. Very creative.

4.Charlie Gentle

If you like bokeh, you’ll love the way that this site makes it multi-dimensional. The site is simple, but beautiful.

5. Candice Holloway

Another art gallery, this time with framed images and a smoothing background color. It’s straight forward and no frills, but it makes its point effortlessly.

6. C’N’C Costume National

For those of you (ahem, including this writer) who think that blogs should not be horizontal, this site seeks to prove us wrong. Admittedly, this style is not for everyone, but it does have an urban vibrancy that makes you want to scroll through.

7. Dean Oakley

What list would be complete without this entry? Dean Oakley is practically synonymous with horizontal scrolling.

8. Dustin Curtis

Slightly morbid, but none the less compelling, Dustin Curtis’ horizontal website probably reveals a bit more than you ever wanted to know about him.

9. Exit 10 Advertising

This is not your average horizontal scrolling site. It takes you in all types of directions. Fortunately for the user, the navigation bar is always on top so that users can easily move through the site.

10. Elfletterig

Elfletterig is a Dutch site that features a straight-forward horizontal scroll. The reason this website wins a place on this list is the tag-a-long navigation that keeps you from having to scroll all the way back home.

11. Eolo Perfido Photography

The images will haunt you long after you’ve move on to another website. Horizontal scrolling is the most appropriate way of showing Eolo Perfido’s achingly amazing photographs. The scroll silently narrates you through the range of human ideology.

12. Eric Johansson

And for something in a totally different direction, here is Eric Johansson’s cutesy website with its own scroll bar at the bottom of the page. Love the use of lens flare.

13. Faub

Faub is a different type of website, similar to Exit 10 from the no. 9 spot. What makes Faub stand out is unusual navigation. Probably the least usable website on this list, but also the most extraordinary, users must drag the page in order to view content… what little content there is.

14. Frank Giacobbe

Not only does the whole website scroll, so does the menu bar. It features a huge amount of white space and efficient navigation.

15. Front End Design Conference

This site features adorable mascots and bold arrows. Although it’s not exactly the most innovative design, the site works, and keeps users moving forward.

16. Paolo Boccardi Photography

The art on Paolo Boccardi’s site is numbered and makes it easy to navigate. The navigation also features a sneak peak of each photo before clicking.

17. Graphic Therapy

No scroll bar but an invitation to drag the screen left or right. Who can resist the smooth dragging motion Graphic Therapy offers its users?

18. Gavin Castleton

There’s no doubt about it. This site makes you sit up and take notice. Who is this guy and why is he decomposing? Clearly, these questions beg to be explored. Features super fast scrolling. No worry about decomposing while waiting for the page to load.

19. Hotel Oxford

This hotel has a site with a smooth scrolling transition. No jarring stops or starts. Elegant and clean.

20. Handmade Interactive / Jason Love

This design gives you the option to go left or right from the start. Where do you go first? For the horizontal newbies, designer Jason Love makes it clear how to use the site with his cleverly hand-drawn arrow.

21. Hasrimy

Surprisingly content-heavy, Hasrimy packs a lot of punch for a genre that normally features sparse content.

22. Les Hautes-Mynes Du Thillot

French website with a smart navigation bar that follows you wherever you travel on the site.

23. Here Design

Here Design features a slower but very smooth scroll between images. Not only can you navigate with arrows, but you can also select numbers.

24. Contraband

Contraband is a photo essay with amazing images and a smart roll over info box. User can scroll on their own pace or choose auto scroll.

25. Ladio

This Russian site features insane navigation that is certainly not user friendly, but its creative approach to design fills all visitors with awe and wonder and curiosity.

26. Lomotek Polymers

Lomotek has a stable navigation that sometimes gets in the way of content, however it’s always a good thing to have an accessible navigation menu.

27. LoveBento

This site has an interesting design scheme with colorful panels. Interesting concept for an often-updated website.

28. Lucuma

The colors on Lucuma are brilliant. The navigation is out of this world. You will find yourself scrolling back and forth just to see the transitions again.

29. Luke Larsen

If you’re not into goldfish, you may want to avoid this next website by Luke Larsen. This website is heavy on the goldfish but just as heavy on the scroll. Be sure to scroll vertically to read all of the information on his site, and to see more goldfish.

30. Magpie Studio

The letter of the day is “M.” Who knew there were so many different types of Ms in the world? Aside from the Ms, be sure to look through the Selected Projects for some real scroll action.

31. Make Pretend

This site is for anyone who can’t take a hint. In no uncertain circumstances, users who visit Make Pretend know to scroll right. Unfortunately, the lack of a visible scroll bar may stump a few people.

32. James Stone / Mime Artist

This beautiful, dark site is striking without relying too heavily on imagery. Navigation is done by clicking menu items. No manual scrolling here. Lots of content but, at times, difficult to read.

33. Peter Pearson

Directions are lovely, and necessary when presenting information through a horizontal scrolling site. Peter Pearson gets it, and explains to users that they need to move to the right. Brilliant and ethereal.

34. Richard Arran Landscape Photography

This site does a good job of conveying an art gallery feel. The images are easily clickable for a close up.

35. Ricky Cox

Ricky Cox features several sliding windows within one vertical website. This is a combination rarely seen, and it works here because of its smooth manual scrolling and clever design.

36. SectionSeven Inc.

Hover your mouse to the left or right part of your screen and watch the coding do all the work. Beautiful colors, easy transition and seamless components make this website a joy to scroll through.

37. Tyler Finck | Sursly

The transition from Home is completely amazing. Worth checking it out just to see the incredible transition.

38. Stephane Tartelin

Artsy, interesting, and well done. This site features a static navigation bar which is a wonderful idea that makes any horizontal site instantly user friendly.

39. Tinkainteractive

Tired of clicking? Tinkainteractive gives you the ability to hover to scroll, giving your index finger a much-needed break. Very nice color scheme.

40. Vanity Claire

Vanity Claire features lightening fast scrolling, bold colors and lots of negative space to ease the transition. There is no scroll bar, but the very prominent menu bar allows you to go back, forward or return home. What a beautiful site.

Para los que diseñamos en un Mac, es muy importante el hecho de tener las aplicaciones correctas para diseñar y trabajar eficazmente todos los aspectos.

En este caso os presento 14 aplicaciones que ayudarán a que mejoréis vuestra productividad y que podáis trabajar más agusto en vuestro Mac.

Hay de todo tipo, desde servidores de PHP, editores o aplicaciones para usar FTPs. Tras el saltito queda todo bien ordenado.

Fuente | WDL

MAMP

GIMP

Cyberduck

svnX

SvnX is an open source GUI for most features of the svn client binary. It allows you to browse your working copies, spot changes and operate on them but also to browse logs and revisions of your repositories.

Paparazzi

FileZilla

TextWrangler

Inkscape

KompoZer

KompoZer is a complete web authoring system that combines web file management and easy-to-use WYSIWYG web page editing. Think of it as a Dreamweaver alternative.

Simple CSS

VirtualBox

MindNode

Skitch

Pixus

A la hora de diseñar también es interesante fijarse en interiores creados por decoradores y diseñadores que usan 3DSMax o Photoshop.

Estos intereriores destacan por su diseño moderno, por el fuerte colorido que poseen y por las líneas limpias y sencillas que desprenden.

Quedan todos tras el salto.

Fuente | OurTuts

Modern House Interior by diegoreales

3D Escher building by subaqua

BPC Interior Office Render by diegoreales

Double House – Bedroom by diegoreales

4 Houses Bedroom by diegoreales

Terrasse Building – Living by diegoreales

Apartment Buildings Inside by diegoreales

House Kern Interior Charrette by diegoreales

Family houses – Interior by diegoreales

Summer Hideaway by Duophonix

Lobby Project by zoomzoom

Room Interior by ONE Las Vegas

Interior Design by Aniello

Office Interior Design by Ernest Canonizado

Interior Design by DavinLee

Interior Design by Aaron Martinez

West End Interior Design by reillystudios

West End Interior Design 2 by reillystudios

living room black and white by zigshot82

Homes by talesytales

Bed Room Interior by mohamedmansy

Interior by tecsun

BEDROOM INTERIOR by hasansgrafix

cottage interior by ELFTUG

breakfast area by architectragab

bedroom by mr-asa

hotel room by PGDsx

open kitchen interior design by joyoendho

Wash Room by Neellss

orange living room by kehaola

Master Bedroom Interior by zaib

3D – Living Room by BlackWhiteRS

Living room by berenika

Leo Room by DarthMurda

Bath Room by Neellss

living room by zigshot82

My room by andree

Living Room by masvaley

Living room by SCHRAUBENZIEHER

living room – light test 2 by zigshot82

Living Room by =Taragon

Living Room second floor by surono

westport living room by Goodfoot42

New living room by DarthMurda

someone room by ang-ahiera

living room by Neellss

Living room by Geckly

hotel competition 1-room by lenienn

My Home by sharadhaksar

se_twins interior stdio flat 2 by alijoe

No me cansaré jamás de repetir que la inspiración es una de las cosas más importantes de todo diseñador y creativo, especialmente si lo hacemos de los mejores. Por otra parte, no es fácil dictaminar quienes son los mejores en algo así, pero podemos hacer una aproximación.

En esta recopilación tenemos 35 portfolios muy bien diseñados y con un atractivo bastante interesante, que hace que resulten llamativos a la persona que entra en la web para contratarnos. Tenéis todos tras el salto.

Fuente | Designm.ag

Seventy7

31Three

Medicon Media

Jonah Levine

Andrea Dall’Ara

Mutant Labs

Dope

Pod1

Tracermedia Interactive

DTDigital

VReplay Studio

Matty Studios

Project 365

Elmwood

Galan

Full Fat Studios

Michael Dick

Emblematiq

Visualgroove

Toggle

Takeover Studio

Jared Christensen

Jarad Johnson

Yodaa

Paul Barlow

Semplice

Aespec

Imaginaria Creative

Ronnie San

Two24 Studios

Ryan McMaster

Justin Cline

MDX Interactive

Cramer Dev

The Energy Cell