background preloader

Ui Parade - Live Tools

Ui Parade - Live Tools

Colllor - Color Palette Generator If Hemingway wrote JavaScript The following article was written by my good friend and colleague, [Angus Croll](//twitter.com/angustweets). Angus works on the web core team at twitter, talks at conferences around the world, and runs an amazing [blog](//javascriptweblog.wordpress.com) on javascript. Beyond this, he’s also a huge book nerd, so I thought it would be fun to get him to write about code from that perspective. Check it out! And let us know what you think on [twitter](//twitter.com/angustweets)! The New Book “If Hemingway wrote JavaScript” is out in September 2014. I loved literature long before I ever wrote a line of code. What is it about JavaScript that attracts so many literature devotees? The Mother of all Code Reviews Recently I had a dream in which I asked Hemingway and four other literary luminaries to write some JavaScript for me; specifically a function that returned a fibonacci series of a given length. Ernest Hemingway No surprises here. William Shakespeare Andre Breton Roberto Bolano Charles Dickens

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. 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

Algorithm Writes People's Life Histories Using Twitter Twitter allows anyone to describe their life in unprecedented detail. Many accounts provide an ongoing commentary of an individual’s interests, activities and opinions. So it’s not hard to imagine that it’s possible to reconstruct a person’s life history by analysing their Twitter stream. But doing this automatically is trickier than it sounds. Today, Jiwei Li at Carnegie Mellon University in Pittsburgh and Claire Cardie at Cornell University in Ithaca say they’ve developed an algorithm that does this. The key behind this work is a technique for separating the wheat from the chaff in any twitter stream. A tweet about starting a new job would be a good example. Equally, tweets about other non-personal events fall into a similar two categories–time specific and time general. The problem that Li and Cardie have solved is to find a way of automaticallydistinguishing tweets in the first category from the others. At least, that’s the theory. But it is by no means perfect.

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. You can copy the components from one slide into another one and make the UI interactive. Click here to visit Keynotopia (1 votes, average: 5.00 out of 5) Loading ...

SpinKit | Simple CSS Spinners Source View on GitHub 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

Clean interface, easy to use. Simply adjust with the wysywyg editors and download the code. by jjsanto Sep 25

Related: