background preloader

A complete collection of web safe CSS font stacks

A complete collection of web safe CSS font stacks

http://www.cssfontstack.com/

Related:  typoOutils graphiqueRead • Listen • LearnCSS3Code & Web Dev

5 of the Best CSS3 Font Tools Fonts have made the most dramatic visual impact on the web since graphic support was added to browsers. A few years ago, it would be impossible to find a website using anything other than Arial, Verdana, Tahoma, Times New Roman or Georgia (or, heaven forbid, Comic Sans). While there’s nothing wrong with standard font stacks, they can become a little monotonous. Internet Explorer has supported web fonts for more than a decade but it’s taken competing browsers a little longer to catch up. Color Palette Generator: Automagically create a color palette from any photo. Tons of fun stuff... Give one of our toys a spin! Lolcat Generator, Hockneyizer, Billboard, Pop Art Poster, Trading Card, Jigsaw, Map Maker, Mosaic Maker, Photobooth, Bead Art, Motivator, Color Palette Generator, Framer, Mat, FX, Magazine Cover, Movie Poster, Wallpaper, Badge Maker, Cube, CD Cover, Gift Center, Pocket Album, Calendar,

Millennials Are More Racist Than They Think - Sean McElwee - POLITICO Magazine News about race in America these days is almost universally negative. Longstanding wealth, income and employment gaps between whites and people of color are increasing, and tensions between police and minority communities around the country are on the rise. But many claim there’s a glimmer of hope: The next generation of Americans, they say, is “post-racial”—more tolerant, and therefore more capable of easing these race-based inequities.

CSS3 Image Styles When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesn't render the CSS style perfectly. However, if the image is applied as background-image, you can add any style to it and have it rendered properly. Darcy Clarke and I put a quick tutorial together on how to use jQuery to make perfect rounded corner images dynamically. Today I'm going to revisit the topic and show you how much more you can do with the background-image CSS trick. I will show you how to use box-shadow, border-radius and transition to create various image styles. View Demo Image Styles

Free Hover Ad Generator (Hover Ads Generator) and Free Popup Generator v0.82 On this page you will find the NEW BOOMING... Free Popup Generator and Free Hover Ad creator. It is an online software. I challenge you to Discover the Unblockable Pop-up maker now, and make use of its incredible features. Responsive Font Size with CSS Making your font-size respond to viewport or container size should be a must to complete your responsive designs. Having a fixed font-size accross devices is not always a good idea. The key point is to get a readable font size and a comfortable line length in most viewports. CSS viewport units and media queries provide the means to implement a responsive font size. Font Size and Line Length

5 Design Tools to Create Pinnable Images If there is one thing this writer enjoys more than researching blog articles and finding good Pinterest tips for all you loyal blog readers out there, it’s designing the accompanying images for our blog posts. Creating pinnable images to go with entries, regardless if it is for your blog or social media posts, is vital for optimizing your pinning opportunities. Pinterest is a visual search engine, so it makes perfect sense to emphasize your image design, ensuring that it captures a viewer’s attention and compels them to want to Pin your image. This can simply be called a pinnable image. According to MJR Creative Group, a good pinnable image should be an awesome, impactful picture that’s 736 pixels wide and at least twice as long.

59 Free Twitter Tools and Apps That Do Pretty Much Everything Twitter is a fascinating adventure of relationships, entertainment, education, and fun. Now imagine layering on a few dozen power-ups. That’s how it feels sometimes when you find just the right Twitter tool. And there’s a tool for practically every desire or whim. Tools for productivity, for efficiency, for research, and so much more. How To Create a Pure CSS Polaroid Photo Gallery Magical things can be done by combining various CSS properties, especially when some of the new CSS3 tricks are thrown into the mix. Let’s take a look at building a cool looking stack of Polaroid photos with pure CSS styling. View the Demo Check out the demo to see what we’ll be building.

NextGen Gallery hacks: The lesser known $nggdb object « ariom.id.au NextGen Gallery is a well known and popular image gallery plugin for WordPress. It is fairly easy to use and is great for clients who like to manage their own images, galleries, and albums. It is also has a very flexible template system, so you can style it almost any way you want. One way I like using NextGen Gallery is to use the little known $nggdb class. Tom Davie Blackletter This typographic poster features a photographed 3-D two-tone blackletter paper sculpture overlaid with an original graphite line drawing. ❤ Purchase Can O’ Dingbats This typographic poster is an ode to Hermann Zapf’s Zapf Dingbats. All of the elements and icons used in this piece are from that single source

Related: