Marble UI Kit is designed by Jian Wei from Singapore. He designs for the screens, specialise in front-end web development, user-interface and user-experience design.
Jian Wei is currently pursuing a BFA in Art, Design and Media at Nanyang Technological University. He has recently made a switch to Sketch after using Photoshop for almost 9 years. To test the app out, He designed this amazing Marble UI Kit for practice. It’s free for download.
Requirements: –
Demo: http://blog.madebyjw.com/marble-ui-kit/
License: License Free
Tabulous.js is a jQuery tabs module for todays web. Tabulous.js can be used with any contents you choose in the tabs and it couldn’t be more simpler to use.
Simply include jQuery and the tabulous.css and tabulous.js files before <head> section. Once you have created your tabs you can initiate the plugin with $(‘#tabs’).tabulous(). You can customize the effects with options like scale, slideLeft, scaleUp and flip.
Requirements: –
Demo: http://git.aaronlumsden.com/tabulous.js/
License: MIT License
Minimit Anima is a jQuery plugin to animate with transforms and transitions. It’s hardware accelerated css3 animations which is built to have fast animation execution, and it has an api similar to jquery animate, with animations queueing.
By default the anima method do automatic fallback animation on browsers not supporting transitions or transform3d. It also does scale, rotate and skew animations on browsers without transitions from jquery.transform.js already included in the plugin.
Requirements: jQuery Framework
Demo: http://www.minimit.com/projects/code/minimit-anima-plugin
License: MIT License
MasonJSÂ jQuery Plugin was created to solve a problem with most grid system currently available. Gaps. When using Masonry, Isotope or any of the other grid plugins out there sometimes your grid will contain gaps or ragged edges. Mason was made to fill those gaps in.
MasonJS looks at your grid and finds all of the elements that compose the grid. It creates a matrix of a perfect grid based on the sizes of those elements, and determines where the gaps are by looping over each block in the grid. it then fills in those gaps with filler elements, that you can define or it will duplicate elements in your grid.
Requirements: –
Demo: http://masonjs.com/
License: MIT License
Fonts can make or break a project. Finding the right elegant font can be particularly tricky, though, since the intricate detail can often render your words illegible. That’s why Laura Worthington’s Samantha Script font is so perfect. Elegant and easy to read, this beautiful font is also significantly marked down for a limited time, due to this Mighty Deal.
You’ll get 1,100 alternate and swash letters that feature ascenders and descenders, all varying in length and complexity, so you can truly fine tune the look of your font. In addition to all the stylish letters, this collection includes 60 beautiful ornaments to complement your text, adding an even more artistic flair to your work.
The full Samantha Script font family, which includes all 4 styles, normally sells for $300, but for a limited time only, you can get the entire family for just $37! That’s a whopping 87% off the regular price!
Pico is a stupidly simple & blazing fast, flat file CMS. Picos makes creating and maintaining a website as simple as editing text files. Pico is a “flat file” CMS, meaning no database woe’s, no MySQL queries, nothing. It is seriously lightweight and doesn’t use a database, making it super fast.
You can edit your website in your favourite text editor using simple Markdown formatting. Pico uses the Twig templating engine, for powerful and flexible themes. Best of all, Pico is completely free and open source, released under the MIT license.
Requirements: –
Demo: http://pico.dev7studios.com/
License: MIT License
Some advertising Agencies and big corporations has done a very good job in advertisement. They are creative advertisements really stand out of the crowd, the idea is really out of the box, something that makes you laugh, talks about it or at least make you look twice.
They send a lot of money on trying to catch your attention, in this collection you’ll find 30 Brilliant & Creative Advertisements in Technology Niche that probably reached their goal. I am sure you can get some inspirations of creativity too.
Viewing Koala
Amazingly Big Downloads
Energy that Lasts
Read the rest of this entry »
Tactile Design Kit is a physical, interactive web design kit created to facilitate client conversation and brainstorming during the discovery and design phase. The kit is intended to be printed. Some items can be laminated for re-use, and others should be left as one-time paper artifacts.
They help create structured limitations, within which productive conversations can take place and decisions can be made faster. Use this kit to help control scope and manage your client conversations, or simply use it as a tool for developing designs and websites faster.
Requirements: –
Demo: http://tactiledesignkit.com/
License: Creative Commons License
3D Isometric Map Mockup is a 3D map Photoshop action to convert a flat map to a three dimensional isometric stylish one a single click. Although It meant for maps, you can convert anything to this isometric 3D nice effect. This might include fonts, logos or anything else.
You may also interested in something similar but premium. 3D Map Generator Pro is a set of 22 one-click-actions! Automatically and with a professional result of every imaginable shape. Ideal for print and web graphics, infographics or presentations.
There are nearly uncountable different variations of one map possible. Choose between three terrain directions and 15 different surfaces and variations (e.g. grass, sand, snow, dry earth or wood) All surface textures are tileable and movable. You can also get some map icons and elements extension v1 and v2 as well.
Requirements: –
Free: http://www.blugraphic.com/2013/06/27/3d-isometric-map-mockup…
Premium: http://graphicriver.net/item/3d-map-generator-pro…
License: See the license on the website
Want to use your own icons? No problem, if you cant find what you need in Iconvault, just upload a folder of your own icons and have them made into a custom icon-font. Icon-font’s being scalable vector graphics means there is no need for multiple images or sprites for different devices. They will scale gracefully and look great at all resolutions even Retina displays.
Easily apply CSS styling you are already familiar with, including colour, text-shadows, vertical-alignment, animation & font-size. Iconvault has an ever expanding range of icons for you to choose from, carefully crafted and curated for all your icon needs.
Requirements: –
Demo: http://iconvau.lt/
License: SIL open font license, MIT license for code.
