* { box-sizing: border-box; } body {margin: 0;} In this post, you’ll learn the basics of arrays in PHP. You’ll learn how to create an array and how to use associative and multidimensional arrays, and you’ll see lots of examples of arrays in action. What Is an Array? In PHP, an array is a data… Continue reading Understand Arrays in PHP
Category: Tutorials
You learn something everyday if you pay attention
Get Started With Pusher: Using Presence Channels
In this series, we’ve been learning about Channels from Pusher, a platform that allows you to give your users the seamless real-time experience they want. Presence channels build on the security provided by private channels, but they add the benefit of knowing which users are subscribed and connected to that channel. The best part is how… Continue reading Get Started With Pusher: Using Presence Channels
Design an SVG Arrow Graphic in Adobe XD
In this quick tutorial I’m going to show you how to make an SVG-ready arrow graphic using Adobe XD. Watch Screencast I’ll be using a website design which is part of a new course called “Code Friendly Design With Adobe XD”. It has the main content area at the top of the page already,… Continue reading Design an SVG Arrow Graphic in Adobe XD
How to Draw Angel Wings
What You’ll Be Creating In this tutorial I will show you how to draw wings on the back of a human, creating an angel. Angels, though seen as spiritual rather than material, are pictured as winged humans. But wings are not simply an appendix growing out of the shoulder blades—they’re specialized arms. So a typical… Continue reading How to Draw Angel Wings
Secure Your WordPress Site With SSL
These days, it’s more important than ever for your WordPress site to use a SSL (Secure Sockets Layer) certificate, which encrypts the data between the client and the server. Browsers now mark sites as “secure” or “not secure”, and using SSL can boost your search engine rankings. Plus, of course, there are the obvious security… Continue reading Secure Your WordPress Site With SSL
Manipulating Images in PHP Using GD
The internet would be pretty dull without images. However, maintaining and manipulating hundreds or thousands of images for your web site can be a headache. As your site design changes, you might need to modify all your images—for example, you might need to convert all your images to grayscale or resize them to 50% of… Continue reading Manipulating Images in PHP Using GD
15 Ready-Made Ionic 3 App Templates
With Ionic, creating a high-performance, cross-platform mobile app is as easy as creating a website. In fact, if you are a seasoned web developer who wants to become an Android or iOS app developer overnight, all you have to do is install and start using Ionic. I assure you, you’ll take to it like a fish… Continue reading 15 Ready-Made Ionic 3 App Templates
Testing Components in React Using Jest and Enzyme
This is the second part of the series on Testing Components in React. If you have prior experience with Jest, you can skip ahead and use the GitHub code as a starting point. In the previous article, we covered the basic principles and ideas behind test-driven development. We also set up the environment and the tools… Continue reading Testing Components in React Using Jest and Enzyme
Master the Three.js 3D Web Graphics Framework in Our New Course
Learn how to use 3D graphics in your web design projects in our new short course, Three.js: Beyond the Basics. What You’ll Learn In our introductory course, 3D on the Web With Three.js, you were introduced to the world of 3D web graphics using the Three.js framework. In this new short course, Craig Campbell will help… Continue reading Master the Three.js 3D Web Graphics Framework in Our New Course
Understanding the Messy “Define” Stage
In our previous articles, we’ve discussed the basics of design thinking and immersive empathy. In this post, we’ll dive a little deeper into what we refer to as the “define” stage in that process. Warning: it’s messy! So let’s first remind ourselves where it sits in the Hasso-Plattner Institute of Design’s proposal: Image source: Interaction Design… Continue reading Understanding the Messy “Define” Stage
Soft Skills Needed to Be a Children’s Book Illustrator: A Practical Guide
What You’ll Be Creating Looking on the internet, it’s fairly simple to find articles and information on creating a book—from how to do layout to character design, writing your own story, and so on. In my travels I found that unless you sat down with an experienced illustrator over a cup of coffee, you would… Continue reading Soft Skills Needed to Be a Children’s Book Illustrator: A Practical Guide
Testing Components in React Using Jest: The Basics
What You’ll Be Creating Testing code is a confusing practice for many developers. That’s understandable because writing tests requires more effort, time, and the ability to foresee possible use cases. Startups and developers working on smaller projects usually favor ignoring tests altogether because of the lack of resources and manpower. However, there are a couple… Continue reading Testing Components in React Using Jest: The Basics
Design a Corporate Website Using UI Kits in Sketch
If you need to design a corporate website, you can save yourself a lot of time and trouble by using a UI kit. What is a UI kit, and how do you use one? Our new course, Design a Corporate Website Using UI Kits in Sketch, answers those questions in detail. Instructor Adi Purdila will… Continue reading Design a Corporate Website Using UI Kits in Sketch
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
Building Gutenberg Blocks with create-guten-block
Gutenberg is the new WordPress editor and everyone is talking about it. It has introduced an all-new way of writing content with WordPress. So not only the developers can benefit from its block-modeled layout but the end-users will also be able to create dynamic page layouts with it. However, building custom blocks with Gutenberg can… Continue reading Building Gutenberg Blocks with create-guten-block
How to Create a GTA V Photo Effect Action in Adobe Photoshop
What You’ll Be Creating In this tutorial, you will learn how to create an amazing photo effect inspired by the Grand Theft Auto V video game art style. I will explain everything in so much detail that everyone can create it, even those who have just opened Photoshop for the first time. The effect shown… Continue reading How to Create a GTA V Photo Effect Action in Adobe Photoshop
Create Content With WordPress Gutenberg
What You’ll Be Creating WordPress Gutenberg is coming soon to a website near you. It will revolutionise the way you write posts and create pages, so get ready to use it by taking our new course, Create Content With WordPress Gutenberg. What You’ll Learn Gutenberg is a completely new way for people to create content… Continue reading Create Content With WordPress Gutenberg
20 Must-Have Wireframe Templates and UI Kits for Your Design Library
Wireframing. User journeys. Content maps. User-centered design. Information architecture. Animated prototypes. Conversion paths. Iterative features. Sitemaps. Uhh, what? Let’s be honest, the world of UX (user experience) and UI (user interface) is full of jargon and overcomplicated terms. Take, for example, this real line I copy-pasted from a job description for a senior content specialist… Continue reading 20 Must-Have Wireframe Templates and UI Kits for Your Design Library
How to Create a Sunburst Effect Action in Adobe Photoshop
What You’ll Be Creating This sunlight photo effect is a part of the Rays Of Light Photoshop Action from my portfolio on Envato Market. You can also the check the Animated Sunlight Photoshop Creator. The color tones of the sunlight rays and the flare effects are easy to edit and customize. Sunlight Rays Photoshop Action Tutorial Assets… Continue reading How to Create a Sunburst Effect Action in Adobe Photoshop
Which One Should You Use?
Today I’m going to try and answer a question that I imagine many of you have asked: “Which is better, Sketch or Adobe XD?”. In this video and article I’ll be explaining which I prefer, based on my own opinions and my own needs. Watch the Screencast Which is Better Suited to You? As a… Continue reading Which One Should You Use?
Google Flutter From Scratch: Building Apps With Widgets
Flutter is fast becoming one of the most popular frameworks for developing cross-platform mobile apps. Most Android and iOS developers today are starting to agree that it is a faster and more future-proof alternative to other cross-platform frameworks such as React Native and NativeScript. Google itself is leaving no stone unturned to attract more developers to… Continue reading Google Flutter From Scratch: Building Apps With Widgets
Try Our New Course on Coding WordPress Plugins
What You’ll Be Creating If you want to get started coding your own plugins for WordPress, try our new course, 3 Practical Projects to Learn to Code WordPress Plugins. You’ll learn by completing practical projects, so not only will you learn a lot about coding plugins, but you’ll also end up with some useful, functional WordPress… Continue reading Try Our New Course on Coding WordPress Plugins
Coding Advanced WordPress Theme Templates
Our new short course is ideal for you if you want to take your WordPress development skills to the next level. Try out Coding Advanced WordPress Theme Templates, or read on and watch the intro video below for more details. What You’ll Learn Template files are at the heart of every WordPress theme. And if… Continue reading Coding Advanced WordPress Theme Templates
20 Best Bootstrap 4 Plugins
Totally open source and free to use, Bootstrap has become one of the most popular front-end frameworks for desktop and mobile development. With a mobile-first approach, the framework essentially forces designers to create sites for small screens and then scale designs up from there. Bootstrap 4 is the newest version of the framework, and today we… Continue reading 20 Best Bootstrap 4 Plugins