DesignM.ag » Designer Showcase http://designm.ag Articles and Resources for Web Designers Fri, 21 Nov 2014 15:32:44 +0000 en-US hourly 1 http://wordpress.org/?v=3.9.3 200 Portfolio Sites for Web Design Inspirationhttp://designm.ag/designer-showcase/200-portfolio-sites-webdesign-inspiration/ http://designm.ag/designer-showcase/200-portfolio-sites-webdesign-inspiration/#comments Mon, 14 Jul 2014 00:00:54 +0000 http://designm.ag/?p=75862

Advertise here with BSA


Designers and developers are growing in numbers and plenty of these folks have outstanding portfolios. The common advantage of the Internet is that anybody from anywhere in the world can check out your projects during any time of the day! If you wish to land more freelance work then I would recommend taking a peek at your current portfolio to see if anything could be updated.

And to help with building ideas for your own website, I have collected 200 various portfolios of graphics designers, developers, writers, and other digital creatives. This is a massive showcase gallery full of design inspiration for unique portfolio layouts. I strived to include only designs which really change things up from the typical portfolio website templates. Plus in addition to these design examples, I would love to read other people's thoughts on how to build a great portfolio site in the comments section.


Advertise here with BSA

]]>

Advertise here with BSA


Designers and developers are growing in numbers and plenty of these folks have outstanding portfolios. The common advantage of the Internet is that anybody from anywhere in the world can check out your projects during any time of the day! If you wish to land more freelance work then I would recommend taking a peek at your current portfolio to see if anything could be updated.

And to help with building ideas for your own website, I have collected 200 various portfolios of graphics designers, developers, writers, and other digital creatives. This is a massive showcase gallery full of design inspiration for unique portfolio layouts. I strived to include only designs which really change things up from the typical portfolio website templates. Plus in addition to these design examples, I would love to read other people’s thoughts on how to build a great portfolio site in the comments section.

If you like this post you might also like our post 35 mobile responsive portfolio layouts

Mathew Helme

Mat has one of the nicest portfolio sites I’ve seen. The web copy is brilliant, his work is fantastic and the homepage is very easy to scroll through. Perfect example of showcasing work and keeping it simple.

mathew helme graphics web designer portfolio

Aaron C-T

Clean and lightweight is a great way to get started. Especially if you’re new and just building a portfolio, this style is great to capture attention and focus on the work.

aaron freelance portfolio website layout

Becky Murphy

Becky is a writer and illustrator who has created some great pieces and her own book. Her website is a showcase of illustrations and not much else. Great for keeping visitors interested on the quality of your design work.

becky murphy website portfolio layout inspiration

Nidhi Chanani

One of my favorite illustrators is Nidhi because of her style and context. The header banner is unique helps give the website a deeper connection to visitors.

nidhi chanani illustration portfolio website layout

Vitor

Aside from the beautiful animations this layout is futuristic and trend-worthy. I love this design because it focuses on so many different talents while keeping the content front-and-center. It’s a single page website but everything you need to know is right there in your face.

Vitor Rio de Janeiro designer portfolio

Kirk Wallace

A simple setup with a clean display of work. Kirk links out to his online shop where you can buy prints and other designs. Very nice touch when trying to earn some extra cash on the side of project work.

illustration portfolio kirk wallace website

Mary Fran Wiley

Here I like the clean colors and matching tones. It’s not the perfect theme but it does offer everything you’d expect in a portfolio layout.

mary fran wiley portfolio website

Lilondra Ospina

Lilondra uses a lot of textures and bright colors to evoke a more wondrous feeling. Towards the bottom you’ll find client testimonials which is always a smooth addition when freelancing.

ospina portfolio website layout studio

Iris Eda Atalay

On this example I especially love the choice of typography. The font and the size makes everything crystal-clear. All of the work loads on a single page through AJAX without any other HTTP requests.

iris portfolio atalay website layout

Graham Erwin

This simple portfolio is another example of white and clean. Showcasing enough work to catch people’s attention without extra distractions.

graham erwin website portfolio layout

Alecks Faure

Alecks uses a very simple portfolio with just a bit of contact details and further links. In the world of Dribbble this can always be an option to give people a deeper look at what you do without needing a complicated website.

france designer portfolio website inspiration faure

Sean O’Grady

Sean keeps it bright and vibrant which doesn’t always work – but when done properly it’s an exception choice for colors. Try to get a feel for why this design works so well and how it captures interest at a glance.

sean ogrady website portfolio miralize

Thomas Burns

This 2-column layout is very common amongst illustrators. It’s an easy theme to customize and you get to showcase a whole bunch of creative work. If you do any type of drawing, painting, or digital painting this is a great portfolio style.

thomas burns studio designer portfolio

Kevin Kim

Kevin Kim focuses mostly on typography while drawing attention into the page. If you go this route I would even recommend subbing to Typekit and choosing your own fonts. It builds a little more credibility in the design.

web designer portfolio kevinkim website

Diogo Bessa

Diogo uses horizontal blocks to divide sections of the website. This crisp visibility helps users skim and quickly capture interest in different projects. I also really like the header design – simple yet efficient.

diogo bessa website creative portfolio

Dominik Rymsza

On this portfolio there’s a mix of icons, typography, and background textures. The site feels very professional almost like a studio. Great for a personal portfolio as long as you keep a solid branding like Dominik.

rymsza freelance portfolio website layout

Mark Hendriks

The background styles on this website also seem quite vibrant. It’s a tough system but I really like the design. Hard to pull off with a first layout, but not impossible if you know how to stretch or repeat backgrounds.

hendriks portfolio website layout webdesign

Mark Peck

Mark Peck does some excellent work and his portfolio is no different. The header using his photo is a nice way to present who he is to each visitor. Content is clean and readable, plus the work is energetically featured.

portfolio red orange website layout mark peck

Francisco Inchauste

I really like the Finch branding as it’s always caught my attention. His older design was more typography-based while this design is a more of a balanced layout. Lots of great features and plenty of solid work to check out.

Francisco Inchauste finch writer portfolio

Pablo Vivanco

Here’s another simple portfolio without too much on the page. Pablo includes a link to his social networks where you can take a look at related works.

pablo vivanco website layout portfolio

Rhubin Khalid

Rhubin makes his portfolio more about him and his skillset. If you have a crazy skillset & personality then visitors might find you to be quite interesting.

rhubin khalid portfolio freelance designer

Judson Collier

Judson has a centered portfolio with just a few pages. Much of the design uses readable sans-serif typography and bright colors to attract the eye.

judson collier website portfolio layout

Derry Birkett

Derry has more of a blog-style portfolio with updates about new projects. I like the design because it’s unique and there are not many other portfolios using this style.

derry birkett website portfolio blog layout

Lucas Perdidao

What I like most about this portfolio is the fading hover effect over links and icons. His project work is easy to understand while leading right out to Dribbble shots.

lucas perdidao portfolio website layout

Cliff Huizenga

Cliff has a very simplistic design using a top header along with a plain white body section. Few distractions and most of the content is focused on design work. Another good example you could study when building your first portfolio.

cliff huizenga portfolio website layout

Suzanne J Worthington

Suzanne has a very interesting ornamental icon for the portfolios branding. This can be found in the header and favicon section of the site. It seems to provide a relationship between the content and helps draw the eyes further into her site.

suzanne j worthington website portfolio

Derek Fidler

Derek performs a lot of different work and his portfolio showcases everything on the homepage. Everything is easy to maneuver and figure out exactly what you’re looking for.

derek fidler website portfolio designer

Dennis Kramer

I especially like the initial loading effect you get on this portfolio layout. Each project is separated into horizontal blocks which draw attention quickly. Derek performs some exceptional work and his portfolio is an example of professional mixed with creative.

dennis kramer designer freelancer portfolio

Dan Toth

Dan uses a very simple style with some basic navigation and page designs. Mostly white and minimal, keeping the focus on his work seems to be most important.

daniel toth portfolio website layout

Dan Mall

I simply love this portfolio because it has so many dynamic elements. Dan Mall does a lot of interaction design and it shows through brilliantly in his website.

daniel mall interactive designer portfolio

Ryan O. Hicks

Ryan uses a fixed scrolling bar on the website’s header design. It keeps attention and really does stay out of the way of primary content. It’s a clean style with plenty of screen real estate.

ryan hicks portfolio website freelancer

Chad Mueller

Grey and white along with bright colors mix together in this portfolio. His work is featured on individual pages which lead back & forward like blog posts. Easy navigation for first-time visitors.

chad mueller portfolio website layout

Sean McCabe

Sean’s portfolio seems to focus a lot on typography and space. He does custom lettering and the examples of his work take over much of the homepage. It’s a great website and typography lovers would enjoy this design.

typography designer freelancer sean mccabe portfolio

Kemie Guaida

Kemie includes plenty of illustration work on the site. It showscases both her design style and the website’s layout perfectly. If you have talent as an illustrator this is a great idea to keep in mind.

kemie guaida portfolio designer website

Muhamad Ulum

Muhamad uses parallax backgrounds and fixed horizontal blocks to showcase work and his social networks. It is a very simple portfolio and may work for new designers who want more than a minimalist layout.

muhamad ulum portfolio website layout

Carl John Spencer

Carl has one of the fanciest animations I’ve seen in portfolio designs. His fonts and layout add onto this fancy & decorative style.

portfolio site carl john spencer

Naiara Abaroa

Naira has a funky portfolio showcasing more of a developer’s point-of-view. It works perfectly and looks very different from most portfolios. Yet all the key elements are in place to make this an excellent website.

naiara abaroa portfolio website layout

Gregoire Vella

This portfolio features another header photo along with some clean interface features. Some of the portfolio entries utilize GIF animation to catch your attention. Overall is a clean yet detailed layout with some nice color choices.

gregoire vella website portfolio layout

Tommy Beemsterboer

Tommy has an exceptionally basic portfolio with links and some self-explanatory info. Worth checking out just to see how it works and what you might consider regarding a simple design.

tom beemsterboer digital portfolio design

Joshua Raichur

I really like Joshua’s design although it comes across more like a blog. It is a personal website so it does feature his work along with some writing. If a blog is crucial in your portfolio then consider adding those posts onto the homepage.

josh raichur portfolio designer freelance

Jared Nickerson

Jared’s dark background helps each portfolio item snap off the page. This uses a similar 2-column system featured each portfolio item right on the homepage.

jared nickerson portfolio website layout

Jessie Sima

Jessie uses another 2-column style but has more padding between items. There is also more personal information along with portfolio entries. Great example of a talented individual with a very cute website.

jessie sima portfolio website layout

Adam Becker

Adam Becker has a strange portfolio which doesn’t fit into a typical layout archetype. It looks swell but may not be something others think works for their own site. It’s definitely a unique concept, that’s for sure.

white minimal portfolio layout adam becker

Helena Harvey

Helena fixed a rotating image slider on the homepage to showcase work samples. It’s a simple portfolio using the fixed header and other minute page details.

portfolio studio interaction designer

Thomas Pomarelle

I simply adore the colors and textures found on this portfolio. It shows how you can mix simplistic text along with a colorful design to achieve one hell of a layout.

orange portfolio layout thomas pomarelle

Ariel Braverman

Ariel’s site is centered and sweet. The homepage uses a filterable portfolio list where you can sort through comics, illustrations, print work, and other categories. Very nice design and some great dynamic features.

ariel braverman portfolio digital website

Megan Louise

Megan’s site is very quick to load because there aren’t too many resources on the page. It’s simple yet efficient – one type of color scheme that gives off a certain branding of her work.

megan louise pink portfolio website design

Seth Lunsford

Seth has another 2-col design with more of a simple interface. Each project is featured solely on the page and you can rotate through individual projects from the vertical navigation.

seth lunsford website portfolio layout

Jordan Flaig

Jordan uses a fixed background that looks really nice coupled with a sidebar menu. A lot of the portfolio seems dynamic but it’s more of a fixed content layout. The site features outstanding animations with a lot of different techniques.

jordan flaig portfolio website layout designer

Jason Stone

This site uses other parallax interface features along with a simplistic homepage. Everything is featured clean and center on the page. It also has a lot of work details and job history like you might find on a resume.

jason stone website portfolio designer

Kate England

I really like the design style here but some of the text can be difficult to read. Her portfolio definitely feels like a fullscreen website design. It’s creative and just screams “digital designer!”.

kate england portfolio website designer

Whitney Miracle

Here’s another layout which features a very simple color scheme and page layout. Quick load times are important, and in this case she has done a flawless job.

white simple portfolio layout whitney miracle

Chris Dasie

Chris’ website implements a number of horizontal blocks splitting content along the page. It’s easy to skim and provides a quick reading experience.

chris dasie website portfolio layout

Harry Copeman

What I like about this site is the simplicity of both colors and typography. It can work for any type of freelancer and his style is impeccable.

harry copeman website layout portfolio

Los Montoya

The branding is what should immediately catch your attention on this portfolio. Great way to make a name for yourself and keep up with modern trends.

los montoya website portfolio designer freelancer

Keen Ethics

Keen has a more simplistic approach to branding. You’ll find his name along with plenty of work featured right on the homepage. Clean and simple, yet perfect for anyone looking to browse his stuff.

keen ethics portfolio website inspiration

Andrew Verboncouer

Andrew can do a lot of different work and his website is more of a placeholder for these jobs. You can find contact information along with some external links to his profiles. Great example of a minimalist style when starting to build your name online.

andrew verboncouer website portfolio layout

Sarah Enid

Sarah has a very cute layout with lots of space on the page. It was featured in the CSS Awards gallery and I’d say it’s rightfully so. The fox icon is quite adorable.

sarah enid portfolio website layout

Matthias Gille

Matthias uses a simple set of social icons along with a brief description of his work. These types of portfolios are what you need when just getting online, or when redesigning your portfolio to update with a new layout.

matthias gille website layout portfolio

Ian Grivois

Ian uses lots of great typography mixed with various typefaces. The style is very elegant which makes everything easier to read and consume.

ian grivois designer portfolio website layout

Alan Power

Alan also includes some big typography which is thicker and more attentive in comparison. But I’d say it works for his style of portfolio, and it certainly does get attention.

Alan Power website portfolio design

Leanne Kawahigashi

This is a very simple responsive layout designing with a grid in mind. It comes back to numbers and ratios when designing a portfolio in this style.

designer portfolio freelance leanne kawahigashi

Abdus Salam

I really like the header and content style on this page. The only qualm I have is the navigation can be tough to use, but it looks nice mixed into the color scheme.

abdus salam designer website portfolio

Andrew Lucas

Andrew focuses mostly on typography and details on his work to gather attention. It’s a great example of simple design coupled with a personal connection.

andrew lucas portfolio website andy layout

Stuart Regan

Stuart has a very similar website featuring social links and some details about himself. It’s probably the most minimal website you could expect for any creative designer.

green portfolio website stuart regan

Daniel Paul

Talk about a unique experiene! Daniel’s portfolio is like a v-card design where you switch between pages using Ajax. Everything is right on the homepage and easily accessible.

dan paul daniel vcard portfolio website

Jacqui Oakley

Jacqui uses ornamental borders to divide between this 3-column layout. She is an illustrator and I feel this style reflects perfectly on the type of work she does.

jacqui oakley website layout design

Michelle Ouellette

Michelle also does illustration work and her site uses more of a creative typography. It’s much simpler yet the work is still centered and easy to access.

michelle ouellette illustration designer portfolio

Neil J Rook

Neil has quite a different idea mixed into traditional portfolio layouts. Vector icons and colorful backgrounds help the content bounce off the screen. It almost feels too real and the textures are phenomenal.

neil rook website portfolio designer

Lauren Bearpark

I like this design for a more personal touch. Lauren has a fixed left sidebar with information on herself and her work. Then the right sidebar scrolls down with her projects and preview shots.

lauren bearpark website portfolio designer freelance

Clint Tabone

Clint’s fading effect is natural and elegant. Everything comes into view at an even tone and looks spectacular. I would recommend taking a look at his style to see how it compares with other portfolios.

clint tabone website layout designer portfolio

Galynka Boychuk

Dark yet intriguing – this portfolio has a number of handdrawn elements that look spectacular. If you love that hand-drawn style you should take a look at this site to gather some ideas.

galynka boychuk website portfolio designer

Kevin Halley

Kevin’s website is clean and very easy to navigate. Only a couple links in the sidebar while all his work is showcased right on the homepage.

kevin halley website portfolio designer

Nat Al-Tahhan

Nat has some really crazy work and uses a nice portfolio to show it off. Clean text, nice backgrounds, lots of work samples and plenty of information on what he does.

nat altahhan website portfolio digital designer

Huseyin Yilmaz

A similar style can be found here by Huseyin Yilmaz. He includes a photograph of himself along with more details on the homepage. This is always a nice touch to make each visit more personal.

huseyin yilmaz creative portfolio website

Jon Rundle

Jon uses a green color scheme with dark and light text mixed onto the background. His work is stunning and looks fantastic in the grid display.

green portfolio website jon rundle

Ryan Downie

This darker portfolio seems to focus entirely on the work itself. The navigation is simple and while the content may seem crowded, the style works for this setup.

ryan downie website layout portfolio designer

Martin Gorol

Martin keeps freelancing in mind with his portfolio design. It showcases what he can do and what materials he uses for each project. Great design style that I really enjoy.

martin gorol designer portfolio website

Mark Bird

Mark Bird does some creative illustrations which litter the homepage. White and plain in style, it’s perfect for capturing focus right onto the important areas.

website portfolio layout mark bird illustrator

Andrew Colin Beck

Andrew’s website is simple yet elegant in nature. Each of the projects are listed in a grid and stacked onto the homepage for easy access.

andrew colin beck designer portfolio website

Mirco Chen

Mirco has one captivating homepage with a very unique illustration. If you have design anything in your own style it may be worth keeping as a background or header.

mirco chen website portfolio illustration

Charli Prangley

It’s a much simpler design than you might expect, but it does work exactly as you’d expect. Navigation flows and the text is easy to read.

charli prangley portfolio website layout

Sasha Lantukh

Sasha’s logo is very creative and I really like the typography. It may be a little small in the header, but the page itself features everything you would expect. And the header will auto-hide when scrolling down only to reappear on your way back up.

sasha lantukh website portfolio design

Seth Warburton

This portfolio layout is pretty basic and features a lot of text on the page. Great for including blog posts and links to social networks, while also keeping a hold on the work itself.

seth warburton website portfolio design

Nils Vögeding

Nils uses a watermelon texture for the navigation and the green color scheme continues throughout each page. Very cute and very unique in the world of portfolio websites.

nils vogeding portfolio designer

Michal Galubinski

I certainly like the tooltip bubbles and unique styles on this website. It’s a cute design that catches my interest almost immediately.

michal galubinski website portfolio layout

Michael Berger

Brilliant homepage with a lot of eye candy. It takes up the full screen and behaves in a responsive manner on smaller devices.

portfolio website designer michael berger

Pulak Bhatnagar

Pulak uses some creative drop shadow effects on his navigation and slideshow. It’s cool website that almost seems retro in design style.

pulak bhatnagar website portfolio layout design

Beate Siljan

I’d say the projects section on this portfolio brings it home. Featuring multiple examples on the same page is a flawless design trait.

beate siljan portfolio website layout

Rob Sutcliffe

Lots of typography and linked portfolio entries. I love this page because it demonstrates a perfect example of how nice a certain typeface can look within headers and content text.

firefields rob sutcliffe website portfolio

Mustafa Kurtuldu

Beautiful illustrations that almost look like watercolor fill up this homepage. Another perfect example of unique portfolio design ideas that fit right into any website.

mustafa kurtuldu website portfolio layout

Friolaugur Jonsson

Frilli has some creative branding that I really enjoy. A few dynamic elements on the page along with an easy-to-navigate header section.

friolaugur jonsson website portfolio layout

Chris Wharton

Chris has embraced the flat design trend with much success. His portfolio is clean but not too minimal, and uses lots of colors which blend together nicely.

flat website portfolio layout design

Burak Donertas

Animated branding is what first catches my attention. Burak wants visitors to know it’s his website and how it functions is a great example of this desire.

burak donertas portfolio website layout

Alex Eckerman

Alex has a perfect example of simplicity in typography. Some of the text is thin, some large, but it all fits and looks great on the page.

alex eckerman portfolio website layout

Kerem Suer

Kerem is one of my favorite designers because he has worked on so many projects of outstanding quality. His portfolio frequently undergoes an updated design – but each iteration is fantastic and worth checking out.

simple minimal portfolio website layout

Tony Mack

I love the big typography and unique icons found in this portfolio. The work is featured in it’s own section divided by horizontal blocks. But the typography is what really brings this home.

tony mack arts designer portfolio website

Sjoerd Dijkstra

The parallax style on this website can be a little intimidating. I think it could use a bit more space, but overall it’s a very neat effect which showcases creativity.

sjoerd dijkstra website portfolio layout design

Wes West

Cool name, great website, and brilliant design work. Wes has done a number of cool things on this website including the branding and footer design. Take a peek to see what else he’s done.

wesayso wes west portfolio designer

Willem Pirquin

Willem mostly does illustration along with animation and his portfolio shows this. It’s simple yet features exactly what you want to see – great work.

willem pirquin illustrator designer portfolio

Si Maclennan

My favorite part of this website is the responsive design style. Oftentimes navigation can be a pain but this is one great example I’ve found. Also the style is clean and works to really showcase his work.

graphic designer portfolio website layout

Tsuchi Noko

Tsuchi has some cool typography used in his logo design. It immediately caught my attention and demonstrates how the fixed-sidebar design may provide more than easy navigation.

tsuchi noko portfolio designer website

Mariusz Ciesla

My favorite part here is the large header background. It uses some nice colors and stands out from the rest of the page. Nice design style and very easy to navigate.

small portfolio website layout design

Gibran Villela

Probably one of my favorite illustration portfolios for the animation effects. His texture and colors are brilliant, and his portfolio is full of amazing work.

gibran villela portfolio website inspiration

Boris Lechaftois

This portfolio takes a new shift on the idea of left-hand navigation. The main site is separated from the sidebar yet it all seems to flow naturally into one layout design.

boris lechaftois website designer portfolio

Robin Sheldon

Robin Sheldon uses the more traditional 2-col layout for his illustration work. It’s focused on Ajax while still offering pages for contact information.

robin sheldon webstie designer portfolio layout

John Costello

John’s website is minimalist with a focus on typography. The light color scheme is easy to distinguish and provides a simple background for the dynamic content.

john costello designer website layout

Lauren Wunderlich

Lauren’s portfolio is very creative, although it may not seem so right away. There’s a slider button to switch between portfolio & personal content, not to mention the fantastic icon work.

lauren wunderlich portfolio designer

Jamie Heuze

Jamie’s website is dark and crisp. Clear text with a clear goal of attracting attention for the work.

jamie heuze website designer layout inspiration

Valentina Sanders

This is a much more free-flowing portfolio layout without a whole lot of structure. I like the design because it’s simpl but certainly not for everyone.

valentina sanders portfolio designer

Virginia Poltrack

Virginia has some great work samples and the website color scheme is beautiful. Not too loud but not too quiet, either. And her homepage includes other details like a photo and contact links.

virginia poltrack website layout minimalist

Topher Edwards

Topher uses a dark signature right at the top as a way of branding the layout. His work speaks for itself and litters the homepage in a grid-column system.

topher edwards website layout portfolio

Andy Hunt

Andy Hunt has one of the coolest portfolios with a focus on dark colors and textures. The homepage is all you’d need to see to understand he does great work.

andy hunt website layout inspiration portfolio

Kevin McCarthy

Kevin’s portfolio has some nice vector artwork to stand out from other websites. It features a bit of work along with social links and a contact form.

portfolio layout illustrator kevin mccarthy

Jeffrey Zepeda

Jeff’s portfolio listing has 2 columns of rectangular preview images. Hovering onto each will provide some more information along with a followup link.

jeff zepeda website portfolio freelancer

Chris Piascik

Chris takes unique typography onto a whole new level. While it may be better to keep that in written text, the website does stand out and gives off a crazy creative attitude.

chris piascik portfolio website layout

Rovane Durso

Rovane demonstrates some digital design concepts on his animated homepage. Very simple yet dynamic where you may not expect.

rovane durso portfolio website layout

Marcelo Shultz

Marcelo’s work is simply outstanding. His portfolio really showcases the work nicely, although it may appear too squished. The style keeps me interested and makes me want to learn more about him.

marcelo shultz portfolio website layout

Mike Busby

Mike’s typography is something to write home about. The dark layout provides an excellent backdrop for his style.

designer developer portfolio layout mike busby

Derryl Carter

This design looks like it would be created for a developer or programmer. Very crisp text with lots of space for skimming. I like the simplicity as it’s not something you find in many portfolios. Also his “D” logo is pretty cool.

derryl carter portfolio website layout

Vilem Ries

Very professional and easy to catch your attention. The dark background seems more like a studio than a freelancer. But it’s a terrific portfolio example among many others.

graphic designer portfolio website vilem ries

Kai Halfinger

Kai has a wonderful portfolio layout with some easy and clean navigation. I love the design style – it’s so minimal yet detailed at the same time.

kai halfinger website portfolio layout

Buatoom

The logo and header designs immediately scream creativity. His icon work is some of the best stuff I’ve ever seen. I’d say this portfolio really speaks for itself.

designer illustrator dribbble buatoom website

Luke Drozd

Luke’s website can expand quite large to hold 4 or 5 columns of work. He uses a white minimalist design while keeping his work as the primary focus.

luke drozd portfolio website layout designer

Simon Rae

Simon has some great design techniques and his website seems true to character. He’s an art director who has done a lot of different projects – each focused in a clean thumbnail grid.

simon rae website portfolio designer

Tin Nguyen

Tin’s icons are phenomenal and encapsulate the flat trend nicely. He includes links to his resume and some further details about his work ethics.

tin nguyen portfolio website layout

Quek Teng Wan

The header design is what really catches my attention. The colors flow from dark to light in a very natural manner. His work is also exceptional and looks great on the page.

quek teng wan portfolio website layout

D. Moore

I’d say this is a more simplistic design which also includes detailed aspects. Colors, tone, backgrounds, and some work samples to boot.

dmoore artist portfolio website layout

Kyle Wayne Benson

Wacky text coupled with a wacky layout! This is certainly one unique portfolio worth remembering. I like this style because it’s clean yet a little messy without any confusion.

kyle wayne benson portfolio layout

Dave Keller

This site uses a simple color scheme and simple webpage layout. Everything seems to fit nice and easy into the webpage. His portfolio pages are certainly worth a peek.

dave keller website layout portfolio

Jake Holzman

Jake uses a large badge design for a branding effect. His colorful background is captivating and leads visitors down further into the site.

jake holzman portfolio designer website

Tim Denee

Another set of simple thumbnail portfolio entries with a wide array of work. Tim’s website is clean yet efficient. I love his basic design style and really appreciate how it looks on a larger monitor.

tim denee website layout designer graphics

Jason kendall

Jason’s use of dark texture really stands out from other dark websites. His typography is also unique and provides a fun viewing experience.

codeart studio website portfolio jason kendall

Michael Walchalk

Michael has some outstanding work and it completely takes over his homepage. Right from the get-go you know what this guy can do and how good he is. I really like this blunt style of portfolio design.

michael walkchalk website portfolio designer

Zachary Vandehey

This portfolio is a bit smaller than it could be. The design is responsive because it’s so simple and clean. I would expect it to expand further, but everything looks cozy in it’s place.

zachary vandehey illustrator branding webstie portfolio

John Jackson

John does some great work that stands out on his website. I love his style and it’s very creative compared to other simpler websites.

john jackson website portfolio designer

Alexander Vidal

One nice facet about this website is the addition of illustrations in the header. They seem to be more vector-based artwork but it still provides a unique branding for the portfolio.

alex vidal portfolio illustrator designer

Angel Acevedo

Angel has some really funky stuff on this portfolio. It’s very creative and features dozens of work samples. I really like the design and suggest taking a peek.

angel acevedo website portfolio design

Jason Stanley

Simple dark portfolio with a blog, about section, and lots of work examples. These homepages are the best when you can easily scroll through work to check out what you like.

jason stanley website designer portfolio layout

Sarah Surrette

Sarah’s website uses a very cool logo design. Also her portfolio entries are rounded into circles – a newer design trend that looks phenomenal when done correctly.

sarah surrette graphics designer portfolio

Miguelcm

Great icons, simple colors, and a fantastic logo. Not as much design work featured on the homepage but it’s all easy to navigate.

miguel cm portfolio website layout designer

Rafe Goldberg

Rafe’s website uses a dark orange and grey mixture to stand out on the white background. It works as a simple idea, but the homepage could probably use some more examples. Still a fine website that’s easy to read and easy to skim.

rafe goldberg website portfolio layout design

Tomas Hustoles

Very cool yet simple textures found in this portfolio. I like his style of breaking down page blocks into sections.

tomas hustoles website dark layout portfolio

Keith Frawley

Keith uses another creative logo with custom lettering. His portfolio entries are nothing short of amazing – definitely one talented illustrator.

keith frawley happy idiot portfolio website

Steve Czechk

Steve has a really simple layout with contact details and some further links. Going beyond the basics he also has a fullscreen background to catch attention.

steve czechk portfolio website design

Cameron Walker

Cameron uses a flame logo for branding which fits very nicely into the site. I really like the homepage and header sections which contrast brilliantly.

cameron walker website portfolio designer

Dan Cotton

The logo here is something to marvel at. Dan’s homepage is easy to skim yet includes dozens of great work samples.

graphics designer typography dan cotton portfolio

Victor Coreas

Victor has gone for a more subtle color scheme with a basic homepage. It’s not as easy to go through his work in a slideshow but the site loads quickly and does include too many features.

victor coreas portfolio website layout designer

Nikki Galvan

Nikki’s website is very basic and focuses on the fundamentals. Great portfolio style when just building your website for the first time.

website designer portfolio nikki galvan

Dennis Salvtier

Dennis uses colors and painterly effects to stand out from the sea of portfolios. His work is great yet must be found in the navigation off the homepage. His style is clean and orderly – gotta give respect for that.

dennis salvtier studios portfolio website

Craig Watkins

The Wotto logo doesn’t use crazy text, but it does stand out against that header. I really like the homepage because it includes thumbnails along with a fullscreen slider.

craig watkins portfolio artist website

William Gilbert

Will keeps his portfolio entries in grayscale which only change on hover. It’s a nice effect which can work on a subtle website like this one.

will william gilbert portfolio website layout

Jessie Wyatt

Jessie has the typical intro text along with a grid-based portfolio layout. Nice homepage with all the meat and potatoes you’d expect.

jessie wyatt portfolio website designer

George Treviranus

George puts some focus on his blog entries along with portfolio work. It’s a nice homepage with some excellent design skills.

george treviranus website portfolio layout

Candy Niemeyer

Candy’s site uses some damn creative typography. It sure reminds me of pink sugary jawbreakers and similar goodies. Her work is presented right on the homepage without many distracting elements.

candy niemeyer website portfolio pink design

Tifafa

Tififa is branded as a studio website to feature works and contact details on the homepage. It’s a really simple design but it does work nicely.

chinese designer portfolio dark website

John Rainwater

Here’s a 2-column layout featured another header at the top. Those links filter out portfolio entries from the right gallery. It’s a homepage with everything you could ask for.

john rainwater portfolio website layout

Design Garden

The background is my favorite part of this portfolio. It’s a fullscreen photograph along with a centered website. Text is easy to skim and the whole page really looks quite flawless.

sabrina design garden portfolio website

Bogdan Rosu

Icons and pie charts are featured on this portfolio. You’ll also find links to freebies and other types of work.

bogdan rosu website portfolio layout

Brendan Price

Brendan also seems to like the B&W design style of colorless images. The portfolio is very clean and easy to skim without much of a struggle.

brendan price website portfolio layout

Cody Sielawa

This is definitely one of the crazier animated websites that features a lot of dynamic content. The initial loading sequence is quite interesting, along with the portfolio entries.

cody sielawa portfolio website layout

Frederique Matti

Frederique has one very clean interface which is snappy and responsive. Great design featuring some great work.

frederique matti portfolio netherlands website

Xavi Ramiro

Xavi has a cool portfolio featuring a lot of his illustration work. Lots of vectors keep you interested and draw attention further down the page.

xavi ramiro portfolio website layout

Samuel James Oxley

Sam has some nice typography and effects on his portfolio. It takes a little while to load as there are lots of images and textures. But the design is fantastic and his portfolio work is great too.

samuel james oxley portfolio website designer

Eric Smith

Eric Smith has some clean branding along with a very clean webpage. The homepage itself could include a few more examples but the links into his portfolio do work.

eric smith flat portfolio website

Mathieu Croset

Here’s a really cool example of branding. The icon on his homepage is very unique and stands out quite a bit. I love his artistic style and his work is very intriguing.

mathieu croset website portfolio designer

Tim Smith

Tim’s website seems very clean yet efficient with space. His colors work great and I give him a lot of credit for the simple design. It’s not just plain white, but it’s not overly complicated either.

designer developer creative portfolio tim smith

Peter Deltondo

Cool text in this logo which does draw your attention into the page. His creative work is featured right on the homepage with a prominent view of other links.

peter deltondo website portfolio layout designer

Ninetofive

Here’s a more personal portfolio featuring a photo along with some details. This page includes links out to his social profiles along with some info describing what he does.

zan developer cto startup website ninetofive

Sahan Eken

Very cool textures for a brown portfolio design. The homepage is split into horizontal sections which detail various project work over the years. Cool interface with some great aesthetics.

sahan eken website portfolio designer

Hyemi Oh

Here’s a strange portfolio style with odd yet fascinating typography. I really like the design and it’s got some true spirit in this layout.

hyemi oh website designer inspiration portfolio

Ryan Harrison

Ryan’s portfolio just oozes branding. His unique design style really comes through on his website and just feels overtly confident. Excellent way to showcase a sample of portfolio work.

ryan harrison website portfolio designer

Vanessa Fahy

Vanessa uses a lot of smaller text and bigger thumbnails on the homepage. It’s a simple design but stays focused on the primary objective.

vanessa fahy website digital portfolio

Oz Pinhas

Oz has a 2-column portfolio which also includes some descriptive text and social links. Very basic but not too basic – it’s got a nice feeling for simplicity.

oz pinhas website designer graphics purple layout

Lin Chervenkova

The Mindful Pixels website has a lot of cool features. I love the header and the rotating slideshow. All the work is great and the layout is designed with such elegance.

Lin Chervenkova portfolio website designer

Mike Hince

Mike simple UI showcases the type of work he can do. Definitely a clean yet simple portfolio, it’s fully responsive and works great on any screen size.

mike hince website portfolio layout inspiration

Arkadiusz Radek

A lot of green on this page which works in unison to the B&W style portfolio. I like the design because it’s odd, yet captivating. The portfolio items are right where you expect them to be.

arkadiusz radek website portfolio layout design

Emilio Jose Bernard

Emilio uses a bit more green but keeps it all quite simple. His design is easy to browse and the text is a little bigger, too. Nice split between header and content.

green portfolio emilio jose bernard website

Arlo Jamrog

Arlo uses a lot of big text to get his point across. The site loads quickly and features a great number of his portfolio items right on the homepage.

arlo jamrog portfolio website layout

Nate Ferguson

Nate does have a cool website and it seems a bit personal in regards to his work. I like the style and the unique page layout – it’s fair to say this is a one-of-a-kind design.

humblework nate ferguson portfolio website

Adam Rogers

Adam’s logo is another example of great typography. The homepage uses filter links to sort through portfolio entries. For a minimal portfolio this design works very well to showcase his talents.

adam rogers portfolio website layout

Catalin Boroi

This is a portfolio that shows illustration experience by example. The homepage doesn’t just feature project work – it uses vectors and illustrations to decorate the layout. Keep this in mind if you have any Photoshop or Illustrator expertise.

catalin boroi website portfolio design

Tony Phillips

Very cool logo design fitted right into a nicely-textured header bar. Tony does some great work and his branding show this perfectly. It’s a unique portfolio layout with a lot of cool features.

tony phillips website designer portfolio

Nathan Yoder

Some creative icon work coupled with typography brings this portfolio to life. It’s a simple layout with some explosive design trends.

nathan yoder website portfolio layout

Jim Silverman

Jim’s website uses a fixed header and some very clean text. Great example of a light blue portfolio including lots of work samples on the homepage.

jim silverman portfolio website layout

Dan Rose

Dan has a very simplistic portfolio with a lot of pizzazz. His text is big, loud, and easily readable. Also his work is phenomenal including a lot of Photoshop talent.

dan rose designer website portfolio

Daniel Tiller

Here’s a really cool site with branding in mind. This includes a few projects on the homepage along with some further details about the design work.

dan tiller website portfolio laoyut

Geri Coady

A large expansive header is always something which catches my attention. I love this type of vector work and it looks beautiful when placed onto a website. Geri’s portfolio is one such example.

geri coady website portfolio layout

Andrew Hoffman

Andrew’s website behaves more like a CV or resume listing his past education, work experience, and skillset. It uses very small yet simple typography and bright yellow highlights to stand out from the page.

andrew hoffman portfolio website layout

Anil Tortop

Anil is a wonderfully creative illustrator using her talent to design such an awesome portfolio. All of her work samples are extraordinary and the header design is especially pleasing.

anil tortop illustrator designer website

Pascal Gartner

Pascal has a real simple flat website layout using animated page effects. He primarly does development work but you can tell he has a good taste in design. The website is simple and very easy to skim through.

portfolio website layout pascal gartner

Erik Frick

Erik’s homepage uses an infinite loading effect to add more entries onto the page. Once you reach the bottom more portfolio items will be loaded into view. It’s a tricky effect which doesn’t always work – but I really like it on his site and it could work well on yours, too.

erik frick website clean portfolio

Edmund Reed

Here’s a very dark yet detailed website including a lot of animated effects. At some points I feel there is too much dynamic content to the point where is slows down the website. But overall he’s created an outstanding effect and the layout does look extravagant.

edmund reed website portfolio designer

Ilias Sounas

Ilias has a 2-column illustration portfolio which has some cool CSS3 animations. I really like the responsive layout as you resize the window smaller. He doesn’t need too many navigation items so it’s an easily responsive design.

ilias sounas website designer portfolio

Pavel Macek

Pavel’s homepage is small yet poignant. The header includes a bit about himself and the other 2 panels feature his portfolio work. It’s really a simple design but it appears more complex with the color scheme and layout structure.

pavel macek website designer portfolio layout

Chris Fernandez

Chris’ fixed header uses a very creative logo “Click Click Draw”. He does some outstanding character work and his design quality is impeccable. Great portfolio with a great sense of design.

illustrator designer website portfolio chris fernandez

Piper Lawson

Piper has a real clean website featuring dozens of great portfolio entries. I really like this style because the header flows naturally into the body. Page typography differs with each section and it creates a more desirable effect.

piper lawson portfolio website layout

Laura Noll

Laura’s webpage is very basic with easily-accessible content. Her homepage also features a filterable portfolio with web design, print design, illustration work, and other categories.

laura noll website portfolio design layout

Marcus Eckert

Beautiful typography fitted onto a very interesting layout. The use of textures and colors seems odd yet pleasant. This freelance portfolio has a lot to offer and the layout relies heavily on customization(ex: FAQ blockquotes).

marcus eckert freelance ios portfolio

Marilyn Rose

Marilyn’s portfolio website is as clean as they come. Easy navigation, easy content, and deep contrasting text. It may not have fancy bells & whistles but it does work, and it works good.

marilyn rose website portfolio designer interface


Advertise here with BSA

]]>
http://designm.ag/designer-showcase/200-portfolio-sites-webdesign-inspiration/feed/ 0
35 Production Company Websites for Design Inspirationhttp://designm.ag/designer-showcase/35-production-company-websites-design-inspiration/ http://designm.ag/designer-showcase/35-production-company-websites-design-inspiration/#comments Wed, 11 Sep 2013 14:38:09 +0000 http://designm.ag/?p=77263

Advertise here with BSA


Digital media production companies work with all kinds of artists. Production may come in the form of music, video, animation, or some other creative expression. These websites are designed to express the quality of their productions and the team behind each one.

In this collection you will find 35 inspiring production company website layouts. These are perfect for anyone considering a redesign of their own company website - even based in another field. Production companies are like many other companies and would include similar information. I hope these designs may offer a starting point to get working on your own project(s).

Nick Animation Studio

nick nickelodeon studios website animation


Advertise here with BSA

]]>

Advertise here with BSA


Digital media production companies work with all kinds of artists. Production may come in the form of music, video, animation, or some other creative expression. These websites are designed to express the quality of their productions and the team behind each one.

In this collection you will find 35 inspiring production company website layouts. These are perfect for anyone considering a redesign of their own company website – even based in another field. Production companies are like many other companies and would include similar information. I hope these designs may offer a starting point to get working on your own project(s).

Nick Animation Studio

nick nickelodeon studios website animation

Blue Sky Studios

blue sky studios website layout

Maxtron Media

digital website layout maxtron media

Northern Blue

northern blue website layout inspiring

Carsey Werner

carsey werner productions website layout

Blare Media

blare media website layout inspiring design

Apostle

apostle nyc website layout production company

Dori Media

dori media productions website layout

Merit Motion Pictures

merit motion pictures production company

Primal Scream Music

fullscreen background primal scream music website

Zenith Productions

zenith productions company website layout

Strix

red webstie layout strix production company

Pilgrim Studios

pilgrim studios website layout production

FOX Searchlight

fox searchlight production company website

Zodiak Media

zodiak media productions company layout

McElroy Films

mcelroy films production company website

Pheonix NYC

pheonix production company website layout

214media

214media production company website dallas texas

Electus

electus production company website layout

GrooveWorx

grooveworx website layout production company

Wonderland Sound and Vision

wonderland sound vision production company

Lionsgate

lionsgate production company website layout

G4TV

g4tv techtv website layout production company

hitRECord

hit record website layout design productions

North South

north south production company website layout

Shine America

shine america production company layout design

Zinkia

zinkia website production layout inspiring

Rivr

rivr website production company layout

Hasbro Studios

hasbro cartoon animation studios production company website

Blowback Productions

blowback productions company website layout

Flashpoint

flashpoint productions studio website layout

Powderhouse

powderhouse website layout inspiring design

Katalyst

katalyst network website layout design inspiring

Asylum Entertainment

asylum entertainment website production company

Hoff Productions

hoff productions company website layout design


Advertise here with BSA

]]>
http://designm.ag/designer-showcase/35-production-company-websites-design-inspiration/feed/ 0
How to Build an Eye-Catching Portfolio Layouthttp://designm.ag/designer-showcase/tips-building-creative-portfolio-layouts/ http://designm.ag/designer-showcase/tips-building-creative-portfolio-layouts/#comments Thu, 20 Jun 2013 14:33:40 +0000 http://designm.ag/?p=75364

Advertise here with BSA


Both personal and corporate portfolios require careful attention to detail. There are lots of new user experience techniques which can offer a seamless interface for designers. And when presenting your work online it is worth spending a bit of extra time to ensure your strategy will impress visitors.

I want to share a few ideas for when you are crafting a new portfolio layout. These trends will obviously advance as time goes on. Digital creatives are often the first people jumping onto new trends, and so it is reasonable to assume portfolios may resonate newer design ideas in the future. But not every idea is going to be perfect for your website. It takes a bit of critical thinking to determine which design styles would fit best into your own personal or company portfolio layout.


Advertise here with BSA

]]>

Advertise here with BSA


Both personal and corporate portfolios require careful attention to detail. There are lots of new user experience techniques which can offer a seamless interface for designers. And when presenting your work online it is worth spending a bit of extra time to ensure your strategy will impress visitors.

I want to share a few ideas for when you are crafting a new portfolio layout. These trends will obviously advance as time goes on. Digital creatives are often the first people jumping onto new trends, and so it is reasonable to assume portfolios may resonate newer design ideas in the future. But not every idea is going to be perfect for your website. It takes a bit of critical thinking to determine which design styles would fit best into your own personal or company portfolio layout.

Single Page Layouts

The popularity of single-page parallax scrolling websites has become enormous. JavaScript libraries are growing rapidly and this allows designers to scale out their own projects very quickly. The appeal towards single-page websites is that all your major information may be kept in one place. This means no further HTTP requests and your visitors have direct access to everything on a single page.

leo tartari ux designer website layout

There are plenty of drawbacks to using this method and it really only works if this design is your final goal. Some creative professionals and corporations need to use multiple pages and subpages for getting all their content online. However freelancers singular entities like Leo Tartari can put together a splendid performance within just a single page. The content is easy to read and organized in a beautiful presentation which really catches your eye.

tyler smith branding web developer portfolio website

Now another fascinating difference is in the amount of information you choose to portray on a single page. Leo’s design has many larger panels which each display a small amount of information. It is definitely a creative endeavor and works perfectly for the style. Yet we might also compare the portfolio of Tyler Smith, which is a lot neater and less detailed. His features consist only of his personal projects and a brief summary about himself. These two contrasting examples of single-page design offer a broader spectrum of what is possible for your own portfolio website.

Big Imagery

Typically you can find big oversized images in the website’s of media companies and design agencies. However various portfolio elements can benefit using large photographs and background images. The homepage design of Francisco Inchaust’s portfolio has a nice background image covering a large span of the header. The colors blend nicely with the rest of the layout and it provides a common branding theme within the other pages.

portfolio writing design for francisco inchaust

Other pages on the site are built around typography and standard practices. I like his design a lot and have been following the layout over a couple years. I think the biggest takeaway is how flexible your portfolio layout can be, even by using a mixture of various design elements. Good typography coupled with eye-catching imagery is a nice way to grab people’s attention.

Focus on Typography

When I mention typography it is worth noting this is a separate idea compared to a text-centric website layout. Every portfolio should be using some text and thus you will need to handle the typography in some way. But other portfolios may be constructed solely around text on the page.

josh austin portfolio dark website typography text layout

The portfolio of interaction designer Josh Austin is a great example of minimalism with a focus on typography. You can find great information on his work, his skills, and some other background knowledge. Portfolio designs like these should not take a whole lot of time. But contextual layouts can still make a big impact when the copy is written in just the right way.

Minimalist Content

Designing content along with minimalism is quite possibly the most heavily used portfolio layout scheme. I have witnessed dozens of various portfolio layouts which all focus around a minimalist design. The goal is to generally present the least amount of information that is needed for your visitors. Make the design clean, the navigation easy to find, and the page text easy to consume.

chris masterson website minimalism inspiration gallery

Looking at the portfolio for Chris Masterson you can tell a lot of detail has gone into the formatting. Each of the portfolio entries is designed to have it’s own page. Much of the layout is focused around imagery – which would be a good starting point for designers. The layout ideas are great because it leaves each aspect of the site to be very malleable. You can change around the different elements and it will all still look pretty great.

nerdy hippo website layout inspiration minimalism portfolio

To design a website around minimalism is also to cut back on unnecessary content. Generally you do not need an extra Twitter feed widget or other related distractions. The beauty of minimalism is within the lack of distractions. Visitors can focus on your work and your credentials which is what really matters. There are so many more examples of minimalism which I have not included in this post. Check around the Internet with a Google search and see if you can put together other fundamental design ideas.

Final Thoughts

The chance to build a portfolio is rare because designers are not often working on other people’s websites. So it is worth spending a bit of time to do research before jumping head-first into your own project. And it is crucial that your visitors and clients may view your past work, read about who you are, and possibly what skills you have to offer. Try combining a few of these techniques along with your own ideas and you can surely put together one outstanding portfolio layout.


Advertise here with BSA

]]>
http://designm.ag/designer-showcase/tips-building-creative-portfolio-layouts/feed/ 0
100 Best Web Design Blogshttp://designm.ag/designer-showcase/top-100-highest-quality-web-design-blogs/ http://designm.ag/designer-showcase/top-100-highest-quality-web-design-blogs/#comments Wed, 13 Feb 2013 23:02:49 +0000 http://designm.ag/?p=70879

Advertise here with BSA


Over the past 10 years there have been hundreds and possibly thousands of new web design blogs launching online. A small handful of these blogs are still online today, and an even smaller number are still publishing great content. As we move into 2013 it seems like a good idea to dig into the design industry and collect some of the best resources for helpful information.

In this gallery I have put together the top 100 online magazines & blogs for web designers, in no particular order. The topics range from web design to Photoshop tutorials, freebies, user experience design, and even web development techniques. I do sincerely hope this gallery may be useful for many years to come these blogs grow in popularity.

24Ways

24ways web design ui blog articles

In my list of all-time favorite blogs 24 Ways has my top vote. Many of their articles focus on obscure web development techniques which are not handled in depth anywhere else. Think of topics such as character encoding, Bootstrap tutorials, complex CSS3 media queries, and lots of other good ideas. Definitely recommend skimming their headlines because you may be surprised at the high-quality content in their articles.


Advertise here with BSA

]]>

Advertise here with BSA


Over the past 10 years there have been hundreds and possibly thousands of new web design blogs launching online. A small handful of these blogs are still online today, and an even smaller number are still publishing great content. As we move into 2013 it seems like a good idea to dig into the design industry and collect some of the best resources for helpful information.

In this gallery I have put together the top 100 online magazines & blogs for web designers, in no particular order. The topics range from web design to Photoshop tutorials, freebies, user experience design, and even web development techniques. I do sincerely hope this gallery may be useful for many years to come these blogs grow in popularity.

24Ways

24ways web design ui blog articles

In my list of all-time favorite blogs 24 Ways has my top vote. Many of their articles focus on obscure web development techniques which are not handled in depth anywhere else. Think of topics such as character encoding, Bootstrap tutorials, complex CSS3 media queries, and lots of other good ideas. Definitely recommend skimming their headlines because you may be surprised at the high-quality content in their articles.

Codrops

Codrops web design tutorials blog agency

The web development agency Tympanus has been publishing online for years under the blog name Codrops. These ideas include not only design trends and UI articles. But many of the tutorials are based around unique CSS3 & jQuery effects. Also their playground section features loads of free plugins and open source code for download. This blog is a very well-rounded choice for passionate web designers.

CSS Tricks

Chris Coyier csstricks css3 properties tuts code snippets

For those interested in frontend development I have to recommend CSS Tricks. They have been running online for a few years and have amassed a large series of very helpful articles. Contrary to other dev blogs, many of their codes are much simpler to implement and easy to copy/paste for your own layouts.

Speckyboy

Speckyboy Design Magazine website layout articles coding

If you are looking for another all-around contender for the best design magazine then Speckyboy is an excellent choice. The site curates at least one new article each day and offers a wide variety of content. Design and web graphics are a big part of the content, but Speckyboy also publishes articles related to freelancing and web development techniques.

Treehouse

team treehouse blog education resource

Treehouse is a newcomer to the scene having only been online for about a year or two now. The founder Ryan Carson built Carsonified and has started Treehouse as an educational resource for those interested in building web or mobile applications. The blog includes loads of tutorials ranging from HTML5, CSS3, JavaScript, PHP, Ruby on Rails, and even Objective-C.

A List Apart

A List Apart webdesign blog popular screenshot 2013

This blog is easily one of the most renowned brands among web designers worldwide. The articles featured on A List Apart have offered incredible benefits related to basic HTML and CSS rules over the years. Their authors have been on top of trends right from the start and their archives date back to 2005 which includes a litany of great ideas.

Smashing Magazine

Smashing Magazine website layout articles ux germany 2013

As a follow-up I would argue Smashing Magazine is another renowned brand amongst designers in the field. Their blog has been online for just as long and employs many freelance writers. Their topics focus on a range of new groundbreaking ideas which shatter the mold of typical web design. Smashing coding, UX, and other mini focus blogs have launched online to focus in niche areas of web design techniques.

Onextra Pixel

oxp one extra pixel webdesign blog screenshot

OXP offers an all-around feeling of design security and great inspiration. You may find loads of ideas published on their website, including various tutorials on frontend and backend techniques. Many of their inspiration showcases are dedicated to offbeat trends which definitely catch your eye.

Cats Who Code

cats who code blog coding tutorials open source snippets

Cats who Code is a unique WordPress blog focusing on web development trends. Much of the content is directly related to web development techniques, but also holds an interest for WordPress users. They have put together a nice collection of snippets for developers to include at their own choosing.

Noupe

Noupe web design blog magazine inspiration

The Noupe design magazine has gone through many iterations of website layouts. Altogether I would say their content is geared more towards graphic designers with a deep niche in web design. Although compared to many of the other blogs Noupe is definitely a classic design-related publisher. I am a big fan of their larger showcase roundups.

1st Web Designer

minimal 2013 redesign 1stweb designer blog

1st Web Designer has been online for a few years now and boasts a tremendous amount of content. Many of the showcase galleries rank very high in Google which has drive a lot of new visitors in a short period of time. Users also seem to enjoy the minimalist blog layout which is easy to navigate and switch between pages.

Web Design Ledger

WDL website blog ledger layout inspiration

WDL has to be in my favorites list by the sheer amount of articles they have kept online. If you search through Google Images you can likely find a series of their old website layouts from archived showcase galleries. I think this is where Web Design Ledger shines the most, which includes web design inspiration along with graphics and general forms of art.

Design Shack

DesignShack web design blog articles featured 2013

The Designshack blog has evolved over the years and grown to include a series of pieces for user interaction. The blog content is tremendous and focuses mostly on frontend web development. However the topics they do cover are very in-depth and provide an excellent resource to learn about newer techniques.

Template Monster Blog

Web Design Template Monster articles and code tutorials

Template Monster has been one of the largest online website template retailers for many years. I can remember first visiting their site in the early 2000s and being shocked at how ingrained their links appear into Google. Recently they launched their own web design blog which publishes opinion articles, tutorials, and some cool freebies every so often.

Bloom Web Design

inspiration and tutorials web design blog bloomdesign

Bloom Web Design has evolved into a magazine dedicated to great ideas and great technology. You will find a lot of showcases on the blog, along with good pieces explaining ideas in the design community. The site also publishes design related tutorials for Adobe Photoshop, Illustrator, and Flash.

Awwwards Blog

Awwwards web design blog showcase articles

Awwwards is a website gallery devoted to the best layouts found around the Internet. Designers and webmasters can submit links for consideration into the gallery which can drive a small amount of traffic. Their blog also focuses heavily on website aesthetics and trends among other designers.

Blog.SpoonGraphics

web design 2013 layout spoongraphics blog articles

Chris Spooner is a freelance designer from the UK who writes many articles on his own blog SpoonGraphics. These articles include lots of free content, mostly icons and PSD/AI files related to website graphics. But there are also plenty of tutorials on frontend dev techniques. Check out his blog for some nice ideas related to web design inspiration.

Hongkiat

Hongkiat web design blog 2013 redesign layout

The weblog Hongkiat is definitely geared towards web designers and also graphics designers. Every so often they will publish complex dev tutorials involving jQuery, PHP, and backend databases. Also plenty of free HTML5/CSS3 code snippets and related tips for building good websites. The blog usually publishes more than one post each day and the content is full of helpful information.

Creative Overflow

website blog layout creativeoverflow designs

The Creative Overflow blog has a really outstanding layout when you first check. The graphics are aligned perfectly and look very nice in comparison to other page elements. The categories feature many general topics like freebies, tutorials, and web design trends. Also their showcases are fantastic and full of great examples.

Web Design Tuts+

webdesign+ tuts network envato blog

The entire Tuts+ network has been created by Envato and features loads of great content. These tutorials are geared towards the different categories related to subdomain names, and in this case Web Design Tuts+ is directly focused on web tutorials. These are mostly pertaining to frontend or backend development, but there are lots of great design tutorials among the mix.

Web Designer Depot

wdd web designer depot magazine blog

Web Designer Depot is another magazine which has been online for a very long period of time. Their articles have gradually moved into the arena of web design & user experience trends. Many of their tutorials are great for beginners who are new with the topics of jQuery or similar JavaScript libraries.

UX Booth

user experience articles magazine uxbooth

When it comes to publishing on User Experience it is clear that UXBooth takes the cake. Their entire blog is dedicated to building a solid user experience and what it takes for platforms to entice users. These may be website layouts or possibly mobile applications, or even desktop software. Any designer interested in UX techniques should check out this blog.

Colorburned

Colorburned wordpress web design blog layout 2013

Colorburned is a unique design blog catering towards inspiration and design tutorials. Many of the articles and galleries include detailed examples for the various trends presented. Also a good number of frontend tutorials are published, along with articles on WordPress development.

Tutorialzine

Tutorialzine web blog design coding tutorials

If you are looking for online web development tutorials then look no further. Tutorialzine is an entire blog dedicated to web development resources. Their tutorials are unique and offer terrific insight towards the various web languages. Also each tutorial includes downloadable source code which you are free to edit and copy for your own projects.

DesignWoop

designwoop inspiration blog tutorials wordpress

DesignWoop was launched online just recently and has grown a fairly sizable following. Their content is focused on design resources such as freebies, fonts, icons, and graphics. Also many of the tutorials include frontend tips for building HTML5/CSS3 website interfaces.

Crazy Pixels

crazy pixels website layout blog designs

Crazy Pixels is a web design blog which also caters to users and freelance clients. Much of the content includes showcase galleries and ideas for newer web designers. But you can also find posts for more circumstantial designs, such as Facebook covers and business cards.

Design Your Way

design your way blog website layout

We can see on Design Your Way a list of design inspiration posts. Many of these are focused on website design, but also include typography and digital graphics. The blog is open for writers and allows a wide variety of showcase content to be published.

Vandelay Design Blog

Vandelay Design Blog website layout interface

Vandelay Design is a freelance studio coupled with their own blog. The content includes a wide variety of freebies such as CSS3 interface elements, WordPress themes, and icon sets. There are also many tutorials related to frontend web development techniques. Open source code is available for download on each tutorial in the blog.

SpyreStudios

web design tutorials spyrestudios 2013 magazine

Many designers have noticed SpyreStudios and enjoy the relatable website content. Many of the posts are showcase galleries along with HTML/CSS/JS tutorials for general website UI. However the galleries include loads of great examples which you probably will not find elsewhere. Spyre is a fantastic design blog and definitely worth checking out if you have never seen it before.

.Net Magazine

dot net magazine publication website blog

Dot Net magazine is actually a real publication which ships orders of physical magazines around the world. But along with their physical subscribers the site also publishes smaller articles in an online blog. Many of the writers also publish in the magazine, but there are additional freelancers on board as well. The topics range from basic web design to frontend/backend programming for web applications.

DevGarage

devgarage blog design freebies inspiration

DevGarage is a nice website for designers which also has a small niche in development. The articles often focus on trends in the design world, along with freebies and showcases. The collections relate to resources for designers such as fonts or online code snippets.

Smashing Hub

design blog smashinghub website interface layout

The Smashing Hub design blog offers a collection of posts which have been online for many years now. The contents range from Photoshop designs and photography to also include web development tutorials and WordPress freebies. Dig through their archives and see if you can find any relatable articles.

Vanseo Design Blog

vanseo design blog website interface tutorials

Vanseo Design has been climbing in the Google search rankings for a couple years now. Their articles are dedicated to design trends which relate to SEO and marketing. Designing a website is not the end of your job since Google and other search engines want to organize this content. Their blog is fantastic to browse through and check out some of the more captivating headlines related to branding and social media.

Designrfix

blog website social news community webdesign designrfix

I really enjoy Designrfix not just from their own blog posts, but also including their own social news component. Anybody has the option of submitting design related posts into their news feed and these will show up in the sidebar area. But their blog posts also feature great content which is mostly dedicated towards inspirational showcases.

Campaign Monitor

campaign monitor email newsletter web design tips

If you are interested in E-mail Newsletter designs then I have to recommend Campaign Monitor’s fantastic design blog. Many of their articles relate to newer announcements in email designs, such as bug fixes or hacks in email clients. Their site has a lot of great content on email design and it may prove to be the greatest resource on this topic.

Underworld Magazines

weblog design layout website interface inspiration

Underworld Magazines is a general design blog with a solid grip on the industry. This includes interviews with many prominent designers and freelancers from around the world. But you can also find great tutorials and digital graphics released as freebies on the site. The blog is constantly publishing new articles so be sure and check back frequently.

Naldz Graphics

NaldzGraphics webdesign showcases roundups inspiration blog

Naldz Graphics is home to a large number of graphics design inspiration on very obscure topics. These graphics can relate to web design, but also include various forms of digital artwork. There is plenty of great content to find and I would recommend searching through blog entries for some topics you are interested in reading. Illustrators and graphics designers will especially enjoy the roundups for inspiration.

Design Instruct

Design Instruct website layout blog 2013

Design Instruct was created and launched by Jacob Gube who has written many various articles on the web. This blog is focused on web design techniques and freebies for designers. You can also find giveaway packages and freebies littered among their post archives.

DzineBlog

DzineBlog website layout wordpress tips tricks

DzineBlog is an all-around general design magazine which focuses a great deal into all forms of digital artwork. Many of the posts are showcase galleries or in-depth articles looking at industry trends. But this is the best place to check out for topics like business cards, packaging design, branding, logos, and other various forms of media.

Dzinepress

dzinepress website magazine 2013 layout inspiration

Recently the Dzinepress website has been given a dramatic overhaul with a much-needed layout redesign. I enjoy a lot of their content which focuses around lots of web fonts and logo designs. People who are interested in branding will especially enjoy many of their posts.

Six Revisions

sixrevisions blog website layout designs

Six Revisions is another design blog launched under Jacob Gube, although much older than Design Instruct. The posts on here relate more towards web developers and often include complex frontend tutorials. These are great for developers who want to delve into JavaScript and CSS techniques for building dynamic webpages.

Designs Madness

designs madness website blog inspiring posts

Designs Madness is a blog with a great reach into other areas of web design. Many of their articles focus on new-age media such as Facebook or Joomla! designs. You can also find loads of galleries which include infographics, stock photography, and Internet-based advertisements.

Inspired Magazine

inspire magazine blog website interface inspiration

Inspired Magazine holds very true to its name and offers a great collection of inspirational design materials. You can browse through their archives and find a ton of web design content. I love their layout which is very simple to traverse in comparison with other design blogs. Also the colors work nicely to not distract from the main content.

Web Designer Wall

webdesignerwall blog magazine layout

I do truly enjoy Web Designer Wall since they have such a rich collection of web development techniques. There are some inspirational gallery-type posts in the site, but many of the blog articles focus on frontend design or development tutorials. Although content has slowed in recent years WDW is still very active about posting.

Creative Bloq

creativebloq blog website design inspiration

This is a cute play on words by spelling Block as Bloq, which also looks like Blog. Their website follows the typical magazine-style layouts you can see in newer WordPress website themes. This allows readers to quickly skim content and find headlines much quicker. Their content includes all-around design resources, but check out their categories for a better idea.

Pro Blog Design

pro blog design magazine layout articles blogging

Pro Blog Design is another website which has been online for a number of years. Their content has improved over time and the layout has also seen many different iterations. I find these posts are geared more towards bloggers or designers working to build blog layouts. It is a specific niche which does not have many other competitors with this level of good information.

Web and Designers

web and designers website layout articles

Along with the very creative name, Web and Designers is a great blog worth spending at least a few minutes checking out. Their content has been consistent for a while and includes lots of great freebies and open source code. There are also a lot of WordPress posts which include plugins or smaller sample function codes.

10Steps.SG

10steps blog sg photoshop graphics tutorials

The design blog 10Steps.SG is a Photoshop-centric website which targets tutorials and free resources. They have been publishing for a long time and many of their posts rank very high in Google searches. If you are new to Photoshop or just want to brush up on some techniques this is a great blog to visit.

Designmodo

DesignModo website blog layout inspiring posts

Designmodo has just recently gone through a design overhaul producing a brand new minimalist layout. I really like their website and also enjoyed their past layout, but obviously the new launch has driven loads of brand new readers. Aside from the free content you may also find premium plugins or themes which you can purchase and download from the site.

Design Beep

Design Beep website layout 2013 magazine posts

Another great inspiration blog Design Beep runs a standard website layout which handles a wide variety of content. Many of the posts are showcase galleries with an inundated trend towards website design. However there are other graphics-related posts which include photography and icons as well.

Web Design Dev

web design dev tutorials articles magazine blog

Web Design Dev is the self-branded creative online journal for web enthusiasts. They publish a lot of different content all pertaining towards website design & development. You will find loads of great tutorials and freebies for download, along with some opinion pieces every so often.

Unmatched Style

unmatched style blog news gallery webdesign

Unmatched Style is a newer design blog which holds a great deal of content and has kept up with publishing for a while. The site is designed around a showcase gallery which hosts many great examples for website layout trends. But the blog/news section is updated frequently with new posts and happenings from around the world.

Orphic Pixel

orphic pixel website webdesign inspiring posts

Orphic Pixel is your typical run-of-the-mill design blog which hosts a large amount of different content sources. Website graphics and logo designs are typical and this leads to many dynamic showcase galleries. But their content is very helpful when looking for unique ideas after starting a new design project.

Line25

line25 web design blog 2013 chris spooner

Line25 web design blog was launched by Chris Spooner to include a wide variety of helpful resources to designers. There is a great deal of inspirational posts but not without other great content. Their articles and tutorials look into many aspects of design such as web typography and jQuery development.

Web Design & Such

web design and such blog magazine posts

Here we have another great design blog with a solid focus on tutorial content. Many of these blogs do not exist anymore, or just don’t keep up with new content. But Web Design & Such is constantly publishing new tutorials related to HTML5/CSS3/JS and even WordPress posts. Be sure and check out their archives to see if you can use any of their great publications.

Build Internet

tech news social media buildinternet magazine

Build Internet is a large magazine geared towards Internet trends and technology in general. But there is a great deal of design-related posts and opinion pieces about creating websites. Also they feature tutorials for developers and designers which is a nice bonus. Dev content even includes some aspects of iPhone app development which is a rare occurrence on the web.

You the Designer

you the designer website layout designs

You the Designer is a graphics design blog which publishes loads of new inspiration showcases. Their website has a lot of cool features like a job board for freelancers, along with a freebies section to include lots of free downloadable content.

DesignFloat Blog

web design blog trends designfloat pligg cms

There must be some readers who are familiar with the Design Float social news website. Their website curates some of the latest blog posts from around the web which get voted on by the community. Their website also hosts a small inspiration blog which publishes a lot of innovative galleries on newer graphics design trends.

Web Resources Depot

webresources depot layout 2013 design blog

Web Resources Depot is a trendy blog with a very hip naming scheme. Their layout has been recognizable and online for many years, so the fan following has grown by a wide margin over time. Much of their content relates to inspiration resources and free downloads. It is a fantastic website which I would recommend to any graphics/web designer.

Code Handling

code handling programming tips magazine webdev

Code Handling is a free online blog publishing content related to web development tips. The layout is very minimalist but offers a great deal of content. I would recommend skimming their categories to see if there is any interesting post content related to your own work.

Bittbox

Bittbox website design inspiration magazine

Bittbox has been online a number of years and continues to add new content every week. I enjoy the layout which has presented clean and clear information at the front of the site. The content is focused on design freebies which mostly include patterns and textures for web layouts.

WPBeginner

Wordpress Beginner tutorials blog magazine

There will always be designers who are interested in moving into the realm of WordPress development. However where can these new users to go study? The WP codex is a nice place to start, but for tutorials I would have to recommend WP Beginner. Their blog has all the WordPress content you will ever need and boasts a considerable fanbase.

Paulund

minimalist blog magazine webdesign trends tips

Paulund is the design blog of freelancer Paul Underwood who writes on tutorials and exciting new web design trends. Paul is fantastic with WordPress development and often publishes his code snippets online for free. The blog is also simple to navigate and performs well in all browsers.

InstantShift

instant shift webdesign technology blog posts

InstantShift offers a myriad of post content which expands well outside the realm of web design. Many of the topics are focused on the web – and especially WordPress tutorials or code snippets. But you will also find examples of design inspiration related to photography, web fonts, and icon design.

PixelClouds

pixel clouds website interface designs layout

Speaking of minimalist web design, Pixel Clouds has to be the cleanest and most basic and simple blog I have ever seen. The article headlines are listed one at a time and do not provide any type of preview on the content. I find most of their posts related to niche styles of web design, which may or may not prove useful in the long term.

David Walsh

David Walsh website blog magazine articles

David Walsh has been writing articles online for a very long time. I have seen numerous examples which turn up in Google searches for tidbits of helpful CSS/JS codes. He mostly writes on browser bugs, fixes, hacks, and small code snippets to achieve minor UI updates. His website is definitely worth a peek if you are interested in frontend web development.

Pelfusion

Pelfusion online digital magazine for web designers

The Pelfusion design magazine has been online for a few years and publishes very high quality content. Many of their articles relate to design inspiration and showcases, but you can also find great tutorials in the mix. Another good part of their showcase collection is that many of the topics are unique and not often found in other design blogs.

Queness

queness web design blog layout

Queness also offers great web design inspiration on topics which are more obscure than the general consensus. All of their ideas are beneficial to designers such as breadcrumbs, dropdown menus, and pagination designs. They also publish lots of freebies and open source code snippets for developers.

UX Movement

user experience movement blog magazine

UX Movement is a newcomer into the field of user experience design. Their blog has a tremendous number of articles which all relate to building a fantastic user experience on the web. The topics include wireframing, forms, buttons, and lots of other specific UX elements. They also host small giveaways and freebies from time-to-time.

Smashing Buzz

Smashing buzz website layout inspiration

Another blog using the smashing branding is Smashing Buzz. Their content is geared more towards Internet technology but also has a focus on website design. You can find loads of content about Apple, Microsoft, and Google news publications. Also lots of roundups containing web design/development software packages.

Web Design Habits

minimalist simple web design blog articles

Web Design Habits is a blog that I just recently found a couple weeks back, and I have been very impressed ever since. Their content includes a lot of inspiration showcases with alternate posts on design tips, open source codes, and free downloads. Many of the roundups also feature tutorials which have been published – generally all related by the markup/coding language used.

SEOMoz

blog seomoz seo google tips webdesign

There are not many blogs online which discuss design trends related to search engine optimization. However SEOMoz is one of those blogs and possibly the best you will find. Their topics range from keywords to backlinking and creating scalable website designs. Check out the front page and skim their article headlines to get an idea of what it’s all about.

Ourtuts

ourtuts web design layout inspiratiomn

Outruts is a web design magazine which publishes new freebies and tutorials from around the Internet. They have a great deal of their own content to offer, along with showcases and roundups mixed into the post schedule. Definitely check out some of their frontend JavaScript tutorials which offer a fantastic introduction to many concepts.

Tripwire Magazine

tripwire magazine layout inspiring designs

I’ll start out by saying this is a great publication which has been online for a long time. Tripwire Magazine is a web design and development blog which publishes a lot of new articles on various subjects. These often include showcase galleries on trends in new web design layouts. Think of topics such as sports, gaming, web hosting, etc.

Design Tickle

Dribbble showcase magazine designtickle

Design Tickle is a Dribbble showcase magazine which publishes design roundups from new Dribbble shots. Much of the content is related to website layouts and user interfaces. But you can also find tons of other graphics design inspiration, and even user interfaces for iOS mobile apps and software production.

Pixel77

web design magazine blog inspiration pixel77 layouts

Pixel77 is a much lesser-known blog amongst web designers in the community. Their posts are focused on graphics inspiration & tutorials for the popular software suites. These include Adobe Photoshop, Illustrator, Flash, and Fireworks. Also plenty of great resources you can download for free including fonts and icon sets.

CSSReflex

css reflex blog website design techniques

This CSS-themed web design blog focuses on tutorials and great CSS website designs. The name CSS Reflex implies they mostly publishes tutorials on CSS2/CSS3 trends. But actually you can find a host of new ideas related to general web design presence. Their layout is a bit compact, but you shouldn’t have any difficulty navigating between posts.

2Experts Design

expert web design blog magazine articles

2Experts Design blog has been online for quite some time. I have not seen their posts getting around as much, but I still feel they publish excellent quality articles. Much of the content is related to graphics design such as icons or wallpapers. But their topics also include more eccentric titles like CD case designs.

Demortalz

Demortalz web design layout inspiration designs

Demortalz is an inspiration blog catered towards designers and webmasters. It handles a lot of strange content which you do not find elsewhere. There are lots of showcase roundups which include concept artwork or sketches. Also digital artwork not pertaining to websites such as drawings or logo concepts.

DesignPin Blog

web design community tutorials inspiration showcase

DesignPin Blog is a fantastic resource which is actually newer to the field of web design. Their content is still gaining a following but it is worth checking out when you have some time. The posts are mostly inspiration galleries which also include web development techniques. jQuery plugins and WordPress codes are hot topics among many other headlines.

Favbulous

Favbulous web design layout inspiration showcase

Favbulous is a cute play on words which is noticeable in many of these design blogs. The site is known for posting many awesome freebies related to PSDs, AIs, fonts, icons, and other sets of web graphics. Designers will also enjoy the articles which hold collections of inspiration and concept artwork.

Artatm

artatm inspiration digital graphics artwork weblog

Along with the other graphics design blogs Artatm is branded as more of a creative art magazine. Their posts include the typical resources you would expect to find with other website content. Almost all of their posts are showcase galleries but the ideas are very rare in comparison. These topics include WordPress Dashboard plugins and Photoshop texture brushes.

SloDive

slodive freebies magazine web design blog

The great design blog Slodive in an inspirational magazine which has been online a few years now. Their content has been growing very quickly and you’d be surprised how often they rank in web design-related Google searches. Many of the showcases include layout designs but you can find tons of other relatable graphics/digital artwork. Also you may find some gems in their tutorial/code archives handy for frontend developers.

Top Design Magazine

Top Web Design Magazine inspiration blog

Top Design Magazine features a beautiful website layout which is super easy to navigate. I definitely enjoy the small breadcrumb feature you notice right underneath the navigation links. Their content is mostly inspirational galleries for different types of graphics and branding effects.

Inspiration Feed

inspiration feed blog webdesign layout

Inspirationfeed has been a steady source of useful design articles for many years. I have enjoyed their website and often find showcases ranking for trends in web design. Recently the site got a brand new makeover and it is much easier to play around with. I would recommend checking out some of their categories and seeing if the site can offer support on your next design project.

Webexpedition18

webexpedition 18 webdesign blog magazine layout

Webexpedition18 is a much newer magazine having been launched originally in 2008. Their posts are fantastic but sometimes lacking a bit on content. The layout design is basic yet simple, and you can easily find the articles you are looking for. Also each post is categorized by tags which are numbered and listed off conveniently in the sidebar.

jQuery Rain

jquery rain webdesign layout website blog plugins

For JavaScript and jQuery developers I must 100% recommend checking out jQuery Rain. Their blog curates many of the newest plugins and offers an explanation of how they work, and how to apply them into your layouts. The blog also publishes newer plugins released as freebies from all around the web.

Phire Base

phirebase agency web design blog articles

Phire Base is a portfolio website which has expanded to include freebies and a blog section. Here you will find hundreds of articles related to design inspiration and unique roundups. I would suggest this site is worth poking around for a couple minutes, but many of their showcases follow the same ideas as other website design blogs.

Red Team Design

web design team blog magazine redteam

Red Team Design blog is one of the best resources on publishing frontend tutorials. Much of their content relates to jQuery code, but it is often done from scratch and offers a free download to readers. This is a great place to study techniques for building common interfaces in dynamic website layouts.

PixelDetail

pixeldetail web design blog magazine layouts

Pixel Detail has undergone a brand new redesign and also a branding change. However the site has kept its original domain name and continues publishing inspiration galleries every week. A lot of their content includes Internet marketing trends for making money online. I’d argue this is more of a blog for webmasters than designers, but still offers great information.

Inspire Monkey

web design magazine blog inspired monkey layout

Inspire Monkey has been online since I first started doing web development. Their posts range from showcases, tutorials, opinion pieces, and loads of customizable freebies as well. I specifically enjoy their tutorials for the breadth and depth of each step in the process. Definitely an excellent resource for web developers looking to pick up new ideas.

Range Blog

range website agency design blog articles

Range is a WordPress development studio which also publishes new trends and tips onto their design blog. It is not updated every day or even necessarily every week. But their content is genuine and worth the glance if you are interested in WordPress development techniques. Their posts also go into areas like responsive design and open source GPL code licensing.

Webdesigner Trends

inspiration design magazine webdesigner trends 2013

WebDesigner Trends is the first and only magazine in this set written in a different language. Their blog publishes in French but offers a large collection of showcase galleries for inspiration. I can’t argue that their tutorials and articles are a lost cause for those who cannot read French. But the layout is simply fantastic, and it is worth at least a glance for ideas on building scalable website layouts.

Downgraf

website layout designs downgraf blog magazine posts

Downgraf offers all the bells and whistles you would expect with a typical design magazine. Tutorials, free codes, free graphics, and lots of inspirational posts related to design aesthetics. Their blog layout is very simple to maneuver and the text is also easy to read. Additionally they publish under a large number of categories which is worth a quick look over.

Web3Mantra.com

web3mantra w3m blog posts open source webdev tutorials

W3M is an overlooked web design blog which I feel honestly publishes some amazing quality posts. Their website just got redesigned during 2012 and it is much nicer to look at now. It also looks more like a magazine rather than a typical WordPress blog, which is nicer for building a solid number of readers.

Ahref Magazine

ahref web design magazine online wordpress inspiration

This is another personal favorite which I just discovered a few months back. Ahref Magazine is a newer online magazine which many designers have barely heard about. Their content doesn’t always rank in Google among other competitors. But I simply adore the layout design and many of their headlines are quite captivating. The site also does plenty of giveaway contests and posts new freebies in relation to web design resources. It is worth checking out to see if you may want to subscribe and become a regular reader of the publication.

jQuery 4u

jquery4u web development frontend tutorials coding

jQuery4u is a blog for jQuery developers to get in touch with the latest news, tutorials, plugins, videos, basically anything. The layout is simple and looks exactly as you would imagine a magazine-style website to look. Also their post content is one-of-a-kind and very unique from other web development blogs.

UXDE

magazine blog uxde website interface inspiration

UXDE publishes a lot of design resources for inspiration galleries. These often include website layouts and WordPress themes, but also resources for designers. You will not find any solid tutorials but UXDE is a great magazine for designers looking to get some inspiration or free web resources for download.

Expert Developer

web developers magazine tutorials online xpert developer

There haven’t been a whole lot of dev blogs in the list but I personally adore this one. Expert Developer is a 100% web development magazine which caters towards frontend developers. Their articles boast a considerable amount of traffic and provide solutions for many common problems in website layouts. Topics venture into backend programming as well, which includes setting up dev environments for PHP/Rails/Python/etc. This blog is definitely worth a visit and check out their post archives if you get the chance.

Boost Inspiration

design magazine boost inspiration showcase ideas

Boost Inspiration is my final website design blog in the listing. The posts contain a lot of roundups and showcase designs. These are meant to provide inspiration to designers who need a template for building web UI elements. But aside from websites they also cater to 3D artists, photographers, sculptors, illustrators, and many other forms of art.


Advertise here with BSA

]]>
http://designm.ag/designer-showcase/top-100-highest-quality-web-design-blogs/feed/ 0