• 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: Pink and Blue

July 27, 2012 By Sophia Lucero

I’ll always remember Flickr as the site that capitalized on this color scheme, but it’s great to see sites that express their love for pink and blue to this day. Check out our featured designs this week!

Designs of the Week

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

Visual.ly website
Visual.ly

Even the category icons right after the header/blurb are two-toned. Although the ones on the top right of each infographic, it’s not immediately clear what they mean (although digging a little bit shows me it’s a marker for static and interactive graphics).

VEET website
VEET

I like that the left and right “arrows” use fairly large photo thumbnails instead, although retaining arrow shows would have been nice to maintain the visual cues. There’s an cool, differently-arranged slider in the Products page: it scrolls vertically—the product slides down while the text slides up—and a vertical column of stars in the middle serves as navigation. Which fits the whole Hollywood motif of the site.

Baby Mills website
Baby Mills

The odds were pretty high that we’d see these colors on a baby website, right? Everything that could carry them does, and the same applies for the dashed borders and uneven but textured swatches for content boxes.

Flash & Goal website
Flash & Goal

Very bold move to put all the text, borders, and illustrations in this color, but it does make for a striking effect, like that of a stamp on a cardboard box or a blueprint. When you reach a certain point while scrolling, it snaps to the next screen for you. Another cool idea: putting an input box in an object like a t-shirt. It transforms from a plain user interface element to a more user-friendly one.

Elevation Studios website
Elevation Studios

Lots of trendy elements here, from rockets to moving clouds. Not to mention letterpressed text, the execution of which isn’t too subtle. The illustrations and the metaphors they represent are lovely though, e.g. eyedropper icons for sample work.

Social Media Weekly

Pagelines lets you build WordPress websites and it’s as easy as drag and drop, go check it out!

Responsive Web Design – Responsive Design’s Dirty Little Secret
“Responsive Web design, as Ethan Marcotte defines it, is simply a fluid grid, fluid images and media queries. But fluid grids have a dirty little secret: rounding errors.”

Design – A Style Guide
“He asked me to write up a list of “best practices,” if you will, for him to base his visual style work off of. This list is a compilation of my AEA notes, articles and links I’ve saved, experience, and my ideal of what our process may be going forward.”

Web Standards – W3C and WHATWG finalize split on HTML5 spec, forking ‘unlikely’
“Until last year, the WHATWG and W3C had essentially been working together on a single HTML(5) specification, but in January of 2011, Ian Hickson of the WHATWG described a new development model for web standards: the WHATWG would now focus on an evolving, “living standard,” while the W3C would stick to producing static “snapshots” using its traditional numbered versioning system.”

Friday Focus 01/07/11: First Blush

January 7, 2011 By Sophia Lucero

This week’s Friday Focus features designs carrying shades of purple, pink, blue for a look that’s sophisticated, feminine, or both.

Designs of the Week

Titi Vidal

I like the layered look from the main content area to the sidebar to the contact bar. Even the hover effect on the menu is simple yet different. Another smart idea is to repeat the logo in the Twitter bird and have it carry the latest tweet.

Carbon

Love the color-changing border on the left. Microcopy such as “We’re Ready” and “We Should Talk” is striking and smart.

Purr by Katy Perry

Pretty straightforward site, surprisingly un-flashy, it’s just a shame that the custom fonts are just images.

Pretty Pollution

I like the repeating swatches and subtle texture on the buttons, although I wish that what you find in the footer describing the company is shown higher on the page.

You Know Who

The site looks quite cozy. I was hoping there were more vintage elements integrated.

Say Media

I like the mix of the handwritten and bold uppercase fonts and the basic solid colors used on every page.

Fresh ME

Love the compartment/bento box layout made more interesting with the sliding effects.

Brent Hartmann

The type is the strongest feature on this design, but all the details are interesting.

Big Ideas Big Action

This design is bursting with personality through 3D effects, scrolling animations, and background patterns.

Terminal Phantoms

Another bold design, although I want to note two things: the logo blends well with the background but should your brand fade in like that? And does hyphenation on the web really work, because for me it makes things harder to read.

Leah Juaymah Mababangloob

Nice one-page site, and colorizing the portfolio images always work well like that, but there’s a bit of a disconnect between the top image and the next screenful.

Peter Granfors

It’s always nice to be able to integrate even a little bit of art into a portfolio layout, whose images inevitably take away from that. Beautiful imagery, textures, and type.

Social Media Weekly

Web Standards – 2010: The Year in Web Standards
“WHAT A YEAR 2010 has been. It was the year HTML5 and CSS3 broke wide; the year the iPad, iPhone, and Android led designers down the contradictory paths of proprietary application design and standards-based mobile web application design—in both cases focused on user needs, simplicity, and new ways of interacting thanks to small screens and touch-sensitive surfaces.”

CSS – Pure CSS3 Post Tags
“This is a rather simple pure CSS trick you can use to style your blog post tags, usually placed at the bottom of the posts.”

CSS – Why use Classes or IDs on the HTML element?
“Reader Nicolas writes in: I’m frequently seeing ID and class specifications to <body> and <html> elements. I’m curious as to why one would do this? If it is unique to either element, then why not specify body or html in the CSS?”

CSS – The CSS3 Resize Property
“The resize property allows a developer to define whether or not a UI element can be resized manually by the user.”

JavaScript – Eloquent JavaScript: A Modern Introduction to Programming
“Eloquent JavaScript is a book providing an introduction to the JavaScript programming language and programming in general. The book exists in two forms. It was originally written and published in digital form, the HTML version of which includes interactive examples and a mechanism for playing with all the example code. This version is released under an open license.”

Friday Focus 11/12/10: Aquamarine

November 12, 2010 By Sophia Lucero

This week on Friday Focus: cool down with these lovely aquamarine designs.

Designs of the Week

Iron to Iron

You know how a website doesn’t feel like a website because the text and images feel so well-blended? It feels like that here, although one might question if that “blended” feeling is actually lack of contrast; you decide. Still, you must check out the hover effects.

design & conception

Another quiet, refined feel here, although I think using white text on that shade of blue in the footer is not too kind on the eyes.

Women's Foundation of Oklahoma

The split slideshow is an interesting take on homepage slideshow pattern.

89Bytes Web Studio

I’m liking the diversity of colors on this website.

Munch-5-a-day

I think that on one page sites where you make people scroll from one section to another, you need to give each section proper headings, like the testimonials on this page.

Foothold Design Studio

The illustration and and pop of blue keep this dark design cheerful. The typeface also helps but it’s a bit small.

Shelly Cooper Design

The ribbons that appear on hover on the thumbnails look lovely, and so does the pointing hand in the logo area.

Color Me Creative

I love the combination of the background, the bar behind the logo attached stretching all the way to the left, and the whitespace in the header.

P.Manivasagam

Extremely simple looking site, but the content does the talking.

Ben Sekulowicz-Barclay

Great infographic and pictographic approach on this site, but I wish more data were clickable!

I Want an App

The buttons and animations literally give this site an “oomph” but the tiny black body text is just a no-no!

Thomas Fals

The shelf metaphor is everywhere these days, but this is the first time I’ve seen used in a portfolio.

Social Media Weekly

Design – 8 Ways to Stay Creative

Usability – The myth of the perfect website: Are you awesome?

Friday Focus 05/21/10: Neutralized

May 21, 2010 By Sophia Lucero

I’m seeing a lot of sites whose color palette consists almost exclusively of light grayish, brownish hues. Sounds boring? No such thing for a smart designer.

Designs of the Week

Bring it to Fruition

The Waiting Room

Cannolificio Mongibello

elegantweb

Atedrake

Precinkt

Marc Thomas

Monkeyworks Illustration

Project Fedena

Thinking for a Living

Jelle Versele

Dave Redfern

Elliot Swan Designs

Aaron Irizarry

The Theme Foundry

Francesco Fonte

Crush + Lovely

Kenny Meyers

David Hellmann

All for Design

Ammar Ceker

James Charlick

Chris Wronski

Ficly

Social Media Mullet

Social Media Weekly

CSS – 13 Pure CSS Techniques for Creating JavaScript-like Interactions
“Here are 13 tutorials that teach you how to push the limits of CSS and make it do things that we’re not accustomed to it doing.”

HTML – The Origins of the <blink> Tag

Typography – 10 Great Tips For Improving Your Web Typography
“Once a specialist occupation, the digital age has opened typography to computer users and web designers. When creating pages and laying out text with other content there are several guiding principles that designers should bear in mind.”

Bloggers – The History of Web Design Blogs
“Although the article may seem rather subjective to you, we hope that it will give you at least some basic understanding of how it all started and evolved into its current state.”

Friday Focus 05/14/10: Icon Parade

May 14, 2010 By Sophia Lucero

This week’s Friday Focus will tackle websites for a designer’s best friend: icons. Icon sites have been around for the longest time but we’re seeing a lot of sites pushing the envelope in interface innovation, both with their offerings and the website designs they’re found in. The latest trend so far? Websites created for a single icon set—now that’s a great way to promote work.

Designs of the Week

iconSweets

Excellent one page site with the letterpressed look. I wish the bottom gray area had its text a little more readable.

Goo-EE Icon Set

I really like how wide and open this design is. And custom typefaces are more rampant than ever.

Pictos

A subtle noise effect in Photoshop is popular for a textured effect. So is uppercase text—note the letter spacing for readability.

Glyphish

Even more subtle noise texture here, combined with a touch of woodgrain for extra elegance. I feel the text on the left sidebar is a little cramped compared to the amount of whitespace in the header. And the icon preview, which occupies a large amount of real estate, could be clickable.

Helveticons

Love the folded paper effect combined with a bit of blueprint. I don’t need to tell you how strong the grid is on this layout and the excellent Swiss design sensibilities at play here.

Android Icons

I’m enjoying the hand-drawn, torn effects from top to bottom. Even the arrows in the Services area aren’t overlooked. And scribbled down Android robots—what could be more fun than that?

We Love Icons

Sometimes a narrow layout just works better. Excellent integration of all the navigation tools from the search to the pagination. If the icons won’t make you lick your screen, the wooden panel probably will.

IconDock

Lots of content on the front page compared to the other sites listed here, but it’s not busy at all. Of course the drag-and-drop feature on this site is one of the best interface goodies out there.

Icon Drawer

I like how as you scroll down, it’s one major area, then two, then three.

Iconlicious

Really simple but it’s the details (typography, color, boxes) that stay out of the way that make the design work.

Icon Eden

There’s something compelling about the choice of fonts on this site but I have to say that the bottom half isn’t so refined. The blog post titles could use bullet icons and the sitemap seems to need a bit of serifs.

IconShoppe

We always enjoy Dan Cederholm and his impeccable work as we’ve featured at least one other iteration of this site’s design before. The current one? It just feels so harmonious even with various splashes of color from the different icon sets. I also appreciate a site that lets you scroll, scroll, scroll.

Feed Icons

I feel saddened by the ad placement here. Ads can look beautiful if you can help it, but here they just stick awkwardly out of place.

IconBuffet

I just have to include this site on the list, because no matter how long this design has been around, it still feels current.

Social Media Weekly

Design – Create Seamless Web Background Textures in Minutes
“Ever wondered how some web designers come up with such great background textures? It’s actually way easier than you might think.”

CSS – Sexy Interactions with CSS Transitions
“With all browsers except for IE being slated to have Transitions support in the coming months, more and more web designers are turning to this powerful technique as a means to enhance their website’s user experience.”

Optimization – Optimizing Your Website For Speed
“In the world of the Internet, you have mere seconds to capture a visitor’s interest before they leave and find your competitors. Can you afford to have them leave just because of your websites speed?”

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

Design inspiration

21 Fabulous Print Designs To Inspire You This Week

Search