Category: Web Development

Designing an iOS App in Sketch

In this 3 part tutorial (I wanted to break it into more digestible chunks) we’ll be creating screens for a fictional, ‘Pay It Forward’ iOS App called ‘Piece’. Before we start the tutorial, there’s a few things you’ll need: Once you have the items installed, let’s go ahead and create some awesome… Welcome Screen Let’s… Continue reading Designing an iOS App in Sketch

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

More About MEAN Stack You Want to Know!

A latest technology to the old-fashioned LAMP/WAMP stack for building professional websites and real-time applications is MEAN (MongoDB, Express, AngularJS, Node.js) stack, which is an open-source software. MEAN is nothing but a rearrangement of code and technology upgrades switching the base platform from Linux OS to a JavaScript run-time which brings Node.js. Node.js allows to… Continue reading More About MEAN Stack You Want to Know!

Making Accessibility Simpler, With Ally.js

I’ve been a web developer for 15 years, but I’d never looked into accessibility. I didn’t know enough people with (serious) disabilities to properly understand the need for accessible applications and no customer has ever required me to know what ARIA is. But I got involved with accessibility anyway – and that’s the story I’d… Continue reading Making Accessibility Simpler, With Ally.js

9 Responsive Frameworks For Responsive Design

Here, we are presenting a wonderful compilation of 9 useful responsive frameworks for front-end design. Though, responsive frameworks have been around for just last couple of years but are getting very much practiced. Consequently, we’re also presenting these responsive frameworks for you. These frameworks will help you in designing front end designs. So, have a… Continue reading 9 Responsive Frameworks For Responsive Design

Creating Your First Desktop App With HTML, JS and Electron

Web applications become more and more powerful every year, but there is still room for desktop apps with full access to the hardware of your computer. Today you can create desktop apps using the already familiar HTML, JS and Node.js, then package it into an executable file and distribute it accordingly across Windows, OS X and… Continue reading Creating Your First Desktop App With HTML, JS and Electron

20 Best Free Business WordPress Themes

Once you choose to grow your personal or company website, you should use one of many content management systems or CMS. Though I guess you’ll end up using WordPress sooner or later. WordPress if you’re looking for easiest and most powerful choice has a community that is fantastic’s always ready to help you out and… Continue reading 20 Best Free Business WordPress Themes

Gogs – An Open Source Self-Hosted Git Service

Gogs (Go Git Service) is a painless self-hosted Git service. The objective of this mission is to make the simplest, quickest, and most painless approach of establishing a self-hosted Git service. With Go, this may be achieved with an independent binary distribution across ALL platforms that Go supports, including Linux, Mac OS X, Windows and… Continue reading Gogs – An Open Source Self-Hosted Git Service

Create a MEAN Stack Google Map App (Part I)

Introduction “MEAN Apps with Google Maps” (A tongue twister to be true). And yet, whether you’re building an application to visualize bike lanes in your city, designing a tool to chart oil wells across the globe, or are simply creating an app to help choose your next date — having access to interactive, data-rich maps… Continue reading Create a MEAN Stack Google Map App (Part I)

New Trends WordPress Themes for 2016

New trendy design elegant & creative Business WordPress Themes which have many powerful features to allow you build websites very easy and unlimited your creative to make impressed websites. All themes are build with builder and most important all the designs are responsive. This means that it is compatible and looks comfortable on both a pc and… Continue reading New Trends WordPress Themes for 2016

15 Awesome Free Blogging Tools You Will Want To Use

Fifteen or even ten years ago, you could’ve just hit that publish button and people would read you. Today getting discovered is a little more complicated than that. With the number of blogging platforms themselves quadrupling since then, there’s such a small barrier of entry for new bloggers. There’s so much good content published every… Continue reading 15 Awesome Free Blogging Tools You Will Want To Use

Making MEAN Apps with Google Maps (Part II)

Introduction Welcome back! Last time, we created an application that integrated Google Maps directly into the MEAN stack. The app provided us a panel to create users, tag their location based on latitude and longitude, and validate their whereabouts using HTML5 geolocation. As of this writing, over 150 users have added themselves to our demo… Continue reading Making MEAN Apps with Google Maps (Part II)

Free Hand-Picked Resources for Designers and Developers – December edition

In this round up of free resources from december, you’ll find nice flat device mockups, unique UI screen compositions, color tools and inspiration, vector kits, professional printing templates, online communities, stunning icon collections, a curated list of CSS frameworks, a useful animation engine, cool fonts, and web templates in PSD format. All of it is… Continue reading Free Hand-Picked Resources for Designers and Developers – December edition

Front-end Tools: Some of My Favorite Finds of 2015

We’re just about at the end of 2015 and I’m sure you’d all agree it’s been another year jam-packed with new tools for web design and development. While doing my newsletter I’ve come across lots of interesting things, so I thought it would be cool to summarize some of my favorite finds in a year-end… Continue reading Front-end Tools: Some of My Favorite Finds of 2015

A Simple Responsive JavaScript Image Gallery

I’ve covered basic image galleries with CSS and PHP in previous articles, making it time to do the same thing with JavaScript. Image Options As with the other image gallery examples, we need a two versions of each image: a thumbnail image and a full-size image. In this case, you have two options for the… Continue reading A Simple Responsive JavaScript Image Gallery

Common Misconceptions About Web Design & Development

Businesses are more and more becoming more dependent on an online presence, so the pressure to have a successful website is very high. However, some entrepreneurs have misguided notions about how web design and development should work. This post explores some common beliefs among non-tech-savvy businesspeople about web design. It’ll address aspects like micro-managing instead… Continue reading Common Misconceptions About Web Design & Development

Animated Map Path for Interactive Storytelling

Today we’d like to share an experimental demo with you. This demo is an interactive map that will animate a map path while scrolling the page. The main idea is to connect the story being told with the path itself. The journey can also contain images that will indicate where they have been taken with… Continue reading Animated Map Path for Interactive Storytelling

Angular 2 Beta is Now Available

AngularJS has been rising in popularity and is under steady development. Earlier today, Angular 2 Beta was announced, and is available for developers to download and get started with. Angular 2 comes with several new enhancements and features, and is expected to be a major upgrade from Angular 1. The Beta release, obviously, is not… Continue reading Angular 2 Beta is Now Available

15 Cheat Sheets To Get An Edge On Other Designers

Cheat sheets. A simple way to remember something or help you learn. There’s always a useful shortcut you forget, a command you fail to remember, a newly introduced function that slips your mind or element you cease to think of. This collection of 15 cheat sheets for web designers has got you covered. If you’re… Continue reading 15 Cheat Sheets To Get An Edge On Other Designers

Multi-Level Menu : A simple menu with multiple levels

This is a simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button. The idea is to animate each menu item once a level is changed. The animation starts with the item clicked and the delays are propagated through the neighbors. The animation delays follow the same logic for the… Continue reading Multi-Level Menu : A simple menu with multiple levels

Stretchy Navigation in CSS and jQuery

Would you like a Stretchy Navigation in CSS and jQuery? It’s a rounded navigation trigger that stretches on click/tap to reveal the navigation items. There are 3 different user cases where this snippet would be useful: 1) fixed navigation, 2) add content button and 3) edit content button. The HTML structure is pretty basic: a… Continue reading Stretchy Navigation in CSS and jQuery

How To Be A Badass Front-end Developer

In the world of front-end web development where things change very fast, it’s difficult to stay up-to-date with almost everything around. Just imagine the number of CSS, JS frameworks and tools that are popping around every day, and just thinking about knowing them all is freaky enough, right? So, how to stay up-to-date? How to… Continue reading How To Be A Badass Front-end Developer