Loda Button is a simple jQuery plugin animates the button’s icon as the data are being fetched from the server. The classes loda-btn and loda-icon are used by the plugin to style the button. The styling is quite simple and done in loda-button.css. The animation is created using CSS3’s animation, transitions and transforms, which are supported by Chrome, Firefox, Opera, and IE10.
Requirements: jQuery Framework
Demo: http://lugolabs.com/blog/2013/06/23/loda-button
License: License Free
Codrops has shown us a creative way to show animated books using CSS 3D Transforms. You can see two types of book designs: hardcover and paperback. Both were made to be easily modifiable in some of their content parts using CSS, images, anchors and some extra little details.
The hardcover book consists of three cubes: hardcover front, book spine and hardcover back. Each part uses pseudo-elements to provide some thickness. In contrast to the hardcover, the paperback is a bit simpler. It is made from flat surfaces like the pages and does not include a book spine: paperback front, ruled paper and paperback back.
Requirements: CSS 3D Transforms
Demo: http://tympanus.net/Development/AnimatedBooks/
License: License Free
It’s easy to take the “masking†of passwords for granted. This practice increases login failures while providing little-to-no security benefit. Life’s too short to waste time re-typing passwords.
Hide/show Password plugin lets you easily hide and reveal the contents of a password input field. The coolest part about this plugin is the “innerToggle†option. When true, it will create a nifty hide/show control you can style as you like. It even maintains the input focus when tapped in a touch browser.
Requirements: jQuery or Zepto Framework
Demo: http://cloudfour.github.io/hideShowPassword/
License: License Free
If you like icons, you’re going to love this deal.This is a bundle of icon bundles. In fact, you’ll have so many icons to choose from, you’ll want to create hundreds of different Web and mobile apps.
Specifically, this monstrous bundle consists of 3 huge icon bundles, for a total of 2,500 vector icons. The icons covering everything from food to sports to social media. You’ll find oodles of categories including commerce, furniture, transportation, medical and more.
Each pictogram is delivered in three popular sizes: 24×24, 36×36, and 48×48. You’ll also receive them in a wide variety of file formats, such as: EPS, AI, CDR, JPEG, PDF, PNG, and CSH. The total value of all of these icons is $147, and each bundle deal bought individually would cost you $57, but for a limited time only, you can get all three bundles for just $37.
Photos, emails, social profiles: what happens to them in case we pass away? Perpetu helps you leave final wishes for your online accounts. Practical and secure – no passwords required. Most of all it is simple and amusing, and it will make you think about your life in a whole new way.
Easily connect your Facebook, Twitter, Gmail accounts and more to Perpetu, with a click of a button. They use the community standards of oAuth & APIs to carry out your wishes. These standards are recognised by Facebook, Gmail and many other popular online services. They make sure that the actions we take on your behalf are well within the boundaries allowed by these online services.
Requirements: –
Demo: https://perpetu.co/
License: License Free
Popline is a HTML5 Rich-Text-Editor toolbar. Popline is inspired from popclip. Compared to traditional RTE, popline will float around the selected text. Popline also support View Mode, you can send a twitter, a facebook message, pin an image to pinterst, search with google in View Mode.
Popline provides commonly used editing features out-of-the-box. It’s easy to extend and easy to customize. You can easily customize the theme as well. It has been tested on Chrome 27.0, Safari 6.0.4, Firefox 21.0.
Requirements: –
Demo: http://kenshin54.github.io/popline/
License: License Free
As a designer, sometimes it’s difficult to get started on a new project. Maybe You will need to scour the web for inspiration, or doodle on a notepad to hopefully get some ideas. That’s when you need to look through collections of freebies.
Fortunately, enhancing your web design doesn’t have to cost a small fortune or take a lot of time. Here are 10 Awesome Freebies for Designers that can help enhance your web presence today.
1. Flat SEO icons
This set of 12 flat SEO icons is perfect for adding a light-hearted and playful tone to sites. The flat aesthetic is set off beautifully by the modern color palette and the addition of the long shadow technique is a sophisticated touch. Playful and approachable, the icons are useful for a number of different industries.
2. Colorful Grunge Textures
The pack contains 25 .jpg textures at 5000 by 5000px saved at 300ppi. The textures are compatible with all photo editors that support layers (Photoshop, Photoshop Elements, GIMP, Pixelmator etc.), both PC and Mac.
3. Modus Versus PSD Template
Modus Versus is a free multi-purpose PSD template, designed on the 1170 grid system. Excellent for use with responsive frameworks like the popular Twitter Bootstrap, it could form the basis of a good corporate site.
Read the rest of this entry »
Ack is a tool like grep, optimized for programmers. It is designed for programmers with large heterogeneous trees of source code, ack is written purely in portable Perl 5 and takes advantage of the power of Perl’s regular expressions. It’s fast because it only searches the stuff it makes sense to search.
You can searches entire trees by default while ignoring Subversion, Git and other VCS directories and other files that aren’t your source code.
You spend hours every day searching through source code. Ack makes it as quick and easy as possible to do that searching and to remove as much drudgerous typing as possible. The less typing you have to do, the better. Ack costs nothing. It’s 100% free and open source under Artistic License v2.0.
Requirements: –
Demo: http://beyondgrep.com/
License: MIT License
if you find yourself using common design components from one website to the next. You could grab the lastest Style Guide Boilerplate framework and use that to handle these common components, or you could roll your own framework. Style Guide Boilerplate is geared for people interested in creating their own “tiny Bootstraps”.
It promote consistency, modular thinking, add clarity to the parts and pieces that make up your website, and increase efficiency when editing a website.
Requirements: –
Demo: http://bjankord.github.io/Style-Guide-Boilerplate/
License: MIT License
Webydo is a professional web suite that enables graphic designers to create and manage exceptional HTML websites, without writing code. Designers can bring any website design to life and with a click of a button, publish an advanced HTML website online easily.
You will have full control over all design components such as: elements’ location, fonts and typography, backgrounds, image optimization, guidelines, etc. The drag and drop control enables you to easily upload elements such as: images, videos, forms, links, etc. All of the code will be converted into a W3C valid code automatically.
And also, all sites on Webydo are hosted on advanced cloud hosting infrastructure that’s monitored  24/7, and your website will be live and secured even during the biggest traffic storms. One of the best things is the automatic backups, which is there to ensure your website’s data will always be available. Webydo partnered with Akamai to deliver your website through a Content Delivery Network (CDN) which is a large network of servers placed across the world as well.
I found Webydo very easy to use and intuitive. You can quickly create exceptional HTML websites from scratch, without writing code. And best of all, it’s free or charge. Why not give it a try?
