Category: Web Development

The 15 Best Material Design Frameworks and Libraries

Material design was developed by Google, with the basic idea to create a unified style for all of the company’s web and mobile apps. It is based on many principles including things like proper animations, responsiveness, and smart usage of colors and shadows. You can read about the guidelines in full detail here. Although Google’s design language is… Continue reading The 15 Best Material Design Frameworks and Libraries

Write Your Next Web App With Ember CLI

If you begin a contemporary internet undertaking or begin digging into an current code base, chances are high you’re attempting to create or improve a characteristic to your customers. The final thing you need to do is spend time customizing construct instruments and creating infrastructure to develop your software. For those who land a brand… Continue reading Write Your Next Web App With Ember CLI

AngularJS In-Depth

AngularJS In-Depth “AngularJS In Action” author Lukas Ruebbelke dives into AngularJS, an intuitive framework that makes it easy to organize code by incorporates concepts like two-way binding, dependency injection and views which results in very testable code.” https://youtu.be/2TQc6hDFzG0 https://youtu.be/lOtE33Vvtuk https://youtu.be/UeOeq5X6VVk https://youtu.be/rpT82wErC5k https://youtu.be/yOT9WTDQ5Vo https://youtu.be/54tqeFvKMXI https://youtu.be/ROjvuuFtNJc

Build a Real-Time Polymer To-Do App

  If you kept up with Google I/O 2015, then you likely saw that Polymer 1.0 has been released to the public. If you have been around since Polymer 0.5, then you likely saw that all your favorite building blocks have been deprecated. For all those who have used 0.5, consider this a migration assistant.… Continue reading Build a Real-Time Polymer To-Do App

Ready to Prototype from within Sketch? Then Say Hello to Silver!

Aby Nimbalkar and Andrey Shakhmin, the creators of Silver, were kind enough to invite me to a private beta of the application, and it did not disappoint. Oh no. After just a couple of minutes, it put a huge ‘Cheshire Cat’ style grin across my face, and that’s the correct response to the frequently asked… Continue reading Ready to Prototype from within Sketch? Then Say Hello to Silver!

Multipurpose Selection of 20 Free & Premium HTML Templates

Ready-made HTML templates are a common choice of non-tech savvies who want to get their sites up and running promptly. You can avoid browser compatibility issues, problems with indexation by search engines, and coding mess. Just add your content, edit the design a little, and voila. Your web resource is ready to promote your business… Continue reading Multipurpose Selection of 20 Free & Premium HTML Templates

Create A Little Easter Egg in Your Website with Dom-Animator

Web developer is not boring, sometimes we like to sneak in some funny comment, interesting variable names, hidden features or hidden images some where in the website, hopefully someone will notice it and have a good laugh. Here we have a nifty Javascript library called Dom-Animator. You can use it to show small ascii animations… Continue reading Create A Little Easter Egg in Your Website with Dom-Animator

Easy to Use Dialog System for Modern Web Apps

BasicModal is a dialog-system for modern web-apps. It includes everything you need to display information, ask questions or request input from the user. Modals can be chained, so you can easily build a setup-assistant or show dialogs in a predefined order. Invalid input can be highlighted and handled using the included function. BasicModal uses SASS,… Continue reading Easy to Use Dialog System for Modern Web Apps

20 Free WordPress Themes (2016 Edition)

Thinking about launching a WordPress site? Not sure if you want to hire a professional web designer or buy a WordPress theme? What about a nice cocktail of free WordPress themes for any kind of project, all collected together in this blog post? Will these freebies brighten your mood? We are sure they will. So,… Continue reading 20 Free WordPress Themes (2016 Edition)

Polaroid Stack to Grid Intro Animation

A tutorial on how to create an intro animation where a decorative Polaroid stack becomes a grid similar to the effect seen on the takeit website. View demo Download source Today we’d like to show you how to create a very simple intro effect similar to the one seen on the takeit website where a… Continue reading Polaroid Stack to Grid Intro Animation

Build a Custom Photo Widget for Your Desktop with Node.js

The first thing I do on any new device is customize the home screen. This has been a tradition of mine since my first non-DOS computer, when I used my Mario Paint manual to help me make some Legend of Zelda pixel art in MS Paint, and set it as the Desktop wallpaper. Now that… Continue reading Build a Custom Photo Widget for Your Desktop with Node.js

20 Interesting JavaScript and CSS Libraries for February 2016

The world of web development keeps expanding as new frameworks, libraries and plugins are created everyday. To keep you up to date with all the cool toys, we made this collection of our favorite JavaScript and CSS tools you should try in February 2016. Super Simple Slider Super simple slider is jQuery plugin which provides you with a functional and… Continue reading 20 Interesting JavaScript and CSS Libraries for February 2016

Deploying from GitHub to a Server

GitHub, and the Git version control system it’s based on, are fantastic tools for managing and collaborating on projects – code-based or otherwise. In this article, we’ll look at options for making Git and GitHub projects fit better into developer workflows, allowing for a smooth and hands-off deployment process. I’ll break these options into the… Continue reading Deploying from GitHub to a Server

25 Beautiful Card-Based WordPress Themes

Card-based designs got popular with the rise of Pinterest in the realm of social media. The image sharing website’s card-based website had led to a rising trend of cards in user interfaces of websites and mobile applications. It is an excellent solution for the specific demands of mobile devices (which are typically smaller) and interfaces,… Continue reading 25 Beautiful Card-Based WordPress Themes

11 Amazing Effects Created Using CSS3 Box Shadows

With CSS3 Box Shadows, you can do a lot of things like building modals, making beautiful text effects, drawing a Viking shield and even more. Designers all over the world are playing around with CSS shadows and come up with exciting results. In this post, we are also presenting 11 amazing effects that you can… Continue reading 11 Amazing Effects Created Using CSS3 Box Shadows

9 Useful Javascript Color libraries

Here are 9 useful Javascript libraries which allow you to perform many different manipulations on colors. Colorify Colorify is a script written in Javascript, that allows you to extract colors from images, and manipulates them. From a simple plain color, based on the dominant color, to a beautiful gradient based on the image edges colors,… Continue reading 9 Useful Javascript Color libraries

CSS Flexbox Toolbox – Learning Guides, Tools & Frameworks

Flexbox is an advanced method of more efficiently using space amongst items of a CSS container. While its theory can seen a bit complicated and difficult to master, thankfully the web is chock-full of great opportunities to learn. We’ve compiled a collection of some of the best resources out there to help you learn more… Continue reading CSS Flexbox Toolbox – Learning Guides, Tools & Frameworks

Learn SQL

Every web developer should know SQL. Although it has been around since the 70s, it is still widely used, and you can’t build a serious application without it. Most full-stack frameworks have libraries for dealing with the SQL complexity – ActiveRecord, Doctrine, Hibernate and more. But often times you need to get your hands dirty and write low-level… Continue reading Learn SQL

Card Stack Effects With CSS and Dynamics.js

This is some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element. Animation is at the top element of a stack by clicking on an accept or reject button.These kind of animations can fit into many scenarios involving all kinds… Continue reading Card Stack Effects With CSS and Dynamics.js

Developing a Static Site Generator Workflow

Nobody likes finding bugs. Even worse, no one enjoys finding bugs while shopping for digital products. That is why, as a company providing a web-based bug tracking tool to tens of thousands of users, we have to ensure a bug-free environment. With our increasing number of web pages – and therefore increasing lines of code… Continue reading Developing a Static Site Generator Workflow

Design Mock-Ups Need Dynamic Content: Tools and Plugins

Nothing is perfect on the web. We can’t make sure that our websites always work as intended, but we can try our best to design resilient and flexible websites that aren’t that easy to break — both in terms of interface design and security. Yet still neither resilience nor flexibility are usually reflected in deliverables… Continue reading Design Mock-Ups Need Dynamic Content: Tools and Plugins

Weekly News iDevie (week 5)

This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week. You can sign-up to our awesome weekly newsletter for some more amazing design articles, resources and freebies. New Resources & Tools voxel.css – A new, lightweight 3D CSS voxel library. Performance Budget… Continue reading Weekly News iDevie (week 5)

How To Create And Customize A WordPress Child Theme

The WordPress platform is a magnet for those who want to take matters into their own hands, who want complete control over their websites and want to be independent in running them. WordPress does make it really easily to completely customize a website. If you have a bit of knowledge of HTMl, CSS and/or PHP,… Continue reading How To Create And Customize A WordPress Child Theme