Without a doubt, JavaScript is the most popular programming language in the world. While the web development industry is chock full of frameworks and libraries that simplify some aspects of JavaScript development, there’s something to be said about having the skills to write pure JavaScript. Frameworks, libraries and transpilers may come and go, but JavaScript… Continue reading Advanced JavaScript Fundamentals
Tag: JavaScript
Weekly Inspiration: Full-on Full Screen Home Pages
The full screen splash is one of the most familiar patterns on the web at the moment. Some love it, some loath it, but whatever your feelings let’s take a look at some noteworthy examples and talk about best practices while we’re at it. A Note on Design Convergence The term “design convergence” refers to… Continue reading Weekly Inspiration: Full-on Full Screen Home Pages
How to Work With Images in Shopify
When starting out with a new platform, such as Shopify, there’s a lot to learn. Whilst Liquid, the template language used in Shopify themes, is very readable and easy to get started with, one area of Shopify development which can often cause confusion for new theme developers is images. I believe the main reason for… Continue reading How to Work With Images in Shopify
How Good Is JavaScript for Building a Large Scale Web Application?
According to the most statistics that are recent on w3techs.com, significantly more than 89percent of sites presently utilize JavaScript as a client-side program writing language. As a cross-platform and programming that is lightweight, JavaScript makes it easier for programmers to build responsive websites and web applications that work with seamlessly with popular web browsers, operating… Continue reading How Good Is JavaScript for Building a Large Scale Web Application?
How to Make Floating Input Labels With HTML5 Validation
TL;DR Replace your JavaScript validation with HTML5 validation. It’s easier than you think, and gives you a ton of markup and styling control. Try this demo: What We’re Doing Here So you need to validate a form. You do the right thing and start with server-side validation. Then, if you’re a good web-designer, you add… Continue reading How to Make Floating Input Labels With HTML5 Validation
15 Useful Modern Front-End Web Components
Here is list of useful modern front-end web components that can be integrated into your web applications. These components provide a quick and easy way for web developers to create custom user interface without having to start from scratch. Collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s… Continue reading 15 Useful Modern Front-End Web Components
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
IDevie Weekly News (week 10)
This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week. New Resources & Tools Hamburgers – A collection of tasty CSS-animated hamburger icons By Jonathan Suh. Intro.js – Step-by-step guide and feature introduction for your website. Balloon.css – Simple tooltips made of… Continue reading IDevie Weekly News (week 10)
50+ fresh resources for designers, March 2016
How’s it going, compadres? This month’s roundup hand-picked from all across the web includes icons, design assets, illustrations, vector artwork, UI kits, some really cool code snippets, fonts, templates, some awesome tools, and much much more. Sit back, relax, and enjoy the best freebies on the Web this month! The months of the year vector… Continue reading 50+ fresh resources for designers, March 2016
10 Best AnglularJS Frameworks For Developers
If you are worried about how to create a wonderful and innovative web application without any difficulty or trouble then do not worry any more just simply check out this awesome collection. In this collection you will find 10 best and superb AngularJS frameworks. With the help of this AngularJS framework web developers can easily… Continue reading 10 Best AnglularJS Frameworks For Developers
10 Stunning Ionic Templates
Ionic is a popular framework for creating modern, hybrid, mobile applications, using JavaScript, HTML, and CSS. Ionic is powered by AngularJS and Apache Cordova. Because developers can use technologies they are already familiar with (JavaScript, HTML, and CSS), the learning curve isn’t that steep. CodeCanyon offers a wide range of application templates to kickstart your Ionic development. In… Continue reading 10 Stunning Ionic Templates
Take a Free Course on Programming Interactive Art With p5.js
What You’ll Be Creating Do you want to learn a new way of creating animations and interactive graphics, in less than an hour? If so, check out our new course on How to Program Interactive Art With p5.js, in which you’ll learn how to create an interactive, animated web page with p5.js. The course consists of just… Continue reading Take a Free Course on Programming Interactive Art With p5.js
12 JavaScript Libraries For Cool Scrolling Effects
In this post, we are presenting some of the excellent JavaScript libraries that would help you create cool scrolling effects. Animations and special effects make any website design to appear lively and appealing. This s the reason why many designers add animation to their web designs. So, let us add some life to your web… Continue reading 12 JavaScript Libraries For Cool Scrolling Effects
Weekly Inspiration: 15+ Portfolio Building Tools
There are more ways than ever to get yourself (and your work) seen online. Whether yours is a design, illustration, photography, code, or product portfolio, take a look at some of these tools for getting it out there. Dunked Brainchild of Orman Clark and chums, dunked is a platform offering an account where you can upload… Continue reading Weekly Inspiration: 15+ Portfolio Building Tools
What’s new for designers, February 2016
In this month’s edition of what’s new for designers and developers, we’ve included frameworks, code resources, UX and UI design tools, JavaScript resources, design and dev tools, apps, stock photo sources, and much more. And as always, we’ve also included some awesome new free fonts! Almost everything on the list this month is free, with… Continue reading What’s new for designers, February 2016
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
jQuery Cookbook – Solutions & Examples for jQuery Developers [eBook]
jQuery simplifies building rich, interactive web frontends. Getting started with this JavaScript library is easy, but it can take years to fully realize its breadth and depth; this cookbook shortens the learning curve considerably. With these recipes, you’ll learn patterns and practices from 19 leading developers who use jQuery for everything from integrating simple components… Continue reading jQuery Cookbook – Solutions & Examples for jQuery Developers [eBook]
JavaScript from Beginner to Expert
The total length of the course is over 12 hours! You will learn theory and you will also gain lots of practice. During the course I will explain you how to write real life applications like for example galleries with thumbnails, image sliders etc. I will do everything so you understand JavaScript. After this course… Continue reading JavaScript from Beginner to Expert
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
First look at Adobe’s Animate CC
Adobe have just launched their ‘new’ application, Animate CC. A major component in the Creative Cloud application suite, Animate CC replaces Flash Professional CC, and is available to download now. As we previously reported, Animate CC is an evolution of Flash Professional. The name change is based on the changing role of the application. Adobe… Continue reading First look at Adobe’s Animate CC
A Beginner’s Guide to AJAX with jQuery
In the first article of this series, we covered the fundamentals of AJAX. In the second, we looked at a working example using vanilla JavaScript. In this tutorial, we’ll walk through a few of jQuery’s AJAX-related functions and methods. More specifically, we’ll take a closer look at the shorthand load method and the generic ajax… Continue reading A Beginner’s Guide to AJAX with jQuery
An Example of AJAX with Vanilla Javascript
Following on from our introduction to AJAX, here’s an example which uses the XMLHttpRequest API to initialize an AJAX request. AJAX Example Have a look at the following basic structure: <div> <img src=”http://webdesign.tutsplus.com/Einstein.jpg” alt=”Einstein”> <button id=”request”>Learn more about Einstein</button> <div id=”bio”></div> </div> Also, consider the related visualization: Here’s what we want to happen: when we… Continue reading An Example of AJAX with Vanilla Javascript
50+ fresh resources for designers, February 2016
Hey there! This month’s roundup comes with some amazing freebies for you to download and try out; including line icons, material design assets, gesture icons, mobile app presentation kits, a restaurant menu template, branding stationery mockups, watercolor illustrations, device mockups, stunning web and mobile UI kits, fancy fonts for all purposes, PSD templates, and landing page themes… Continue reading 50+ fresh resources for designers, February 2016