New High-Quality Free Fonts (2012 Edition) - Smashing Magazine
Advertisement Every now and then, we look around, select fresh free high-quality fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually time you should be investing in your projects. In this selection, we’re pleased to present Homestead, Bree Serif, Levanderia, Valencia, Nomed Font, Carton and other quality fonts. Free Fonts HomesteadHomestead is a very distinctive Slab Serif typeface that leaves a lasting impression with its geometric forms and a modern, progressive look. Bree Serif RegularThis typeface is the serif cousin of the playful, charming and versatile type family Bree which was designed by Veronika Burian and José Scaglione back in 2008. LavanderiaLavanderia is a script font based on lettering found on Laundromat windows of San Francisco’s Mission District. RBNo2This new gothic sans serif font was inspired by the late 19th century industrial fonts that contained german roots regarding straightness and geometry.
W3Avenue - Advice & Resources For Rapid Web Development (CSS, JavaScript, jQuery, PHP, Libraries, Resources, & More...)
40+ Useful Resources for Design Freebies
Generally, any graphic designer looks out for the best and free resources in order to enhance their reputation among the huge crowd. The resources like PSD Files, Photoshop Brushes, icons, vectors, and textures are usually in huge demand which offers impressive results and also save a lot of time for the designers. With these resources, the graphic web designer adds more exposure to his site by promoting his services and products which attracts huge traffic to his website. In order to build their profile, the designers can choose the best resources from the numerous options available. One of the fastest ways to reach a stable position in your graphic career, you would need to choose some of the older fonts which keeps the contents exciting and fresh. To get a complete fullness of your design or to enhance the intricacy of your site, use Photoshop brushes. Free PSDs & Resources for Web Designers by Orman Clark Designmoo 365psd – Download a free PSD Dribbble Forrst Freebies Booth Icon Deposit
12Robots.com - Jason Dean: Unselecting Radio Buttons with jQuery
I got a weird request from one of my internal customers today. In one of our applications he wanted to be able to "uncheck" radio buttons. We all know that if you have a group of radio buttons, like this, that once you select one option, you cannot unselect an option, you can only change from one option to another. <input type="radio" name="radio_group" />radio a<br /> <input type="radio" name="radio_group" />radio b<br /> <input type="radio" name="radio_group" />radio c<br /> Well, my customer wanted to be able to click on a checked radio button and "uncheck" it. Here is what I came up with. <script type="text/javascript"> $(function(){ var allRadios = $('input[type=radio]') var radioChecked; var setCurrent = function(e) { var obj = e.target; radioChecked = $(obj).attr('checked'); } var setCheck = function(e) { if (e.type == 'keypress' && e.charCode ! So this is somewhat rudimentary quite elegant. , but it works. Try it out here:
Fireworks Wireframing Kit
Minimalist jQuery: 11 useful plugins under 4K | jQuery Plugins | TRIF3CTA | Austin, TX
Minimalist jQuery: 11 useful plugins under 4K jQuery makes our lives easier. So much so that it's tempting to use it all the time, inadvertently slowing our page load times (cue YSlow and Hammerhead). Read more → Characteristics of the ultimate link (for SEO purposes) The ultimate link: is useful to the reader is comprised of text is featured on a highly-trafficked and trusted site comes early in the page markup uses descriptive anchor text is… Read more → 960 pixel grid reference image Until recently, grid systems have been the domain of print designers. Read more → XHTML/CSS web forms: 5 simple techniques Technique 1: The Label Sandwich Wrap your inputs, selects, and textareas in the label element, and set them all as block-level. Read more → Add a trailing slash via .htaccess to prevent duplicate content
23 Useful Online HTML5 Tools
Are you aware that HTML5 is captivating the web by leaps and bounds? This new language is used for displaying the content on net. One can also add in audios, videos, various fonts, web graphics, drag and drop, animations to make your pages more colorful and informative. It is simply a renewed and much better version of the XHML1 or HTML4 and is also compatible to those versions. The online sprite tool box compresses your image and puts your image in a sprite. The pattern generator tool is good for web designers to make header backgrounds and pages. The online HTML5 Tools audio maker tool brings in new features of the audio. Sketch in 3D With Animating Lines on HTML5 canvas Spritebox – Create CSS from Sprite Images font dragr – Drag and drop font testing Patternizer – Stripe Pattern Generator Tool XRAY: look beneath the skin Automatoon- Easy Animation For The Web HTML5 Audio element maker SVG to HTML5 Canvas Converter Rendera – Online HTML5 Editor CanvasLoader Creator HTML 5 Outliner HTML5 Tracker
Glimmer - Lab - MIX Online
Glimmer: a jQuery Interactive Design Tool is a prototype from the Mix Online Labs which makes jQuery accessible through a visual tool. The objective for Glimmer is pretty simple: to enable the power of jQuery through an interactive design surface. If jQuery is the "write less, do more” JavaScript library, then Glimmer is the “write none, do more” jQuery design tool. The Genesis of Glimmer Like many software projects, Glimmer was born during a conversation. In building Oomph, we used jQuery extensively, which was a new experience for both of us. While we had a good workflow, it wasn’t perfect because, if Tim wanted to make a change to the look or feel, he would have to either (1) modify the JavaScript himself or (2) have me make the change. This is when we had the following realization: what if there were a tool for designers to create amazing web experiences in HTML, CSS and JavaScript without having to write code? Here’s a screenshot of the Glimmer Welcome Page: The Goals of Glimmer
