Deliver the Perfect Image to Each Web User

Posted · Category: Information Cloudinary Introduces Fully Automated Content- and Context-Aware Image Adaptation Solution Adapting an image to fit the graphic design on various devices and browsers, while optimizing performance, is both an art and science. But for most web designers, it’s a laborious process and almost impossible to accomplish when you’re dealing with thousands… Continue reading Deliver the Perfect Image to Each Web User

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

Using Laravel Valet for WordPress Development

If you’re familiar with the PHP community, then you’re likely familiar with a number of the different applications and frameworks that are currently popular in the development space today. One of the more common frameworks that we’re seeing used to build web applications is Laravel. Though this tutorial is not specifically about Laravel, I recommend checking… Continue reading Using Laravel Valet for WordPress Development

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

Creating Multiple Banner Ads Layout Using Artboard in Photoshop CC 2015

One of Photoshop CC 2015 new feature is more or less the same with Illustrator artboard, allowing us to create multiple pages within one document. But Photoshop’s artboard is more flexible because we can freely change the arboard size and position. Now we can be more productive, because we are able to create multiple design… Continue reading Creating Multiple Banner Ads Layout Using Artboard in Photoshop CC 2015

SpriteKit From Scratch: Visual and Audio Effects

Introduction In this tutorial, the fourth installment of the SpriteKit From Scratch series, we look at the various visual and audio features SpriteKit provides to add some more detail and variety to your games. This includes particle systems, filters, lighting, and audio. To follow along with me, you can either use the project you created in… Continue reading SpriteKit From Scratch: Visual and Audio Effects

Adding Custom Hooks in WordPress: Custom Filters

In this two-part series, we’re taking a look at the WordPress hook system. Specifically, we’re taking a close look at both actions and filters and the role they play in WordPress development. Though they are both defined as hooks, each plays a specific role in WordPress development. And if you’re looking to become a more… Continue reading Adding Custom Hooks in WordPress: Custom Filters

How to Build a Pebble Application

What You’ll Be Creating The Pebble smartwatch has been around since its very successful Kickstarter campaign in 2012 and is a popular choice amongst smartwatch users. This is due to its excellent battery life, low price, various models to choose from, and compatibility with both iOS and Android. Pebble has had a developer SDK since day one, encouraging developers… Continue reading How to Build a Pebble Application

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

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

Salient – Responsive Multi-Purpose Theme – 4363266

Extended Feature List Ultra Responsive Design Retina Ready Design Exclusive Nectar Slider AJAX Page Transitions (optional) AJAX Search (optional) Multi Layer Mouse Based Parallax Infinite Scroll option for Blog & Portfolio Multiple Single Post Layouts Classic Look Modern Look Graphically Intuitive Shortcode Generator Tons of unique shortcodes Powerful options for all elements Usable in both… Continue reading Salient – Responsive Multi-Purpose Theme – 4363266

A Closer Look at the Best UX and UI Tools and Apps

There are various ways to build a prototype, and a prototype can be used as a measure of design progress or to test final result. In most instances, a web designer goal is to create a high-fidelity prototype has the look and feel of the end product, and is also capable of supporting team collaboration… Continue reading A Closer Look at the Best UX and UI Tools and Apps

How to Adopt Model View Presenter on Android

In the previous tutorial, we talked about the Model View Presenter pattern, how it is applied on Android, and what its most important advantages are. In this tutorial, we explore the Model View Presenter pattern in more detail by implementing it in an Android application. In this tutorial: we build a simple application using the MVP… Continue reading How to Adopt Model View Presenter on Android

HTML5 Fundamentals

HTML5 is huge at the moment. Even my grandparents have heard of it! In step-by-step fashion, we’re going to dig into this new technology, including the various new HTML tags, feature detection, and working with a couple of the new JavaScript APIs. Are you ready? https://youtu.be/OdkH1Ue0iQ4 https://youtu.be/VuW2Qztht34 https://youtu.be/FqLeyfzJS5I https://youtu.be/Nonz4M3lJ7M https://youtu.be/JdzfrQMyip4 https://youtu.be/9ccmiVNLXFE https://youtu.be/WTH06GqotTA

How to Work With WordPress Term Meta: Term Metadata API

The first post in this series laid the groundwork for understanding taxonomies, terms, and their relationship within the context of WordPress. If you haven’t read it yet and you’re brand new to WordPress development, then I highly recommend reading through it as this post is going to build on top of everything covered in that… Continue reading How to Work With WordPress Term Meta: Term Metadata API

How to Work With WordPress Comment Metadata

Throughout this series, we’ve looked at a number of the metadata APIs that are offered by WordPress. This includes the Post Meta API and the User Meta API. Today, we’re going to be rounding out the series by looking at the WordPress Comment Meta API. Note that this is that the final metadata API WordPress… Continue reading How to Work With WordPress Comment Metadata

How to Run Your Application on a Physical Device

Most Android phones and tablets can be connected to a computer using a USB cable. However, by default, the USB connection established between an Android device and a computer is limited to file transfer only. Therefore, if you want to use your device for Android application development, you have to make a few configuration changes… Continue reading How to Run Your Application on a Physical Device

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?

10 Top Tips for Fashion Illustration

Fashion Patterns From clothes to accessories, fashion illustrations have a long history as a visual reference for a designer’s concepts or current fashion trends.  What makes a good fashion illustration, though? With help from content from Envato Market, let’s count down 10 top tips for creating great fashion illustrations to better your own sense of… Continue reading 10 Top Tips for Fashion Illustration

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

Multipurpose Selection of 20 Free & Premium HTML Templates

Ready-made HTML templates are a common choice of non-tech savvies who want to get their sites up and running promptly. You can avoid browser compatibility issues, problems with indexation by search engines, and coding mess. Just add your content, edit the design a little, and voila. Your web resource is ready to promote your business… Continue reading Multipurpose Selection of 20 Free & Premium HTML Templates

How to Work With WordPress Post Metadata

In the first post in this series, I gave an overview of all of the various types of metadata offered by WordPress, where it’s kept, and what we’re going to be covering throughout this series.  Further, I defined what metadata is; its role within WordPress, and how it’s relevant to us as developers. But the… Continue reading How to Work With WordPress Post Metadata

Editing Images in CSS: Combining Techniques

In last two tutorials of this series, we have discussed how filters and blend modes can completely change the appearance of images. In this tutorial, I will cover the basics of editing images by using both these properties together. The Basics of Layering Image Effects With CSS Any non-primitive image editing usually requires more than… Continue reading Editing Images in CSS: Combining Techniques