Velocity.js Velocity is an animation engine with the same API as jQuery’s animate(). It works with and without jQuery. It’s incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Vivus Vivus is a lightweight JavaScript class (with no dependencies) that… Continue reading CSS And Javascript Animation Libraries To Create Awesome Effects
Category: Resources
I’m very font of you because you’re just my type
10 Freelancing Tools & Apps To Manage Your Work
Freelancing comes with its own set of advantages and disadvantages. In order to keep yourself motivated and up to date with the latest tools and developments in your area of work, freelancers need to spend lots of time in searching for the appropriate tools and resources. In this post, we are presenting 10 amazing freelancing… Continue reading 10 Freelancing Tools & Apps To Manage Your Work
20 Templates For Creating High-Fidelity Wireframes
Wireframing can be something quick and dirty, or it can be a large task that takes time to perfect. So here are some wireframe templates to help you save ton of time. With these templates you can easily create effective mockups and prototype of your web and mobile apps in no time. This is the… Continue reading 20 Templates For Creating High-Fidelity Wireframes
Philter – Control CSS Filters with HTML Attributes
Philter provides an easy way for almost anyone to post-process their content in the web. Using Philter is as easy as writing an attribute in HTML. Philter also supports hover effects. This nice effect of grayscale transition was created by Philter with one simple attribute. And some drop shadow, of course. Have you ever wanted… Continue reading Philter – Control CSS Filters with HTML Attributes
How to Create an Elastic SVG Progress Loading Bar
Codrops has published a tutorial of how to create an elastic SVG progress loader based on the Dribbble shot “Download” by xjw and implemented with SVG and TweenMax. The button starts as an icon with an arrow and once it’s clicked, it animates into a fun little wire and a label that indicates the download… Continue reading How to Create an Elastic SVG Progress Loading Bar
14 Best Resources For Learning CSS3
Are you looking for some detailed and useful CSS3 tutorials and techniques that you use to create better results? If your answer is yes then you are at right place. In this compilation, we are presenting top 14 useful and detailed CSS3 tutorials and techniques for you. All these tutorials and techniques are designed by… Continue reading 14 Best Resources For Learning CSS3
How To Design An App Walkthrough
Image source: Dan Machado[2] There are so many walkthroughs-misuse situations, that it is questionable whether designers really understand their purpose. There are many complex apps which don’t have walkthroughs, the same as simple ones which don’t need them, but they still incorporated them in their design. This makes the decision on whether to use walkthroughs… Continue reading How To Design An App Walkthrough
Pointy Slider In CSS and jQuery (tutorial)
Pointy Slider is a slideshow with sliding-in panels that unveil new, fixed background images.Pointy Slider is simple, responsive slider, with a sharp design and an interesting motion effect: with each new slide item, a sliding-in block of content covers the old one, and unveils a new image. It ‘s been created by Codyhouse using CSS… Continue reading Pointy Slider In CSS and jQuery (tutorial)
12 Best Meteor Tools For Developers
Are you a developer who is looking for some free to use meteor 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 12 best and extremely useful meteor tools for developers. Meteor tools or MeteorJS tools are very helpful… Continue reading 12 Best Meteor Tools For Developers
Weekly News for Designers Week 1 – 2016
New Tools & Resources CSSketch, an open source CSS plugin for Sketch. Juiced, a new Flexbox CSS framework. Smartcrop.js implements an algorithm for content aware image cropping FontReach, an app that scans the top million sites to show font usage across the web. Neutron, a Sass framework for creating flexible, clear, and semantic web layouts.… Continue reading Weekly News for Designers Week 1 – 2016
How To Create Impressive Websites
Image source: reuters.tv[2] As we already mentioned, ‘wow’ is the word we want our users to say when they open our website. It shows that they are amazed by what we’ve done and that our work was successful. You could appreciate them liking the site or addressing it as nice, but it is much better… Continue reading How To Create Impressive Websites
11 Smart Logos With Hidden Symbolism
Right here in this collection, we have been presenting for you 11 smartest logo design designs with concealed symbolism. The logo design the most design that is important on your website for several reasons. It’s the one aspect of a company’s commercial brand, or economic or entity that is academic and its own forms, colors,… Continue reading 11 Smart Logos With Hidden Symbolism
The Recently Released Webdev Resources You Would Need
Want to use Vanilla JS but find native APIs a bit unwieldy? Bliss is for you. Bliss is just a collection of helpers and light syntactic sugar over Vanilla JS. It does not account for browser bugs or lack of support of certain APIs, although it only uses features that are both supported across most… Continue reading The Recently Released Webdev Resources You Would Need
Fullscreen Scrolling Tiles with pagePiling.js
Parallax and page scrolling plugins are rather popular among the open source community. A new one to add into the mix is pagePiling.js. This completely free open source plugin runs on top of jQuery for a unique “slide” design. Each section of the page slides out of the way while scrolling. It’s not exactly parallax,… Continue reading Fullscreen Scrolling Tiles with pagePiling.js
12 Corporate & Creative Business Card Mockups
ADVERTISEMENT In this round up, we have for you 12 excellent corporate and creative business card mockups that you can use for your next client meeting or design project. These mockups are not only covering corporate professional designs but also include profession specific business card designs as well. We hope that you will like this… Continue reading 12 Corporate & Creative Business Card Mockups
The Languages And Frameworks You Should Learn In 2016
The Languages And Frameworks You Should Learn In 2016 A lot happened in the software development world in 2015. There were new releases of popular programming languages, new versions of important frameworks and new tools. You will find a short list of the new releases that we think are the most important below, together with… Continue reading The Languages And Frameworks You Should Learn In 2016
50 Free & Tremendous Cool Assets For Designers: January 2016
50 Freebies is a monthly collection of the latest handy and free digital goods perfect for the creative individual. The design freebies usually focus on mockups, templates, icons, free fonts and anything else we come across and think you maybe interested in. 50 Hand-Made Ornaments Financial Icons Rise Font Free Minimal & Clean Resume Template… Continue reading 50 Free & Tremendous Cool Assets For Designers: January 2016
50+ fresh resources for designers, January 2016
Howdy friends! We’re back again with another roundup of some of the best freebies available for designers and developers. To help you through the post-Christmas blues and kick off 2016 in style we’ve packed this edition with flat, solid, and line icons; brushes and patterns for Photoshop; templates; UI kits; WordPress themes; fonts; snippets; dev tools; design… Continue reading 50+ fresh resources for designers, January 2016
Some Of The Best Photo Manipulation Tutorials
In this tutorial I’ll show you how to create a fantasy fiery portrait of a woman. You’ll learn how to use textures, add fire and create lighting effect. Advanced compositing techniques This photomontage by Serbian illustrator Becha was created for an haute couture fashion editorial called Silent Spring that appeared in her home country’s Faar… Continue reading Some Of The Best Photo Manipulation Tutorials
100+ Logo PSD & Vector Mockup Templates
Elegant Logo Mockup Pack This fantastic logo mockup pack includes 6 different styles for your logo, 3 different front view backgrounds, 2 different perspective view backgrounds, and is fully layered for use in Photoshop. Mix Branding Logo Mockups A beautiful assortment of 14 branding logo mockups, handpicked from multiple logo mockup categories. This bundle gives… Continue reading 100+ Logo PSD & Vector Mockup Templates
OS.js – Open Source Desktop Implementation for Your Browser
OS.js is an open-source desktop implementation for a fully-fledged window manager to your browser, Application APIs, GUI toolkits and filesystem abstraction. It works in any modern browser and is implemented on any platform using Node or PHP. OS.js is completely free and open-source which means that you are able to contribute to the development or… Continue reading OS.js – Open Source Desktop Implementation for Your Browser
9 Free A/B Split Testing WordPress Plugins
Split testing or A/B testing is the method of comparing two versions of a web page or call to action in order to see which version performs better. It is the integral part of any web designing as designer creates more than one version of a same web page and then he checks which one… Continue reading 9 Free A/B Split Testing WordPress Plugins
13 Free Photoshop Brush Packs For Complex Fractals
ADVERTISEMENT We have collected thirteen unique and beautiful Photoshop brush packs for complex fractals that the designers can download for free and use in their future projects. This is the most comprehensive list in this genre and the use of these brush packs will help in saving a lot of valuable time. Post us your… Continue reading 13 Free Photoshop Brush Packs For Complex Fractals
Strategies For Creating Better User Interfaces
Believe it or otherwise not, perfect interfaces are created on an item of paper. It’s much later on that the exact same is used in Photoshop or Sketch App. The primary advantage of paper sketches may be the possibility to produce errors. Unlike limited design pc software, paper is ready to accept everybody’s imagination and… Continue reading Strategies For Creating Better User Interfaces