• Home
  • About
  • Contact
  • Advertise

Devlounge

Design, Develop, and Grow

ateşli sevgilisi fantezisini yaşamak istediğini söyler porno ona arkadaşları varken onunla gizli saklı seks yapmak istediğini sikiş söyleyen kız hafta sonu için gelen arkadaşının görmediği bir sikiş açıdan sakso çekmeye başlayınca adamın yarağını bu altyazılı porno şekilde indiremez ve açık şekilde salonda sikişimeye sex izle başladıklarında misafir kızı da bu sekslerine rokettube konuk ederler seks yapacağını düşünmeyerek onun sex izle oyun oynadığını zanneder sabah olur ve herkes uyanır hd porno bu sırada yanında şişme mankenini de getiren sapık erotik hikayeler genç sınav haftası ders çalışan genç adam üvey annesinin sikiş eve gelmesiyle hayatının şokunu yaşar

  • Home
  • Code
  • Design
  • Design Focus
  • Interviews
  • Publishing
  • Strategy
  • Webapps
  • Extras

Cool Tools for Creative Blog Content

June 8, 2014 By Noemi

designing blogs

Creating a blog is fast and easy today. Even with little or no background graphic designing or web developing, one can still be able to make an attractive blog with a great potential to drive traffic moving forward.

With the numerous free design tools available online these days, there’s every opportunity to build a blog suited to your personal preference. It just takes a little patience and resourcefulness and soon, you’ll be on your way to creating a great looking and interactive blog.

Depending on the type of content you want to add to your blog and blog posts, there are various applications you can use with a little investment or some, without having to spend a single cent. We share some of them here to help you build your dream blog. [Read more…]

Design Focus: Infographic Web

March 22, 2014 By Sophia Lucero

You’ve gotten a glimpse of infographics making their way to the web in people’s portfolios and causeworthy sites. Here, our featured designs are independent websites that put the fascinating discipline of data visualization front and center.

Designs of the Week

Create unique, extraordinary websites with Squarespace. No experience necessary!

Make Your Money Matter
Make Your Money Matter

The advantage of websites over single-image infographics is their interactivity, and this one does it better than most. It artfully blends storytelling, scrolling by animation, and important information on one page with great illustrations, scenery, and and smooth transitions. For such heavy content it’s been optimized quite well. The typography is also impeccable, although it would have been nice for the headers to use web fonts instead of images.

FlatGuitars
FlatGuitars

No charts here so these aren’t traditional “infographics” but it’s definitely informative, graphical, and well-designed.

Water - Less Than You Think
Water – Less Than You Think

Uses keyboard navigation and some interesting perspective shifts to take you on a 3-dimensional ride, rather than just a scroll from top to bottom.

Sponge
Sponge

Their English site features an interesting 3D-moving graphic, while this one features a timeline format of their works. The yellow on black flips to black on yellow for inner pages, and uses this more pebble-type of shape (non completely circular but extremely rounded squares) for the images.

Visual history of computing
Visual history of computing

This site lets you embed its infographic as a whole image with an iframe code you can copy. The illustrations here are great, especially as you get to the older decades of computer inventions, but I really wish the first screen looked more interesting.

The Cost of Carbon
The Cost of Carbon

There’s a bit of a cinematic intro when the page first loads. An endless ticker tape listing the ecological risks of based on every person’s location and its carbon footprint. The small dots on the right show category icons on hover, letting you drill down on the explanations when you click. Though there’s a slight problem with the white when the graph or map is also white, doesn’t even have shadows.

Social Media Weekly

Need help in promoting your site? INeedHits has been in the search engine marketing since 1996!

Design – Responsive Design Sameness
“Design sameness fades when designers stop focusing on which solutions for their problem are out there and start focusing on the problem at hand.”

Typography – Crafting link underlines on Medium
“The perfect underline should be visible, but unobstrusive — allowing people to realize what’s clickable, but without drawing too much attention to itself.”

Web Design – Drowning in Tools in the Web Development Industry
“This is one of the great things about our industry and, unlike some business strategies, this openness and collaboration doesn’t stifle innovation; it does the opposite.”

Email Design – Some Tips for Email Layout and Responsiveness
“In this article, I’d like to present some techniques I’ve successfully used at Artsy to create emails that look good on your browser or mobile device, in some of the most popular email clients out there.”

CSS – Pesticide
“Faster CSS layout debugging.”

Best Infographics for Modern Web Designers and Developers

January 23, 2013 By Jake Rocheleau

Jumping into the world of web design can produce a number of curious inquiries. The longer you study and practice the easier things get, but designers are always striving for that next level. I have included a series of great infographics geared towards modern web designers. Many of these contrast with newer Internet trends as well. But I feel that designers and developers can learn a lot by looking over this brilliant showcase. Similarly if we have missed any good ones feel free to share some links in the comments discussion area.

Evolution of Web Design

The Evolution of Webdesign Infographic

Graphic Source

How Do Colors Affect Purchases?

how colors affect ecommerce sales

Graphic Source

What is iCloud?

what is apple icloud

Graphic Source

Responsive Web Design Guide

template monster interactive flash html5 responsive infographic

Graphic Source

What Are Websites Made Of?

sixrevisions infographic websites made coding languages

Graphic Source

East Coast vs. West Coast Designers

east west coast designers differences

Graphic Source

Does Design Matter?

infographic does web design matter or not

Graphic Source

Design Focus: Personal Reports

December 28, 2012 By Sophia Lucero

Our last set of inspirational sites for the year should encourage you to keep a record of your daily dealings and look back on them fondly in an annual infographic report format.

Designs of the Week

Build on DIYThemes’ Thesis Framework for rock solid SEO and great layout customization options.

El Juli
El Julio

Most chart visualizations rely on shapes and colors to present information, so seeing illustrations with thick black strokes breaks this one out of computer-generated coldness. My only suggestion would be to align the caption heights.

Kelly Korevec's 2011 Training Summary
Kelly Korevec’s 2011 Training Summary

This one isn’t a personally designed page but generated by a fitness tracking web app, but it’s a nice added feature to round up all the stats accumulated in a year. Flipboard-style numerals are a go-to, while adding in a donut statistic beside all the circular graphs adds a touch of humor to the whole thing.

Jehiah 11
Jehiah 11

Kudos for the interactive elements on this page, including the colorful transitions happening when you filter the information by category. Noticeably absent here though are numbers describing the data, so it’s all viewed in a comparative/relative manner.

Mike Seehagel
Mike Seehagel

Not sure if these numbers are really accurate but the animations and styling are strikingly energetic.

Social Media Weekly

Ready to go out and design your next website? Try building with the Catalyst Framework.

HTML, Semantics – Principles of writing consistent, idiomatic HTML
“The following document outlines a reasonable style guide for HTML development. These guidelines strongly encourage the use of existing, common, sensible patterns. They should be adapted as needed to create your own style guide.”

Web Design – The 20 best new tools for web design and development of 2012
“Mark Penfold compiles a top 20 from his monthly roundup of the best new tools that saw the light of day this year – and many are free!”

Friday Focus 07/15/11: About Me Infographics

July 15, 2011 By Sophia Lucero

This week on Friday Focus, we’re looking at lovely visualizations embedded in designers’ portfolios. Infographics as standalone articles are the darling of the crowd these days, but using them to describe onself is another great use for them.

Designs of the Week

MacMillan Lynch About page
MacMillan Lynch's About page

I like the warm monochromatic orange palette and the mix of translucency and patterns, although the location of the descriptions seems a little cramped. One interesting choice here was to use of circles with varying sizes for the education history graphic, where one would normally expect some kind of timeline. One last nitpick: using <div> as content separators instead of <hr>? Not cool (read: semantic)!

Deidre "Deda" Bain About Me section
Deidre "Deda" Bain's About Me section

There’s a bit of a blueprint feel going on in the background. It’s a little disappointing to see that like the previous site, the graphs are just images, not clever reinterpretations of actual meaningful markup. But the infographic/magazine “vibe” echoes throughout the one-page site with mechanical diagrams (check out the Process section for another visualization), multi-column text blocks, and stylized headings (that are unfortunately also just images, not even image-replaced HTML heading tags).

Henry Brown About section
Henry Brown's About section

I quite like the contrast between the colorful wheel of competencies and the toned-down timeline below it, and yet if you hover over each tick mark and read his notes in the tooltips, it actually becomes more laid-back than the circular chart. This section left me wanting more! Or maybe I’m just used to seeing infographics that are thousands and thousands of pixels tall.

Social Media Weekly

Design, Content Strategy – Content Choreography
It’s not enough that apply media queries for various sizes, but contemplate what the rearrangement of content in various screen sizes will do for the users’ browsing and consumption experience.

Design – Using the Black Box Model to Design Better Websites
Get a dose of psychology and consumer theory before you design your next site. “No matter what you’re designing, you’re almost always selling something.”

User Interface Design – How to Arrange Interface Elements
Learn how to group, prioritize, and layout the important features a user will need on a page.

Next Page »

Code & Tutorials

Which Front-End Development Languages Will Grow in 2017?

Your Guide to Leveraging APIs as a Developer

Bitcoin Processing Website Integration For Web Developers

Website Security For 2016 That All Developers Need To Know

5 Reasons You Need to Be Using jQuery

About Devlounge

Want to read more about Devlounge, or maybe you want to contact us, or even advertise? Oh, and don't forget to subscribe to updates!

The Best of Devlounge

Top 6 Online Resources for Designers and Creative Freelancers

Search