Category: Web Development

Bookshop With React & Redux II: Async Requests With Thunks

Previously, we got ourselves started with React with Redux fundamentals and touched all the core concepts of Redux including Actions, Reducers and Stores. We also had a look at the features of React-Redux library including connect and Provider. What we can do now is move further to complexity and reality by fleshing out the application… Continue reading Bookshop With React & Redux II: Async Requests With Thunks

Angular 2 Transclusion using ng-content

Free Course Getting Started with Angular 2 Angular 2 is the shiny new framework that comes with a lot of new concepts. Learn all the great new features. Get Started Wait a minute… What is transclusion? Understanding Transclusion Don’t get confused by the term Transclusion. It’s best explained using an example. Let’s say we have… Continue reading Angular 2 Transclusion using ng-content

Build a Bookshop with React & Redux I: React Redux Flow

At some point in your complex React project, you are going to need a state management library. Redux is a good choice because of it’s simplicity and centralized data management. This piece is a practical approach to the fundamentals of Redux in building React application for managing a book store. If you are unfamiliar with… Continue reading Build a Bookshop with React & Redux I: React Redux Flow

Deadline: Free UI kit for Photoshop

Deadline is a free UI kit for Photoshop including hundreds of elements and 82 awesome screens in 6 different categories: generic, sign in / sign up, ecommerce, blog, profile and menu. You can take advantages of this kit to create a minimum viable product in a few hours, it’s free for personal and commercial use! Designed and released… Continue reading Deadline: Free UI kit for Photoshop

Flexbox Patterns: Ready-To-Use Building Blocks for Your Design

If you ever delved into Flexbox as an alternative to the classic CSS box model, you probably don’t want to go back. The hitch is, that you need to deal with it in-depth, and who has enough time for that these days. Thus, we’re often stuck with old methods of getting things done, just because… Continue reading Flexbox Patterns: Ready-To-Use Building Blocks for Your Design

Switch: A simple javascript plugin

Switch is a simple but powerful javascript plugin (no dependencies) for creating iOS style switches from simple checkboxes. The plugin comes with a set of options (size, colour, text, etc.) and callbacks that help you to get integrate a switch in your UI in a few clicks. View Demo   View on Github

15 Free Responsive PSD Website Templates

Free PSD website templates, which you can download and use for free! These web templates well organized, fully customizable and very easy to use. All templates are modern and follow the new trends and will looks nice in any resolution and on any device. These free website templates are suitable for e-commerce store, business websites, Photo Studio, Freelancers, Portfolio Theme, Personal, Restaurant,… Continue reading 15 Free Responsive PSD Website Templates

Free iOS Wireframe kit for Sketch

A free iOS Wireframe kit for Sketch designed by Megan Dolan at Savvy including a lot of useful pre-built elements to be dragged and dropped into a mockup. This kit is different from all the other ones because it takes advantage of Sketch symbols that allow to quickly insert a specific element from the symbol menu. Hope you enjoy… Continue reading Free iOS Wireframe kit for Sketch

Diverse Device Hands by Facebook

The design team at Facebook has just released another great free resource called Diverse Device Hands: it is basically a set of phone mockups held by hands that you can use in any presentation of your designs. The package includes PNGs of the hands holding various devices as well as a Sketch file of the hands with vector… Continue reading Diverse Device Hands by Facebook

20 Free CV / Resume Templates & PSD Mockups

New designed Free Resume Templates and PSD mock-ups. These templates are 100% customizable and ready to print. All CV / Resume templates are very helpful to make your online CV/Resume. All template are perfect for photographers, designers, and developers with easy to customize fully Photoshop  layered PSD files. Remember your first impression starts with your Resume / CV, make… Continue reading 20 Free CV / Resume Templates & PSD Mockups

Barba.js: A plugin for page transitions

Barba.js is a lightweight and dependency free javascript plugin to create fluid and smooth transitions between your site pages. It uses PJAX to enhance the user’s experience. Coded by by Luigi De Rosa. It helps reducing the delay between your pages, minimising browser HTTP requests and enhancing your user’s web experience. Project page

Chart.js A Simple yet flexible JavaScript charting for designers & developers

Chart.js was first introduced in year 2013, for 3 years of intensive development by many contributors, it has became quite a powerful open source Javascript charting plugin. It’s designed for both developers and designers. It supports 8 types of charts – Line, Bar, Radar, Polar Area, Pie & Doughnut, Scales charts. With version 2.0, you… Continue reading Chart.js A Simple yet flexible JavaScript charting for designers & developers

How to Send a Pull Request using the Github Desktop Client

In one of my previous posts, I outlined the process of contributing to open source software with a detailed account of each step. One of those steps was sending a pull request to the owner of the repository you forked from. I showed you how to send a pull request using Github‘s web interface. In… Continue reading How to Send a Pull Request using the Github Desktop Client

A slider with SVG radial transition effect

Today we want to share with you another gem by CodyHouse: it’s a tutorial that shows you how to create a simple responsive slider powered by SVG radial transition effects. In the article you can also find a link to download the resource and create your custom slider in a matter of seconds. View Demo   Project… Continue reading A slider with SVG radial transition effect

Find JavaScript Code Snippets by Functionality with Cocycles

Cocycles is a new code search service that enables code to be found by functionality. In this article, Cocycles team member Jonathan explains the idea behind this approach to code searching. We’re all familiar with it: that moment when you’re forced to abandon your code editor, interrupt your workflow and open your browser to search… Continue reading Find JavaScript Code Snippets by Functionality with Cocycles

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

Animated Animals in CSS and SVG

Learn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals. View demo Download source Today we want to show you how the clever use of HTML, CSS sequenced animations, and SVG filters can bring to life one of the most unlikely (yet adorable) things to… Continue reading Animated Animals in CSS and SVG

How to Use BrowserSync for Faster Development

BrowserSync is an automation tool that makes web development faster. In the past we’ve automated a lot of actions like compilation of SASS files, image compression etc. BrowserSync brings a whole new type of automation to the table with batteries included. BrowserSync makes your tweaking and testing faster by synchronizing file changes and interactions across… Continue reading How to Use BrowserSync for Faster Development

Everything You Need to Know About WordPress Child Themes

A child theme is a set of styling guidelines and/or functions which are utilized to incorporate functionality or replace the appearance of an existing WordPress theme. Child themes can be modified without altering the original code of your theme, allowing you to make changes as small as changing a couple of colors, or as extensive… Continue reading Everything You Need to Know About WordPress Child Themes

How to Optimize Images on Websites to Improve Performance and UX

As the number of images and videos on a website continue to grow, slower load times, which result in a negative user experience, are growing concerns for any company. An article in The Fiscal Times, citing Internet data measurement company HTTP Archive, noted that the average website is now 2.1 MB in size, compared to… Continue reading How to Optimize Images on Websites to Improve Performance and UX