Category: Resources

I’m very font of you because you’re just my type

Hover.css Project

Hover.css is an interesting project that is available to contribute to on Github. This library is a collection of different CSS effects that be applied to single elements. The project effects are self contained pieces of CSS that can be used freely in your next project. It also comes in Sass or LESS if you… Continue reading Hover.css Project

20 Free and Exciting CSS3 Libraries, Frameworks and Tools

A lot of additions and enhancements have been done to CSS in CSS3. Designers used to create simple animations using jQuery or Javascript but CSS3 has changed all that due to all the new and exciting features added to it. It has become a lot easier to explore details and play with the designs using CSS3. Due… Continue reading 20 Free and Exciting CSS3 Libraries, Frameworks and Tools

Slide-in Content Filter Powered by CSS and jQuery

A well-designed filter is a powerful tool users can take advantage of. It is actually an essential feature if your website has lots of content, distributed across different categories. For an e-commerce, it is a way to increase conversion rates by reducing the time needed by the user to find what he’s looking for. Building… Continue reading Slide-in Content Filter Powered by CSS and jQuery

Important tools you need for cross brower testing

There are a multitude of browsers that you can find right now on the market and, as a developer, you have to make sure that you test the site you created on as many as possible. However, you simply cannot test all existing browsers on all possible platforms, this is close to impossible. Because of… Continue reading Important tools you need for cross brower testing

Snabbt.js – Fast animations with Javascript and CSS transforms

snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices. snabbt.js is built to be fast. It will… Continue reading Snabbt.js – Fast animations with Javascript and CSS transforms

Squire – An HTML5 Rich Text Editor

Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible. It is built for the present and the future, and as such does not support truly ancient browsers. It should work fine back to around Opera 10, Firefox 3.5, Safari 4, Chrome 9 and IE8. Requirements: HTML5… Continue reading Squire – An HTML5 Rich Text Editor

10 Best free WordPress themes January 2015

Inspired Magazine Inspired Magazine – creativity & inspiration daily A little while ago, I did my own research to find out what’s the average number of theme downloads from the official directory every week. The number turned out to be 380,000. That’s quite a lot if you ask me. And if we look at it… Continue reading 10 Best free WordPress themes January 2015

Typography Boilerplate for Minimal Website

Tpesettings.css is the typography boilerplate for your minimal website or blog project. All typographic styles are inspired by traditional graphic design fundamentals—the boring stuff that you learn in Typography 101. Simple include typesettings.css in the head section after your main stylesheet, and then add class=”typesettings” to your article element. Requirements: CSS Demo: http://mikemai.net/typesettings/ License: License… Continue reading Typography Boilerplate for Minimal Website

How to Build Interactive Prototype with Google Form

download source file I have been using Form since Google acquired them. The video above is my 2nd prototype built with Form. And I’m writing my first Medium article to share the knowledge I learned while making it. But it’s not a follow me then you’ll get it tutorial. I’m just going to give a… Continue reading How to Build Interactive Prototype with Google Form

Preview Prototypes on iOS8 with Frameless

Frameless for iOS 8 is the browser that gets out of your way. It’s made for designers and developers who need an easy way to preview prototypes on iOS devices. No browser chrome and no status bar. Gestures control browser history and reveal the keyboard. You can swipe, tap with three fingers or shake the… Continue reading Preview Prototypes on iOS8 with Frameless

50 Most Useful jQuery Plugins from 2014

Today, we have the 2014 edition of our top 50 jQuery plugins of the year. They are the 50 jQuery plugins that we feel are the most useful, most innovative and most time-saving solutions to many of the modern design and development issues you may have. Just to help you find exactly what you are… Continue reading 50 Most Useful jQuery Plugins from 2014

Get the Best Out of Your Best: 25 Finest Premium WordPress Themes

The saying ‘You get what you pay for’ applies perfectly for the finest premium WordPress themes. These themes are packed with plenty of features that help you in creating all sorts of websites on WordPress. There are thousands of great themes out there but finding the one that will match perfectly with your need seems… Continue reading Get the Best Out of Your Best: 25 Finest Premium WordPress Themes

Skyline: Evolving CSS Architecture

Skyline helps you create a design system for your website. It encourages a well thought-out CSS architecture, and enables you to develop a reusable and maintainable codebase. The starter kit provides a solid CSS architecture that acts as a scaffolding to support your unique design system. It promotes object-oriented CSS, written in SCSS using BEM… Continue reading Skyline: Evolving CSS Architecture

Integrate Images from Your Instagram Feed to Your WordPress Site

Instagram apps and web platforms for photo and video sharing. If you have a WordPress site, you might be wondering how you can embed Instagram photo galleries and integrate images to your blog. To help users integrate their photos to their blogs and websites, Instagram has released a public Application Programming Interface (API). It is… Continue reading Integrate Images from Your Instagram Feed to Your WordPress Site

Best of SVG 2014: Icons, Tools and Resources

With mobile devices taking over the world, so to speak, new technology for making websites and apps look pretty on mobile devices continues to emerge and evolve. One of those awesome mobile technologies to arrive on the scene in recent years is that of SVG or Scalable Vector Graphics. SVG takes vectors a step further… Continue reading Best of SVG 2014: Icons, Tools and Resources

Top 10 Joomla portfolio templates for creative professionals and agencies

There are literally hundreds of Joomla templates available on the internet. In this article I look at top 10 templates for the creative professionals as well as for creative agencies. I hope you enjoy these as much as I have. 1. Wunderkind – One Page Parallax Joomla Template If you are looking for a template that is… Continue reading Top 10 Joomla portfolio templates for creative professionals and agencies

18 Cool Things You Won’t Believe Were Built Using CSS

Contrary to popular belief, CSS is not only used to provide basic style for a web page in order to make it look more attractive. There are plenty of other things that one can do with CSS as well. With the ability to create animations and interactions, CSS along with HTML and Javascript allow web… Continue reading 18 Cool Things You Won’t Believe Were Built Using CSS

Droidicon – Over 1600 Beautiful Icons for Android

Droidicon provides over 1600 customizable icons, 25 ready-made social badges and more! Droidicon makes it super easy to add icons and badges to your app. All of the social badges are already styled. Just add them to your app! Or you can customize the icons however you want. You can also add strokes, transparency, and… Continue reading Droidicon – Over 1600 Beautiful Icons for Android

Schema – A Modular, Responsive Frontend Framework

Schema is a modular, responsive, front end framework to easily and quickly help you jumpstart your process in building complex interfaces for the web right out the box. Schema comes fully equipped with the capabilities of creating familiar experiences across multiple viewports. From a desktop monitor down to a mobile device, Schema’s 12-column grid provides… Continue reading Schema – A Modular, Responsive Frontend Framework

Interact.js – JavaScript plugin for drag and drop, resizing and multi-touch gestures

JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+) Including: – Inertia – Snapping to a grid, custom anchors or paths. – Cross browser and device, supporting the desktop and mobile versions of Chrome, Firefox and Opera as well as Internet Explorer 8+ – Interaction with… Continue reading Interact.js – JavaScript plugin for drag and drop, resizing and multi-touch gestures

20 Online CSS3 Menu, Layout & Code Generators

Though CSS3 generators or tools are not necessary but can provide a strong start for your menu or layout designs. These tools can speed up the design workflow. You can change the code later according to your needs. In this article we featured 20 CSS3 menu, layout & code generators you can find online. These… Continue reading 20 Online CSS3 Menu, Layout & Code Generators

10 Useful jQuery Image Slider Plugins

While working on various designing an development projects, there sometime arises the need of various plugins, tools and extensions that claim to solve the purpose with ease. What these extensions do is they ensure to help you get the desired results without having to undergo the entire process by yourself. In short, the plugins, tools, apps and extensions… Continue reading 10 Useful jQuery Image Slider Plugins