Tag: View

How to Make a Purchase Icon in Adobe Illustrator

What You’ll Be Creating Love icon design? If so, follow this tutorial and learn how to make a minimal purchase icon in three different versions. We will use only basic shapes, and with the help of the Align options and the Pathfinder options, we will build these icons step by step. By the end of… Continue reading How to Make a Purchase Icon in Adobe Illustrator

Best WordPress Advertising Plugins of 2019

Creating a successful advertising campaign is a must in today’s crowded eCommerce world. Once you have your website and products in place, you must have the tools necessary to communicate to your target audience just what you are selling.  Fortunately, CodeCanyon has a large number of WordPress advertising plugins available to get you up and running in… Continue reading Best WordPress Advertising Plugins of 2019

The 10 Most Awe-Inspiring Web Designers on Instagram

March 29, 2019 by Christopher Jan Benitez Instagram started out as a place for people to share and publish photos. It eventually gave way to professionals where they can showcase their creative skills and talents. Because of this, a growing number of designers now use Instagram to showcase their pieces to the world. Not only… Continue reading The 10 Most Awe-Inspiring Web Designers on Instagram

10 Best Gallery WordPress Plugins of 2019

WordPress gallery plugins are essential for displaying images, videos, eCommerce products, and blog posts in a stylish and eye-catching way.  But, not all WordPress gallery plugins are created equal. Many are missing key features that help you integrate your media into your website’s theme to help create the most visually appealing experience for the user. … Continue reading 10 Best Gallery WordPress Plugins of 2019

Figma Project, Page & Artboard Tips

Welcome to the next in our series of Figma tips and tricks! This time we’ll be improving the way you work with Figma projects, pages, and artboards. Watch Tips 1. Customize Project Thumbnails It’s perfectly possible to create custom project thumbnails which will show up in your dashboard drafts area. Make sure that the first page… Continue reading Figma Project, Page & Artboard Tips

International Artist Feature: Germany

We’re honouring the German language and culture this week in celebration of the launch of the German version of Envato Elements!   For this article in the international artist series we turn to Germany, featuring seven illustrators and designers who create fantastic work from digital paintings to textile design and more! I asked each artist how their… Continue reading International Artist Feature: Germany

Undeka: A new contemporary font

Undeka is a modern sans serif font designed by Krisjanis Mezulis that embodies simple geometric shapes and strong typographical foundations. The typefice is heavily inspired to the Franklin Gothic and the News Gothic. The whole font family comes in 6 versions but you can enjoy the regular weight for free. Download free sample   View… Continue reading Undeka: A new contemporary font

Build An Eye-Tracking Alien with JavaScript ― Scotch

Hi and welcome to our Code Challenge #4. This week on the challenge we shall be delving into mouse tracking with JavaScript and simple animations with CSS. The Challenge The challenge is basically to build this Alien from Mars. We were browsing CodePen and saw this awesome CSS alien built by Eduardo Sada. View the… Continue reading Build An Eye-Tracking Alien with JavaScript ― Scotch

Shards: A modern UI toolkit based on Bootstrap 4

Shards is a free and modern design system based on the popular Bootstrap 4 framework. It is basically a UI toolkit including responsive components and icons from both Material and Font Awesome packs. Shards is built with performance in mind having a small footprint and weighting (it’s ~12kb minified and gzipped). Download includes the original Sketch and SCSS files so you can get your… Continue reading Shards: A modern UI toolkit based on Bootstrap 4

Rippplr

I am still recoiling from the loads of information and knowledge sharing that happened during IxD14 last week. You guys should follow #1xd14 on twitter and catch up on the videos at Vimeo channel. During the conference, I conducted a workshop at the HKU on “Playful Thinking”. To give you a short introduction, ‘Playful Thinking’… Continue reading Rippplr

Fontisto: An iconic font and CSS toolkit

Fontisto is a new iconic font curated and maintained by Kenan Gündoğan that includes more than 360 pictographic icons and a CSS toolkit for easily customising size, color, drop shadow and anything else via CSS. Features: It doesn’t require JavaScript Icons are infinitely scalable and look sharp on HiDPI screens The icon font has been built with accessibility… Continue reading Fontisto: An iconic font and CSS toolkit

How Can 123ContactForm Maximize Your Marketing Capability

Optimizing digital marketing is required for every website owner who wishes to successfully compete with the most important companies. The market is a complicated one, with lots of competitors which heavily invest and become stronger day by day. There is no room for errors or for „IFs”. Everything should be researched and well documented, this… Continue reading How Can 123ContactForm Maximize Your Marketing Capability

Draggable: A lightweight drag & drop JS library

Draggable is a modern, responsive and lightweight drag & drop library released by Shopify. The library abstracts native browser events into a complex API to create a custom user experience. It’s the ideal choice for adding slick native-feeling drag and drop behaviour to your web apps thanks to a lot of features such as fast DOM reordering,… Continue reading Draggable: A lightweight drag & drop JS library

Beginner’s Guide to Angular: Services

Hello there! I hope you’ve followed along with our tutorials on Angular components and routing. In this post, we’ll go on to another interesting concept in Angular: services. Angular Beginner’s Guide to Angular: Components Divya Dev Angular Beginner’s Guide to Angular: Routing Divya Dev If Angular components are the presentation layer of our application, what… Continue reading Beginner’s Guide to Angular: Services

Shoelace: A lightweight CSS starter kit

Shoelace is a CSS starter kit, not a framework: Think of it as a CSS reset sprinkled with helpful components. Bootstrap users will find it familiar, yet refreshing. Shoelace is highly customisable through CSS variables and it doesn’t require Less, Sass, or any preprocessing at all. The minified version is only 32KB View project page  … Continue reading Shoelace: A lightweight CSS starter kit

How to Create a Split-Screen Slider With JavaScript

In today’s video tutorial I’m going to show you how to create a “split-screen” slider element (or UI, whatever you prefer to call it) using JavaScript. Inspiration for this came from a page on the Corsair website; let’s see how we can build one for our own projects. What We’re Going to Build Let’s first… Continue reading How to Create a Split-Screen Slider With JavaScript

Element: A desktop component UI library

Element is a complete and minimal framework including many useful UI components to quickly build websites and apps. The toolkit is based on Vue.js and provides all the basic elements you may need when creating a complex product (grid system, forms, navigation, notices, dialogs and more). Project page   View on Github

20 Fascinating Examples of Bold Design

If you’re subscribed to my list, you know that in the first email, I ask you what is your biggest struggle with design in business. A huge number of people reply to this email (and I respond to almost all of them). And it turns out that many readers seem to be struggling with finding… Continue reading 20 Fascinating Examples of Bold Design

Android From Scratch: Building Your First Android Application

What You’ll Be Creating After taking a look at the current state of Android development and how to set up your development environment, in this lesson, you are going to learn how to build and launch your first Android application. I won’t focus too much on the details, because those are covered extensively later in… Continue reading Android From Scratch: Building Your First Android Application

How to Create Custom View Controller Transitions and Animations

Introduction UIKit is a very powerful framework and provides various ways to transition between view controllers. Some of the animations provided by UIKit include horizontal sliding (via a push segue), vertical sliding, cross fade, and page curl. Sometimes, however, you need to have a custom transition between view controllers to create a compelling design or… Continue reading How to Create Custom View Controller Transitions and Animations

How To Create And Customize A WordPress Child Theme

The WordPress platform is a magnet for those who want to take matters into their own hands, who want complete control over their websites and want to be independent in running them. WordPress does make it really easily to completely customize a website. If you have a bit of knowledge of HTMl, CSS and/or PHP,… Continue reading How To Create And Customize A WordPress Child Theme

International Artist Feature: Germany

For this article in the international artist series we turn to Germany, featuring seven illustrators and designers who create fantastic work from digital paintings to textile design and more! I asked each artist how their country and culture inspired their work, and they delivered fantastic answers. Enjoy! Cloudy Thurstag Cloudy is an illustrator and designer… Continue reading International Artist Feature: Germany