• 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: By The Letter

March 31, 2015 By Sophia Lucero

This week’s websites feature beautiful, iconic letterforms that serve as design anchors to the content.

Designs of the Week

Get solid WordPress themes, plugins, and web design training from iThemes.

We are Fox Créateur
We are Fox Créateur

Their about page spells out their company name (logo) in an almost abstract way, and these shapes mask and highlight different photos & videos that tell their story.

FORM
FORM

The letters here are inspired by Google’s Material Design language, and the color-coding per section is nifty. There are a lot of sections for the one-pager though, so a menu that lets you skip should’ve been present.

Taostudio
Taostudio

Card-based layouts are all the rage these days and this in particular reminds me of flash cards from childhood, but the twist is how the project images integrate with letters in a minimal, quirky, modern way. The grid ends with a card that says “what letter are you?”, inviting you to contact & contract them for new work, which I find clever. Other details I like: the sea creatures hanging upside down each page, and the submit button on the Contact page that looks like an actual keyboard key. Again, the design goes for quirky, clever things.

Dots
Dots

With letters that are just a couple of steps evolved from primary shapes, you can see how close their logo design is to the star of their games: the circle (or in their case, the dot).

Alphabreast
Alphabreast

Color palette is a bit strong, although it totally works with the enclosed illustrations for each letter. I would like to see more of the comic/drawn look to the letters to tie in with the drawing style more.

Social Media Weekly

Make Headway, make intuitive layouts, make it your WordPress theme of choice!

JavaScript – The JavaScript World Domination
“JavaScript seems to creep into the most unexpected places these days. It’s not too long until your very toaster will be running JavaScript… but why?”

User Experience – Change Blindness: Why People Don’t See What Designers Expect Them To See
“For example, studies have found that people fail to notice that the details of an image have changed.”

Responsive Web Design – Responsive Design with Viewport Control
“To ensure your media queries work on hand-held devices, put this in your <head>!”

Design Focus: What Words Wear

January 12, 2015 By Sophia Lucero

It’s always nice to welcome back this familiar graphic treatment, executed in fresh new ways. Check out how these websites use masked text in their designs.

Designs of the Week

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

Music
Music

The links in the hamburger menu are the headers of the 10 sections on the one-pager, color-coded with a nice hover animation. Besides the masked title, there’s lots of video on this site, with boxes of content laid out in interesting ways.

Piet Oudolf
Piet Oudolf

Almost completely text-based, except for the wonderful background images that appear when you hover on the large texts. As you switch between pages there’s a gray screen with white text telling you what’s loading, another nice alternative to the usual loading GIF.

Flatstack
Flatstack

The title matches the wood texture in the back, then hovering on each letter shows snippets of the company’s work. There’s also a cool implementation on their team page.

Talk PR
Talk PR

This also falls under an animated logo, while lower on the page there’s a wall of social media updates, blog posts, and case studies all tiled together.

Melquiades Vazquez
Melquiades Vazquez

More tiled rounded squares here, under which does the masking happens not just with letters but various shapes formed. Sections are also color-coded, with fixed navigation markers on the left.

Mohito x Anja Rubik
Mohito x Anja Rubik

I like the idea of a the big animated logo becoming a fixed background watermark as the rest of the content scrolls over it. Also at play here is a free-form layout with bold text and large photographs.

Social Media Weekly

Get solid WordPress themes, plugins, and web design training from iThemes.

Design – Making the switch from graphic to UX/UI design

Typography – Typography in Email

User Experience – Hypothesis driven UX design

Design Focus: Type Guides

July 11, 2014 By Sophia Lucero

Here’s a resource roundup to sharpen your typography skills. This week we’re looking at sites that curate beautiful applications of webfonts, so get inspired!

Designs of the Week

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

Free Faces
Free Faces

My favorite of the bunch — the designer’s own application of the glyphs as featured “posters” is just lovely. On the homepage they make one tall abstract painting.

Typewolf
Typewolf

Pastels seem to abound not only in the base design but the featured ones. Content is set in a utilitarian narrow sans-serif and monospace fonts, and one nice feature here is documenting where you can get your own copy of the fonts. Further below there are top 10 lists for different typeface categories.

Just My Type
Just My Type

With muted, organic colors and zero images, this site is all about the fonts from headlines, to paragraphs, to to footnotes.

Fonts In Use
Fonts In Use

This archive covers not just sites but printed material as well, and you can view inline the names of the fonts used, also typeset for demo purposes. Since this is a more comprehensive compendium, the advanced search and view options come in handy.

Typ.io
Typ.io

I like that the samples or screenshots here are much larger than the rest. The look feels less “designy” than the others as it adapts the traditional blog format, and it works nicely.

Beautiful Web Type
Beautiful Web Type

I love the diverse text samples for each typeface: big quotes, small quotes, multi-column passages, or graphic posters, you can see that they are all inspired by the fonts being used. No meta information needed either: all the words link directly to their respective Google Fonts page.

Social Media Weekly

Make Headway, make intuitive layouts, make it your WordPress theme of choice!

CSS, JavaScript – Pixels are expensive
“How pixels get onto your users’ screens is something you should know about. Not for the sake of knowing, but because in order to be effective as a modern web developer you’re going to need to optimize for it.”

Design, User Experience – Design is the Experience
“Visual design is just as important as Information design, Interaction design, Strategy, Prototyping, Content design, etc. They’re all tools that enable good design. Parts of the process.”

Design Focus: Pictures in Words

February 8, 2014 By Sophia Lucero

More typographic pieces are front and center in this list, all against striking pictures and even video.

Designs of the Week

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

Atelier Kyoto
Atelier Kyoto
Use All Five
Use All Five
Damien Faivre
Damien Faivre
Apartment Story
Apartment Story
Ryan Michael Kelly
Ryan Michael Kelly
One Pause Poetry
One Pause Poetry
Jean-Christophe Suzanne
Jean-Christophe Suzanne
Big Cartel 2013 Recap
Big Cartel 2013 Recap

Social Media Weekly

Get solid WordPress themes, plugins, and even design training from iThemes.

User Experience – UX Crash Course: 31 Fundamentals
“The following list isn’t everything you can learn in UX. It’s a quick overview, so you can go from zero-to-hero as quickly as possible.”

JavaScript – You Might Not Need jQuery
“If you’re only targeting more modern browsers, you might not need anything more than what the browser ships with.”

CSS – International box-sizing Awareness Day
“The date corresponds to Paul Irish’s post where he introduced the concept of using it on every single element on the page.”

Design Focus: Print Pubs

September 20, 2013 By Sophia Lucero

Featured this week are sites that offer beautifully crafted print publications in the realm of design, with very familiar names at the helm.

Designs of the Week

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

Offscreen Magazine
Offscreen Magazine

The top view photographs of the magazine are great. You can drag them sideways to explore more shots. There’s also an occasionally-animated violator linking to the latest issue right below the full header. The overall look screams sophisticated, and perhaps my favorite UI touches are found on the Buy page.

The Manual
The Manual

There’s a running theme in terms of aesthetics with these three sites: elegant body typeface with a contrasting industrial one for the titles. These latter two even have similar shades of red-orange for accent and buttons.

8 Faces
8 Faces

The “swipe to view more photos” feature is also available on this page, which seems to be the preferred pattern over the slider.

Social Media Weekly

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

HTML – A Complete Guide to the Table Element
“You can think of it as a way to describe and display data that would make sense in spreadsheet software. Essentially: columns and rows.”

Mobile, Optimization – A Beginner’s Guide to Perceived Performance: 4 Ways to Make Your Mobile Site Feel Like a Native App
“While improving actual performance is important, it turns out it doesn’t really mean that much to the end user unless they can actually sense the improvement.”

CSS, Optimization – 10 Terrific Time-Saving CSS Cleanup Tools
“Everyone from the everyday visitor to the most scrutinous fellow designer will benefit from your diligent, clean CSS markup.”

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

Facebook Pages Design

Facebook Page Design and Tutorials

Search