Marvel Styleguide for UI Components and Branding

Posted · Category: Framework, License Free As Marvel continues to grow, both as a product and a company, one challenge they are faced with is learning how to refine the Marvel brand identity and apply it cohesively to each of their products. They created this styleguide to act as a central location where we house… Continue reading Marvel Styleguide for UI Components and Branding

18 Professional CV / Resume Templates and Cover Letter

The modern Resume/ CV Templates are made in Adobe Photoshop and Illustrator and converted into MS Word. If you can use MS Word like a beginner, then you can professionally edit this clean Resume/ CV to suit your needs. All design CV / Resume Templates available in Photoshop format, instant download. These resume / CV templates are clearly organized… Continue reading 18 Professional CV / Resume Templates and Cover Letter

27 Search Boxes With HTML and CSS – CSS Paradise

CSS experiments with a search form input and button. In this collection are the pens for anything related to search box, search bar, global search area that we can put to a website page. Searching Animation Inspired by Another Set of Eyes by Frank Rodriguez.*needs work in Firefox but looks quite nice in Chrome and… Continue reading 27 Search Boxes With HTML and CSS – CSS Paradise

ToDo List Inspiration

Task manager application UI by Alexander Me Day042 Todo List by Catherine Wang 042 DailyUI — ToDo List by Adrien Gervaix Calendar App by Vadim Gromov Updated ToDay app v.1.5 by Guglielmo Daily UI #042 — To Do List by Kelsey Bowman Day 003-Work List by ZoeWang 042 — List App by Racine Davis day41-Todolist by JIE LIU To-Do List by… Continue reading ToDo List Inspiration

How to Draw Trees

What You’ll Be Creating Trees seem like one of the few things that are easy to draw. However, if you know nothing about drawing, you may either go too simple… … or too literal: Neither of these is what a real tree looks like. The first is a symbol of a tree, and the other… Continue reading How to Draw Trees

Record and Analyze Your Users Behavior with Jaco

Posted · Category: Capture, License Free Jaco records and plays exactly what your users are seeing. No matter how complex your application is. Their unique recorder technology captures every user interaction as it happens in your application, including css animations and dynamic content. You’ll be able to get a look at your real users` experience.… Continue reading Record and Analyze Your Users Behavior with Jaco

Adding Custom Hooks in WordPress: Custom Actions

One of the cornerstones of building custom solutions in WordPress is having an understanding of hooks. In and of themselves, they aren’t terribly difficult to understand, and we’ll be covering a short primer on them in this tutorial. But if you’re looking to get into more advanced WordPress development, it’s worth knowing how to implement… Continue reading Adding Custom Hooks in WordPress: Custom Actions

Photoshop in 60 Seconds: What Are Artboards?

Interface Design on Envato Market Welcome to our Photoshop in 60 Seconds series, in which you can learn a Photoshop skill, feature, or technique in just a minute! Artboards in Photoshop Artboards are a welcome recent addition to the lineup of Photoshop features. The premise is to be able to work on several different “canvases”… Continue reading Photoshop in 60 Seconds: What Are Artboards?

How to Achieve 5 Common Looks in Photoshop

How do I achieve this look? That’s the question that gets asked all the time. In this post, you’ll learn 5 common effects and how to create them in easy steps. Believe me – they’re incredibly easy and do not require a bunch of layers. PrevNext 1. Matte/Faded/Raised Blacks This simple effect with many names is used… Continue reading How to Achieve 5 Common Looks in Photoshop

Selecting Parent Elements with CSS and jQuery

There have been occasions where I’ve wished I was able to select a parent element with CSS–and I’m not alone on this matter. However, there isn’t such thing as a Parent Selector in CSS, so it simply isn’t possible for the time being. In this tutorial we will walk through a few cases where having a CSS… Continue reading Selecting Parent Elements with CSS and jQuery

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

New Course: The Complete Guide to CSS Positioning

If you want to get a comprehensive but concise overview of CSS positioning, our new course is for you.  The Complete Guide to CSS Positioning consists of just eight video lessons totalling less than an hour of viewing time, but by the time you’ve finished it, you’ll have a firm grasp of the essential principles you… Continue reading New Course: The Complete Guide to CSS Positioning

SpriteKit From Scratch: Constraints and Actions

Introduction In this tutorial, the second installment of the SpriteKit From Scratch series, you learn about constraints and actions. These features are used to easily add movement and animations to your SpriteKit game while limiting the position and orientation of nodes in the game. To follow along with me, you can either use the project… Continue reading SpriteKit From Scratch: Constraints and Actions

Create a Responsive jQuery Slider with Turnable.js

Posted · Category: Gallery, License Free Turntable.js is a responsive JQuery slider that will let you rotate through a list of images as your mouse (or finger) sweeps across a container. Think of it like a flipbook made with Javascript, instead of paper. All you need is a set of images, and jQuery. It’s a… Continue reading Create a Responsive jQuery Slider with Turnable.js

How to Use Adobe Fuse to Create a Superhero Reference

What You’ll Be Creating When you have an awesome idea for a character, you can feel how great it would be to see it on paper. But what if you don’t have “talent”? Or maybe you can draw, but humans are simply not your area of expertise? Are you supposed to spend hours learning just… Continue reading How to Use Adobe Fuse to Create a Superhero Reference

7 Free Server Monitoring Tools

There are so many wonderful and superb server monitoring tools are available in the internet some are free while some are costly. But in this collection we are showcasing 7 free and outstanding server monitoring tools. So when you use this collection you always make sure that your website is available for your users or… Continue reading 7 Free Server Monitoring Tools

Hands On Improving Google PageSpeed

What You’ll Be Creating What Is Google PageSpeed? Google PageSpeed is a free tool that assesses the performance and usability of your website for mobile and desktop platforms. It’s extra important because Google uses it in determining key elements of our SEO ranking, i.e. how high we appear in their search results. If you want more background… Continue reading Hands On Improving Google PageSpeed

Kick-Start WordPress Development With Twig: Timber Image, Menu, and User

By now you have read about the basic concepts of using Twig through Timber, while building a modular WordPress theme. We’ve also studied block nesting and multiple inheritance with Twig, based on the DRY principle. Today, we are going to explore how to display attachment images, WordPress menus, and users in a theme with Twig… Continue reading Kick-Start WordPress Development With Twig: Timber Image, Menu, and User

How to Make “The Aviator” 3D Game with Three.js

Posted · Category: License Free Codrops has shared The Making of “The Aviator”: Animating a Basic 3D Scene with Three.js, they created a simple 3D flying plane using Three.js, a 3D library that makes WebGL simpler. WebGL is a pretty unknown world for many developers because of the complexity and syntax of GLSL. But With… Continue reading How to Make “The Aviator” 3D Game with Three.js

How to Enable Deep Links On Android

What Are Deep Links? Android deep links open a specific page within an app and optionally pass data to it. Developers may find deep links particularly useful for actions, such as clicking a notification or sending an app link via email. Let’s take an email client as an example. When the user clicks the notification of an email… Continue reading How to Enable Deep Links On Android

Chart.js – Flexible JavaScript Charting for Developers

Posted · Category: Charts, MIT License Chart.js is a simple yet flexible JavaScript charting for designers & developers. Chart.js merges configurations and options in a few places with the global defaults using chart type defaults and scales defaults. This way you can be as specific as you want in your individual chart configs, or change… Continue reading Chart.js – Flexible JavaScript Charting for Developers

20 Free Mobile UI Kits for iOS & Android

If you have already designed a mobile app from scratch then you will no certainly know that creating the UI from can be a fun, but can also at times be an arduous and time-consuming task. To help take away some of the workload from you, and to help you get started on your next… Continue reading 20 Free Mobile UI Kits for iOS & Android