Gary Djordjevic

22 Flips | 1 Magazine | 7 Likes | 4 Following | 1 Follower | @GaryDjordjevic | Keep up with Gary Djordjevic on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Gary Djordjevic”

10 Amazing CSS Button Libraries & Collections

When you think about it, buttons are the drivers of online interaction. We use them to add products to our shopping carts, learn more about a …

Login Form Design: 20 Free Login Forms You Can Download Right Away

There are many situations when you are required to fill out a login form, thus you’ve definitely seen lots of login forms online, some with more or …

Understanding Array.prototype.reduce() and recursion using apple pie

I was having trouble understanding reduce() and recursion in JavaScript, so I wrote this article to explain it to myself (hey, look, recursion!). …

JavaScript

20 Sketch Sheets and Templates for Designing Web and App Layouts

Looking for some sketch sheets and templates for creating the perfect web and app layouts? Look no further! We selected some of the best templates …

Why use ExpressJS over NodeJS for Server-Side Development?

Ever since the inception of JavaScript, web developers have regarded it strictly as a client side web language. All it ever helped was to make small web-based applications and impart functional features in web-pages.<p>Until NodeJs came into picture.<p>It made server-side JS coding possible. Not only did …

JavaScript

Getting started with CSS Grid Layout

Helpful resources and tutorials to bring you up to speed<p>Yep, <b>CSS Grid Layout</b> is 🔥 <i>so hot</i> 🔥 right now. The layout system recently gained mainstream …

Web Development

20 Best Web Animation Tools You Should Start Using

Did you know there are some excellent <i>web animation tools</i> on the web, that can help you build vibrant websites with ease and also keep your users …

The framework formerly known as JavaScriptMVC hits 1.0

DoneJS, an open source JavaScript framework previously known as JavaScriptMVC, has reached version 1.0 status.Intended for building high-performance …

Introducing Sizzy —A tool for developing responsive websites crazy-fast

So, here’s how Sizzy happened.<p>You know the drill. You’re developing an app for a client and you need to make every page and every component work in …

Web Design

Understanding Hoisting in JavaScript

You know JavaScript, but do you really <i>know</i> JavaScript? It's a great language, even though some may argue otherwise. Sure, it's got some bad parts, …

JavaScript

Useful Tips and Tools for Better UX/UI Design

Most good website-building tools have the necessary features to enable a designer to create an excellent UI and/or UX. Yet, these terms are seldom …

How to Optimize Images: A Practical Guide

Want to know how to Serve Scaled Images and Optimize Your Images? We’ll show you how!<p>As a conclusion to our What Does Optimizing Images Mean? post, …

Tutorials

CSS flexes its muscles

Because the Web sadly isn't on a par with native mobile applications (yet) and the use of mobile devices is outgrowing desktops, I finally had to get …

Mobile Devices

18 Free Tools to Test Your Website

Need some free help with your website? There are a variety of free tools available to test your website so that it performs well and meets …

SEO

How to Cheat at Optimizing Your Site for Google Mobile-First Index and Get Away with It

Google Mobile-First Index<p>Google towards the end of 2016, started testing its mobile-first index. Today, most people are spending more time on mobile …

SEO

10 Free Customizable CSS Snippets for Radio Toggles & Switches

Radio buttons have only recently been open for deep customizations with CSS. The on/off switch design was lifted from Apple’s original iOS and moved …

Web Design

UX in 60 Seconds: Using Component Libraries

Welcome to this super-quick introduction to using component libraries; helpful for designers, developers, and users alike. Let’s jump in!Component …

20 CSS Flexbox Tutorials, Guides, and Tools

Flexbox is a modern layout mode included in CSS3 that was created to satisfy the more complex requirements of the modern web. Check out this …

A Bot that Suggests Font Size for Web Pages

In this post, we are going to introduce you the first web page auto font sizing bot in the world – HuulaTypesetter, which intelligently sets text …

Designing responsive web layouts in React Studio

Modern web must adapt to various screen sizes. Mobile is everywhere. Few web apps have the luxury of being desktop-only! But it’s hard to make such …

Material Design

8 killer Typography Tips To Maximize Your Design Skills

Come the time when typography has become the lifeblood of your brand image. The advanced web designing junkies swear by good typography because it …