• 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

Design Focus: Great Deals

November 23, 2012 By Sophia Lucero

Here’s a treat for the Thanksgiving and the holiday season that’s ramping up: freebies, bundles, and deals to help you create beautiful designs, all showcased on inspiring sites to boot.

Designs of the Week

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

James Oconnell x 25 Days of Giving website
James Oconnell x 25 Days of Giving

Very bold but still legible color scheme featuring beautiful illustrations (especially the button replacements) and visualizations (especially the animation in the footer).

PSD Super Bundle
PSD Super Bundle

Take note of the blurred layers in the background and the ever-popular outer space theme for the header.

PeepCode Screencasts Design Bundle website
PeepCode Screencasts Design Bundle

Typographic and icon-based, not to mention responsive. The pop of blue from the logo carries over to the pullquote marks, buttons, and borders.

WordPress Themes Bundle website
WordPress Themes Bundle

Beautiful subtlety everywhere: mixing different patterns and textures for the background, but also knowing when to inject cheer with solid bright colors and illustrations.

ByPeople website
ByPeople

Not as beautifully designed as I’d like, or perhaps it’s taste, but very straightforward at the cost of your internet bandwidth!

DesignShock website
DesignShock

If you’re not exhausted by skeumorphism yet, you gotta enjoy the ribbons and textured cards that appear to defy gravity here. Also, always a good idea to have an attention-getting and accessible sign up form especially for sites such as these.

Box of Bundles website
Box of Bundles

This looks a little chaotic at first glance, but it kind of grows on you too, especially when you see all the icons and details as you scroll down, including the “little explosion” animation that happens at the bottom. Very cute idea.

Touch Gesture Icons website
Touch Gesture Icons

I like the geometric background and complementary icy color scheme, although it may be tough to read for some.

Glyphish website
Glyphish

I like the little info table at the left column but wish it had been actual text. The header containing all the pertinent information also looks great.

Jigsoar Icons website
Jigsoar Icons

Perhaps there’s a reason this white on blue look is popular with icon sites, and it’s the idea of blueprints and laying down the foundations first.

Social Media Weekly

Want your site to be as good-looking and inspirational as these? Start by choosing a well-designed theme from ThemeForest.

Accessibility – Easy Fixes to Common Accessibility Problems
“Sometimes simple changes can provide the necessary momentum while resulting in significant improvements for users.”

JavaScript – A Few New Things Coming To JavaScript
“The coming year is going to be an exciting time for developers as features proposed or finalised for the next versions of the language start to become more widely available.”

Web Design, Books – The top 50 books for web designers and developers
“The resulting selection is a collection of the very best insight into cutting-edge design and development techniques, inspirational texts, and beautiful volumes to admire.”

Typography – The 50 best free fonts for designers
“Get your hands on the best free fonts, from retro inspired type to slap-you-in-the-face slab serifs!”

Acessibility – Yes, actually, it may be you one day
“When you’re considering whether or not accessibility is important, keep in mind that it could actually be you you’re ensuring accessibility for. If it isn’t you, it will definitely be someone you know, and possibly someone you love.”

Friday Focus 04/22/11: Designs for Designers

April 22, 2011 By Sophia Lucero

This week’s Friday Focus is a little meta: a combination of useful guides and tools geared towards designers and developers all wrapped in inspiring designs.

Designs of the Week

Photoshop Etiquette

Interface imitation clearly at work here, but note how the famous checkered pattern is blurred a little to make the foreground more readable. Nice integration of share buttons into the “toolbar”.

Comic Sans Criminal

While the site looks elegant and minimal, I’m getting more and more allergic to text typeset in all-caps, narrow fonts as much as I do with ones set in Comic Sans.

Vector Mill

Not a bit of detail left unturned here. Love how the Twitter and Facebook buttons are integrated as stamps on the foot of the crate.

5 Steps to HTML5

I like the progress bar-style approach to the site, the only thing that feels off is moving a step backward uses the same animation as moving forward.

Web monitoring with Stella

I feel like the vintage touch that’s become popular lately also facilitates wit in copy and other user experience areas. Just look at the logo!

The Lost Type Co-op

Simple and striking enough; I hope to see more fonts offerings here.

Explorations in Typography

Not only is this site a great tool, but it’s a great idea for promoting the book it’s based on.

Code School

I love the combination of the old school watercolor paintings of the countryside combined with fairly modern interface touches.

Social Media Weekly

CSS – Faking float: center with Pseudo Elements

CSS – 39 Ridiculous Things To Do With CSS3 Box Shadows

CSS – CSS3 Patterns Gallery

CSS – Safe CSS Defaults

Business Card Tutorials and Templates

March 17, 2011 By Hyde

This week a selection of business card tutorials and templates. The days that we only had a phone number to give are long gone. With Twitter, Facebook, weblogs, emails and the old fashioned phone number, everyone should carry a business card.

Actually you should carry more than one, one for professional purposes and one for social purposes. I don’t think most people want to give out their personal accounts to business related contacts and vise versa. I currently have two versions, one for my business and an old one with my Flickr, weblog and email address on it.

While compiling this post I got inspired to create a neat and simple one for personal use. My go to printer is MOO. I don’t need many cards and their quality is good enough for me. They offer templates and everything, but you can upload your own design. It can be a bit tricky, but here the tutorials and explanations on bleeds come in handy.

Fire up Photoshop and try to create a personal card for social purposes!

A Cool Photoshop Business Card Tutorial for Print Ready Cards

Business Card Tutorial

An extensive tutorial that goes into detail on printing issues such as, dpi, bleeding area and the safe zone area. This may possible save you money from getting bad prints.

350dpi Business Card Template

Business Card Tutorial

A 10 layer template for business cards (standard American 3.5″ x 2″) with page, bleed, and margin masks.

Cardboard And Torn Paper Business Card

Business Card Tutorial

Advanced Photoshop tutorial using cardboard and torn edge effect.

PSD Tutorial: Design a Dirty Business card

Business Card Tutorial

Design a Print Ready Business Card for Designers

Business Card Tutorial

Follow this walk through in Adobe Photoshop, Adobe Illustrator and Adobe InDesign to create your own double sided business card design, resulting in a print-ready file to send to your favored print firm.

Designing a Professional Business Card in Photoshop

Business Card Tutorial

Making a Grungy Business Card

Business Card Tutorial

How To Create Old Grudge Style Print Ready Business Card

Business Card Tutorial

Basic Grunge Business Card Design

Business Card Tutorial

How To Create A Sweet Bokeh Business Card In Photoshop

Business Card Tutorial

Creating a Dark Business Card

Business Card Tutorial

Friday Focus 03/04/11: Photo Mask

March 4, 2011 By Sophia Lucero

Images don’t need to reside in strictly rectangular boxes. Check out these sites that use out of the ordinary shapes for masking photos. Happy Friday Focus!

Designs of the Week

Duchy of Cornwall Nursery

Like choosing font embedding instead of text replacement with images these days, masking that preserves the original shape of the image is preferred, but more tedious. What I find interesting here, though, is the use of GIFs instead of the usual slideshow script.

St. Charles Maryland

It looks like the logo influenced the look of the entire site, and it looks great. I just find the body text a little too low in contrast against the backgrounds.

Ski areál Kraličák - lyžování na Králickém Sněžníku

Nice color-coded circles for navigation, with a bit of a pushbutton effect for the arrows. I quite like the watermark map at the top right.

Servtag

The header images break the otherwise clean, corporate feel to this design, echoed to a lesser extent in the footer divider. Just one little niggle: the logo looks blurry.

FlairBuilder

I like the thread (power line) that links one image to the next, and even the larger hover images makes you curious as to what the full picture really is like. That’s probably the most effective use of masked images.

Keamobile

I always love it when a site breaks out of the top-down, left-right conventions, and this one hits two birds with one stone: it’s still straightforward in layout but the diagonal borders makes the site feel more dynamic, and gives the feeling that you’ve stripped away the gray to reveal the more colorful layers underneath. All while maintaining readability and professionalism in the look.

Social Media Weekly

CSS – My New Best Friend: CSS Generated Content
“In an effort to use fewer and fewer images, I’ve started to use generated content more since more browsers support it. (IE8+, FF3+, Safari 4+, Chrome 4+)”

Design – Dear Photoshop user, meet Fireworks!
“Isn’t it time that we have a web design application that speeds up and enhances our web design workflow? Well listen up Photoshop user, let me introduce you to Adobe Fireworks.”

Typography – Type Folly
TypeFolly is probably the first web typography tool that allows designers to easily create beautiful “type follies”. The result is a fully html & css3 compliant code.

CSS – Awesome Pure CSS3 frame boxes (no images)
“We have designed this set of high quality boxes without using images, pure CSS3 advanced techniques.”

Programming – Editing Code in the Cloud
“I’ve thought for a long time about the possibility of being able to do all of my programming in my browser. It feels partly impractical but partly like a really neat idea. Imagine being able to hack together some code from anywhere, with or without your own computer.”

CSS, Accessibility – Hiding Content for Accessibility
“For years now, we’ve used a number of techniques for hiding content offscreen for accessibility purposes. We do this because the content is still accessible to screenreaders while being removed from the interface for sighted users.”

User Experience – The Anatomy of a Perfect Login Page
“Login forms are very simple in terms of the required elements. When it comes to forms, it doesn’t get simpler than that. But some of the elements that could be valuable to your users (or potential members) are often neglected.”

CSS – CSS Value Lengths, Times, Frequencies and Angles
“In this article we go over all the math type units that can be applied as property values in CSS.”

Friday Focus 02/11/11: Awesomely Animated

February 11, 2011 By Sophia Lucero

This week’s featured sites are exactly what the title says: brilliant in-browser animations. Happy Friday Focus!

Designs of the Week

Dropr

Clouds and droplets and artsy illustrations everywhere. You will enjoy all the details. The slide-out header navigation is a little mystery-meat but the links in it are found elsewhere too.

made@gloria! brewery

Not much content yet, but the concept is striking. Apart from the bubbling background, the flipping flags also looks neat.

WebKit Clock

All the goodness of canvas, CSS3, web fonts, and SVG in one useful app. You can hit play to travel through timezones around the world or just pick at will.

Fairview Conveyor

I like the playfulness of what’s supposed to be a corporate website, but still quite grounded in its boxiness.

Bioport PF 2011

Most animations are vertical or horizontal, but this one rotates. Another playful, freeform look.

Social Media Weekly

CSS – The New Bulletproof @Font-Face Syntax
“Since the beginning of the ‘webfont revolution’ we’ve relied on somewhat hacky @font-face declarations to get webfonts loading cross-browser. Could there be a better way? One that’s clear and compatible with future browsers?”

CSS – The Shapes of CSS
“I made a page with the shapes you can make with a single HTML element and CSS.”

User Experience – Judging User Happiness
“We’ve found that our users are much better at telling us when they’re not happy with, and when we’re not doing something right, whilst the positive stuff is just silently enjoyed.”

Programming – Development for Designers
“This two-part series discusses how designers and developers can benefit from becoming more familiar with each others skills and I’ll offer some advice on how to get familiar with the “other side.””

Design – Pixel perfect vector nudging
“Most of the time I want to nudge in whole pixel increments. Here’s how you can do that, without zooming out to 100%.”

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

Larissa Meek

Search