background preloader

Resources

Facebook Twitter

Fonts, brushes, textures, patterns, etc.

Twelve (free) script fonts — Dinosaur Stew. I’ve recently been in the very long, very sloooooow process of moving to a new computer. It’s been rough. Cramming all of your life’s belongings into a tiny U-Haul and moving cross-country ain’t got nothing on trying to transfer four years worth of files to a new computer while attempting to maintain some form of organization (and dignity.

Dignity is important). I’ve started by re-downloading my font library, which, although tedious, has been fun since it’s allowed me to stumble upon some new great finds. Here are some of my favorites, new and old, for free script fonts. Links to download are after the preview. All of these are free, but always check the terms of use for each individual font before using. P.S. 20 of my favorite free fonts! I love to designing. I don't know how good I am yet, but I love it. My favorite part of designing? Messing with fonts. I'm so obsessed, there's so many...and so many things you can do with them. Oh they're great. Long story short, I thought I'd share my favorites with you! Xo, rach I woud love for you to share this picture on your blog? 9 Swirly and Frilly Free Fonts. Friday, October 11, 2013 9 Swirly and Frilly Free Fonts 1.Jane Austin 2.Contribute 3. English Essay 4.Lavanderia 5. 6. 7. 8. 9. 3 comments : kelsey! Load more... Newer Post Older Post Home.

Wordmark.it - helps you choose fonts! Coffee Breaktime-PS Brushes by fiftyfivepixels on deviantART. Brush Set 16 - Retro Drinks by punksafetypin on deviantART. Foundicon Icon Set. Bubbler - CSS Speech Bubble Generator - i like pixels <3. Expanding Search Bar Deconstructed.

A tutorial on how to create a mobile-friendly and responsive expanding search bar. View demo Download source Maybe you have noticed the little adjustments that we did to our theme lately here on Codrops. One of the things we thought might be nice to change is the search input. We’ve put it from the sidebar into the header and we use a common effect where you have to click to expand the input. Summarized, this is what we want the search component to do: Now that we know what we want to do, let’s start with the markup. The Markup For the markup we need a main container, a form, the text and submit inputs, and a span for the icon: Usually, we could use a pseudo-element for the icon, but because it’s not intended to be used on replaced elements like form elements, we will simply use a span in this case.

With all the elements in place, let’s start styling them. The CSS Following our requirements, we should first make sure that we have a button with a search icon visible. The JavaScript. How To Create Typography Illustrations the Easy Way. Hand lettering typography illustrations are really cool, but it takes a lot of skill to craft authentic artworks by hand with pen and paper. Typically this style of art is created by elite illustrators, but I’ve found an entirely digital technique that allows us mere mortals to create cool looking artwork too! Follow this step by step Illustrator tutorial to learn how to manipulate text within a silhouette shape and add texturing to produce a realistic hand drawn style typography illustration. After releasing last week’s free meat cut illustrations I received a few enquiries from people asking how they were made, so today’s tutorial is based on the same technique.

We’ll be creating a trendy hand lettering style quote illustration, except with this method there’s no hand lettering required! Select the Pen tool and begin tracing a rough outline around the subject. Accuracy isn’t too important because we’re trying to replicate a hand drawn style. Download this file. Fonts: 50 Handpicked Free Fonts. Fonts: Deathmunkey on deviantART. Freebies: Besotted. Hand Lettered Book Plates Parcel Social Icons Hand-lettered Photoshop Brushes Apricot Glow Photoshop Action Blush + Gray Action Confetti Photoshop Brushes Brush Stroke Photoshop Brushes T.Assai Alphabet Print Chalkboard Texture Artist Tape Embellishments Natural History Bookplates Paris postmark Photoshop Brush Wreath Photoshop Brushes. Freebies: superjiaojiao on deviantART. Icons: IconMelon. Palettes: Adobe Kuler. Palettes: Flat UI Colors.

Patterns: Subtle Patterns. Tiny circle waves, almost like the ocean. Made by Sagive. Download A cute x, if you need that sort of thing. Made by Juan Scrocchi. Download Some dark 45 degree angles creating a nice pattern. Made by Carlos Aguilar. Download Run a restaurant blog? Made by Andrijana Jarnjak. Download Spice up your next school project with this icon background. Made by Swetha. Download Classic SP style, some seamless paper for you. Made by Merry. Download This ons is quite old school looking. Made by Arno Declercq. Download A lot of people like the icon patterns, so here’s one for your restaurant blog. Download Halftone, not halfling.

Made by Atle Mo. Download. Patterns: Design Seeds. Patterns: SunFlowerStudios. Textures: Texturize. Textures: TheMonkeyBox. Textures: Timeshawty Mediafire. Nallyu's Webdesign Resources Masterpost.