Colours. Moot | Forums and commenting re-imagined. What’s new for designers, March 2013. The March edition of what’s new for web designers and developers includes new web apps, jQuery plugins and JavaScript resources, productivity and project management tools, CMS’s, CSS and HTML frameworks, web development tools, coding resources, and some really great new fonts. Many of the resources below are free or very low cost, and are sure to be useful to a lot of designers and developers out there. As always, if we’ve missed something you think should have been included, please let us know in the comments. And if you have an app or other resource you’d like to see included next month, tweet it to @cameron_chapman for consideration.
Foundation 4 Foundation 4 is the newest release of Zurb’s responsive front-end framework. Baseline.js Baseline.js helps maintain your vertical rhythm (set by your typographic baseline) despite oddly-sized images in your articles and pages. Mailstrom Mailstrom is a tool to help you clean out your email by powering through your messages in seconds. Do Typeplate. Online Vector Based Mockup & Wireframing Tool - Moqups. Colllor - Color Palette Generator. Ui Parade - Live Tools. Sprite Cow - Generate CSS for sprite sheets.
12 Incredible CodePen.IO Demos. Whenever I need to put my ego in check, I go to Chris Coyier's new CodePen.IO site. CodePen.IO is an incredible showcase of HTML, CSS, and JavaScript, displaying the talents of developers creating effects that 99% of the world's front-end developers couldn't create. I spent a few hours while on CodePen, and after I picked my jaw up from the floor, I put together a collection of my favorite CodePen.IO demos. Enjoy! Draw Worm Draw Worm is an eye-catching, canvas-based animation that creates branches; better yet, the animation follows the mouse, creating more branches.
Navigation Knob Navigation Knob, created with only HTML and CSS, is a circlear knob which illuminates the selected value when clicked. Trail Trail is another cavas-based masterpiece which creates different color rays that follow the user's mouse at an accelerated rate. Nothing is Beyond You Nothing is Beyond You is another no-JavaScript demo, abusing CSS animations and shapes to create an underwater bubbling effect. Twisty Linjer. Mockups with Twitter Bootstrap UI. Making mockups is ever easier with Twitter Bootstrap UI that the people of Keynotopia prepared in the free Twitter Bootstrap GUI for PowerPoint (.ppt), Keynote (.key) and LibreOffice (.odp) Free Twitter Bootstrap UI Mockup Templates lets you prototype Bootstrap-based apps using a presentation editor. This can help to boost your UX Design process and prototyping by using well known applications and keeping it simple.
The templates contains vector UI components that have been designed from scratch in Apple Keynote, Microsoft PowerPoint and OpenOffice Impress and are fully editable. You can customize the components to match your own design and make realistic prototypes for your apps without needing any additional design tools. In order to use the templates, you need to download the free .zip from Keynotopia. Once you checkout ($0.00) you can get the .zip in your computer. Inside the archive you will find a few presentation files .key, .ppt, or .odp. Click here to visit Keynotopia Loading ...