• 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: 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: Type Specimen

July 12, 2013 By Sophia Lucero

Here’s another roundup that’s not only inspiring but useful for web designers: websites showcasing the elegant and exciting qualities of typefaces you can purchase.

Designs of the Week

Search Optimized, Turn-Key Designs, Unlimited Everything. Start building with the Genesis Framework today.

Fontwalk
Fontwalk

Like a photowalk, replace the “photo” with “font” and “walk” with “scroll”. One of the highlights of this interactively scrolling one-pager is seeing different fonts of the same family morph from one into the other in the same context, as well as their varying ligatures. There are even cool transition effects for it, like a diagonal transparent gradient gliding over the screen, mimicking uncovering a page, and fun examples like slot machines, medals, and badges.

Concourse by Matthew Butterick
Concourse by Matthew Butterick

An insanely in-depth page with multiple layouts showing the typeface specimen—articles, headlines, signs, letters, book spines—all in live HTML and CSS. So you can see some cool effects like stroked text, shadows, and gradient fills. But the best part is, everything is editable! Now that’s true interactivity for people who want to try before they buy.

Greta Sans Type System Specimen App from Typotheque
Greta Sans Type System Specimen App from Typotheque

This site takes a glyph by glyph approach and off-canvas transitions to display the families: clicking on the edges of the page slides to that adjacent page. On the bottom you can pick the letter or number that’s displayed. A darker yellow signifies a heavier font weight.

House Slant by House Industries
House Slant by House Industries

Strong elements all around—on top of all the capital letters, even the striped background isn’t one to shy away. The googly eyes in “look” are animated left and right. Layout and text sizing is responsive. I wish all of the form elements were done with live HTML, and for even more brownie points, the animated stripes.

Hello Denver.
Hello Denver.

Simpler compared to the other designs featured on this list, but still quite pleasant. Good call to add accolades on the page and photographic evidence of the typeface usage in real life.

Open Hand Type
Open Hand Type

Dark look brightened up by a couple of greens and a spirnkle of red. Several kinds of textures are in use here, somewhat echoing the use of various typefaces as well.

Stacked Font
Stacked Font

Cheerful illustrations coupled with tongue-in-cheek examples of the font in action. I just wish that the complete glyph listing were in a more creative presentation than a lightbox.

Canapé Font Micro Site
Canapé Font Micro Site

There’s a more educational and informative slant for the design and content of this page, and the speciment is relegated to the PDF like most other fonts are, but it’s still an appealing site.

Social Media Weekly

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

Web Standards – DiagnostiCSS
“Visually detect any potentially invalid or inaccessible HTML markup”

CSS – Sizing (Web) components
“So how can we make it easier? Well, by sneaking aTrojan horse into your components and use it to control all the size related CSS properties.”

Javascript – Which JavaScript Library Should I Pick?
“Since a JS library is often used when developing a user-facing product, I think of the strategy as satisfying two audiences: the developers that must code and maintain the use of the library, and the users that will interact with it.”

Design Focus: Type Sites

May 18, 2012 By Sophia Lucero

It’s that time again for a roundup of smartly-designed sites you should look to for inspiration. And this week it’s all about sites dedicated to typefaces you can buy and download. See how they peddle these digital goodies to customers.

Designs of the Week

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

Dolce Caffè Font website
Dolce Caffè Font

It’s easy to make the connection between the name of the font and the design concept at work here: aside from the compartmentalized/bento arrangement, it’s also the colorful scheme and the chalkboard signs that remind you of those cozy cafes with handwritten menus. Practically every box has a simple animation looping back and forth, but nothing too distracting and adds to the kitsch.

Typo Popote website
Typo Popote

Another cafe/restaurant-themed design that’s all warm and welcoming. I like the subtle icons on both sidebars and the embossed treatment on it and the text. The plaid background pattern also reinforces the look, not to mention the choice of fonts and colors.

Cirulis Typeface website
Cirulis Typeface

There’s a nice little exploding effect as you scroll down, which is a great idea for font sites if you ask me. Even smarter is how texts appear once you arrive at that section of the page, making sure you’re on the right track about what you should be looking at. Simple, solid, effective.

Social Media Weekly

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

Programming – You Have To Get Good Before You Get Better
“There are three things to bear in mind when you look at the process of acquiring skill: how you think your rate of progress will look at the beginning, how your rate of progress actually is day-to-day and how you think your rate of progress is day-to-day. Let’s look at some charts to get a better picture of what I’m talking about.”

CSS – SASS vs. LESS
“Slightly longer answer: SASS is better on a whole bunch of different fronts, but if you are already happy in LESS, that’s cool, at least you are doing yourself a favor by preprocessing.”

Mobile Web Design – Your local mobile device lab
“This is great! Just by opening up the testing suite to everyone, it has now expanded beyond what I had been able to gather together by myself.”

Web Standards – Cutting the mustard
“One of the immediate challenges we discovered when we first started the responsive news prototype was the large range of devices that we would have to support. It terrified us. This article is about a solution we use to alleviate this problem.”

Icons and Grunge Fonts

June 2, 2011 By Hyde

Time again for some fresh icons and fonts. This week you’ll find listed here five different icons; hand drawn, social,, for the cloud, android and credit cards. A couple of them are vector only which gives you more control over the size and color.

For the fonts choice this week we are going grunge. Since I have been following web design almost nine years now, grunge has never gone out of style. Especially grunge brushes are always popular.

I don’t know about you, but since all the excitement about HTML5 and CSS3 have died down, it feels kinda slow in the front-end world. When was the last time there was a new awesome jQuery plug-in that does something no one thought about before?

Meanwhile give a look at these icons and fonts while we wait for the next popular “it”.

247 Hand Drawn Web Icons

Icons

The Cloud Icon Pack

icons

Native Android Icons

icons

Free credit card Icons

icons

Social Stamps Icon Set

icons

Web Icons Tile-Style

icons

Grunge Fonts

A Lolita Scorned

Grunge Fonts

Aquiline Two

Grunge Fonts

Appendix 3

Grunge Fonts

Calamity Joe

Grunge Fonts

Belisa Plumilla Manual

Grunge Fonts

10 Free High Quality Fonts and Icons

November 29, 2010 By Hyde

I came across a selection of icons and fonts that are not extremely popular yet. These icons and fonts are of super-b quality. Picto Foundry for example is optimized for the retina display on iPhone 4 and for use on the iPad. There is also a commercial selection available.

Discons and Minicons are excellent minimalist icons, a total of 953 icons together.

With the Holidays coming up the Matilde font is ideal to create some greetings cards, and if you rather have a more sturdy design the other fonts are perfect for it!

Make sure to bookmark of download these fonts and icons, because they are to good to pass up.

Icons

500 Free Icons: WPZOOM Social Networking Icon Set

Free icons

WPZOOM Developer Icon Set (154 free icons)

Free icons

Picto Foundry Free

Free icons

Discons

Free icons

This icons package currently costs $3, which is nothing compared to the prices of other commercial icons.

Minicons

Free icons

Fonts

Matilde Free Font

Free fonts

HERO Free Font

Free fonts

Code Free Font

Free fonts

Aller Font

Free fonts


DYLOVASTUFF V:02

Free fonts

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