Category: Resources

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

Morphing Modal Window

This is a call-to-action button that animates and turns into a full-size modal window coded by Codyhouse.Modal windows are used to display related content, by hiding temporarily the main content. If we imagine our web page as layers distributed along the z-axis, modal windows are on top.The main idea here is the button that triggers… Continue reading Morphing Modal Window

Best framer.js tutorials for 2015

When it comes to being a great web developer, it’s always important to acquire new skills especially in this new environment where everything moves so fast. Learning Framer.js has become one of the top priorities for many developers, mainly because this skill helps a lot with prototyping efforts. If you like to learn Frame.js, here… Continue reading Best framer.js tutorials for 2015

20 Popular WordPress Themes & Templates

On web there are lots of premium wordpress themes available. To find the right one for your need is a challenge. To make you easier to select your desire theme we collect some top class Popular WordPress themes and Templates. Avada | Responsive Multi-Purpose Theme X | The Theme Enfold – Responsive Multi-Purpose Theme Bridge… Continue reading 20 Popular WordPress Themes & Templates

SpaceBase – Sass-based Responsive CSS Framework

SpaceBase is a Sass-based responsive CSS framework. Many CSS frameworks are meant to be included and left alone. But spaceBase is a boilerplate layer that can be built upon and tailored for your needs. It combines best practices for today’s responsive web with the core components we use on every project. Consider it the launch… Continue reading SpaceBase – Sass-based Responsive CSS Framework

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