Resources - iDevie

StringBean – FeatherWeight Responsive CSS Framework

Posted · Category: Framework, MIT License StringBean is the featherweight responsive CSS Framework based on a 24-point system, rather than the traditional 12-point system that other frameworks use. Sometimes, 12 is just too few, especially on a high resolution screen, such as 4K – at 4K String Bean comes into its own! This gives the… Continue reading StringBean – FeatherWeight Responsive CSS Framework

Gutenberg – Flexible and Web Typography Starter Kit

Posted · Category: CC License, Framework Gutenberg is a flexible and simple–to–use web typography starter kit for web designers and developers. It’s a small step towards a better typography on the web. Beautiful typographic styles can be made by setting base type size, line-height (leading) and measure (max-width). Gutenberg sets the baseline grid to establish… Continue reading Gutenberg – Flexible and Web Typography Starter Kit

9 Creative CSS3 Animation Tools You Should Bookmark

Are you looking for some free to use CSS3 animation tools? Well, if your answer is yes, then you are lucky enough to land on the right page. In this round up, we are presenting 9 amazing and best CSS3 animation tools that every designer must know. You can bookmark these animation tools for your… Continue reading 9 Creative CSS3 Animation Tools You Should Bookmark

RichCSS – Beautiful, DRY, Clean and Reusable CSS

Posted · Category: Framework, MIT License RichCSS is an Object Oriented CSS framework providing default structures for reusable css elements. It’s built around an Architectural Style that organizes your code in a way that allows: reusability of your css, versioning, the use of css plugins and the ease of using it. RichCSS is bringing convention… Continue reading RichCSS – Beautiful, DRY, Clean and Reusable CSS

Create This Surreal Scene of Waterfall Mountains with Adobe Photoshop

Learn how to create a surreal scene of waterfall mountains in Photoshop. In this tutorial I’ll show how you can merge different stock images to accomplish a surreal and fantastic scene of waterfall mountains. You’ll learn how you can create amazing lights effects, blending mountains stocks into a cohesive scene, enhancing light effects and creating… Continue reading Create This Surreal Scene of Waterfall Mountains with Adobe Photoshop

Create This Surreal Scene of Waterfall Mountains with Adobe Photoshop

8 Free Web Tools To Boost Your Drawing Skills

If you are searching online app which help you to improve your drawing and sketching skills then wait for a minute and have a look at this collection. In this post, we are going to showcase 8 free, useful and best web apps which help you to improve your drawing skills. In the internet you… Continue reading 8 Free Web Tools To Boost Your Drawing Skills

Marvel Styleguide for UI Components and Branding

Posted · Category: Framework, License Free As Marvel continues to grow, both as a product and a company, one challenge they are faced with is learning how to refine the Marvel brand identity and apply it cohesively to each of their products. They created this styleguide to act as a central location where we house… Continue reading Marvel Styleguide for UI Components and Branding

Facebook OS X design concept

Today we want to show you a Facebook design concept for OS X. Lorenzo Bocchi, the designer, has completely redesigned the classic user interface providing new pages, grid views and other UI elements. Last but not least, he has released the Sketch project file on his personal page for free… it’s worth a look! Download freebie

Record and Analyze Your Users Behavior with Jaco

Posted · Category: Capture, License Free Jaco records and plays exactly what your users are seeing. No matter how complex your application is. Their unique recorder technology captures every user interaction as it happens in your application, including css animations and dynamic content. You’ll be able to get a look at your real users` experience.… Continue reading Record and Analyze Your Users Behavior with Jaco

How to Achieve 5 Common Looks in Photoshop

How do I achieve this look? That’s the question that gets asked all the time. In this post, you’ll learn 5 common effects and how to create them in easy steps. Believe me – they’re incredibly easy and do not require a bunch of layers. PrevNext 1. Matte/Faded/Raised Blacks This simple effect with many names is used… Continue reading How to Achieve 5 Common Looks in Photoshop

Filterizr – A jQuery Plugin to Apply Filters Over Responsive Galleries

Filterizr is a jQuery plugin that sorts, shuffles and applies stunning filters over responsive galleries using CSS3 transitions and custom CSS effects.You can write your very own, custom effects in CSS and watch your gallery come to life. Features: – Pluggable look & feel (write your CSS effects in the box on the right and… Continue reading Filterizr – A jQuery Plugin to Apply Filters Over Responsive Galleries

Create a Responsive jQuery Slider with Turnable.js

Posted · Category: Gallery, License Free Turntable.js is a responsive JQuery slider that will let you rotate through a list of images as your mouse (or finger) sweeps across a container. Think of it like a flipbook made with Javascript, instead of paper. All you need is a set of images, and jQuery. It’s a… Continue reading Create a Responsive jQuery Slider with Turnable.js

7 Free Server Monitoring Tools

There are so many wonderful and superb server monitoring tools are available in the internet some are free while some are costly. But in this collection we are showcasing 7 free and outstanding server monitoring tools. So when you use this collection you always make sure that your website is available for your users or… Continue reading 7 Free Server Monitoring Tools

How to Make “The Aviator” 3D Game with Three.js

Posted · Category: License Free Codrops has shared The Making of “The Aviator”: Animating a Basic 3D Scene with Three.js, they created a simple 3D flying plane using Three.js, a 3D library that makes WebGL simpler. WebGL is a pretty unknown world for many developers because of the complexity and syntax of GLSL. But With… Continue reading How to Make “The Aviator” 3D Game with Three.js

Chart.js – Flexible JavaScript Charting for Developers

Posted · Category: Charts, MIT License Chart.js is a simple yet flexible JavaScript charting for designers & developers. Chart.js merges configurations and options in a few places with the global defaults using chart type defaults and scales defaults. This way you can be as specific as you want in your individual chart configs, or change… Continue reading Chart.js – Flexible JavaScript Charting for Developers

Meet “Intense” – A Revolutionary Multipurpose HTML5 Template

Posted · Category: Information The fastest way to build a website is to use a readymade website template, plus do some customization (depending on your requirements). And when a few years ago that was the choice of small companies and bloggers, today even the largest corporations opt for these tactics. Indeed, why reinvent the wheel… Continue reading Meet “Intense” – A Revolutionary Multipurpose HTML5 Template

8 Free Cloud-Based Tools For Physicians

This post will surely help the physicians because in this post we are presenting 8 free and superb cloud-based tools for physicians. All these wonderful and outstanding cloud-based tools are reliable and you can easily afford them, save your time and make your work easier for you. All these amazing tools are free, popular and… Continue reading 8 Free Cloud-Based Tools For Physicians

Create an Abstract Portrait in Photoshop

On this tutorial we will create abstract photo artwork of a girl portrait with disintegration effect on it. We will learn to create disintegration effect in a handy and practical technique, adorn the photo with stunning lighning and then complete it with color adjustment. Throughout the tutorial, we will have fun to learn simple and… Continue reading Create an Abstract Portrait in Photoshop

Create Amazing Videos in Your Browser with Showbox

Posted · Category: License Free, Video Showbox enables anybody to create studio-quality video content. Showbox is a cloud-based solution that transforms video creation into a simple, scalable process that gives you beautiful results you couldn’t achieve beforehand. We tried to cover everything needed to create a video, in a way that allows you to go… Continue reading Create Amazing Videos in Your Browser with Showbox

12 Best Free Stencil Fonts For Designers

ADVERTISEMENT In this collection, we are going to showcase 12 top and wonderful stencil fonts for the web designers. All these superb stencil fonts will definitely help you in interior decorating, architectural mastery, posters, packaging, t-shirts/clothing and in creative painting. All these outstanding stencil fonts are presented in high quality that helps you to enhance… Continue reading 12 Best Free Stencil Fonts For Designers

Build Awesome User Interfaces with Flexbox Patterns

Advertise here via BSA Flexbox is awesome, it introduces many new concepts that can make it difficult to use. There are some interactive examples will show you practical ways to use it to build UI components. They start out simple and get more complex near the end, and you can start using them in your… Continue reading Build Awesome User Interfaces with Flexbox Patterns

A Closer Look at the Best UX and UI Tools and Apps

There are various ways to build a prototype, and a prototype can be used as a measure of design progress or to test final result. In most instances, a web designer goal is to create a high-fidelity prototype has the look and feel of the end product, and is also capable of supporting team collaboration… Continue reading A Closer Look at the Best UX and UI Tools and Apps

Chartd – Responsive and Retina-Compatible Charts

Advertise here via BSA At StatHat, they make a lot of charts. They creates dynamic, autoupdating charts using JavaScript, but we also send charts via email and to external services like Campfire and Slack. Plus, they let users embed charts on their own web pages. For these situations, JavaScript charts either won’t work, are overkill, or could get… Continue reading Chartd – Responsive and Retina-Compatible Charts