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
Tag: Let’s
Improve Your Work With Efficient Web Tools & Services
There a bunch of efficient web tools & services available on the market, that will improve work and it will help you save time and money. In this showcase, you will find 18 hand-picked great solutions from different fields, so you can have everything covered, things like the most appreciated WordPress themes, a super-simple to… Continue reading Improve Your Work With Efficient Web Tools & Services
10 WPML-Ready WordPress Themes
How to Earn with Social Stock Hi there and here is something new and cool for you. Today we will talk about splendid project launched by Template Monster. This is a unique opportunity for you and your friends to get splendid prizes and get in a flow of web design. Let’s see what we have… Continue reading 10 WPML-Ready WordPress Themes
7 Design Myths That Will Wreck Your Site
When I was a junior designer I made plenty of mistakes. I believed false assumptions mostly because I did not have the experience yet to know better. I still don’t know it all. But, I am always eager to learn new things about design and to see which preconceived notions are accurate or a complete… Continue reading 7 Design Myths That Will Wreck Your Site
How to Hide WordPress Admin Toolbar From Your WordPress Site
A large number of websites are powered by WordPress and there are tons of different plugins and themes being developed for this powerful content management system. But just like everything it also has some defects that we’d like to change. The WordPress toolbar is one such design element that some users prefer to have in… Continue reading How to Hide WordPress Admin Toolbar From Your WordPress Site
How to Completely Remove Comments from WordPress
WordPress comments are an integral part of building a community with a WordPress blog. They allow your audience to connect with you by responding directly to your posts. They allow you to extend the conversation surrounding the topic you wrote your post about by letting members of your community pitch in. They even allow members… Continue reading How to Completely Remove Comments from WordPress
20 essential CSS tricks every designer should know
This one’s for the absolute beginners. Once you’ve learned how the box model works, and how to float those boxes, it’s time to get serious about your CSS. To that end, we’ve compiled a massive list of tips, tricks, techniques, and the occasional dirty hack to help you build the design you want. CSS can… Continue reading 20 essential CSS tricks every designer should know
Automatic responsive images with client hints
Over time, developers have wrestled with forcing images into responsive layouts. Media queries and fluid grids are constantly employed to achieve visually flexible images. Achieving such flexible images as pointed out by Ethan Marcotte in the seminal first edition of his book is as easy as: img { max-width: 100%; } The image resources being… Continue reading Automatic responsive images with client hints
Create a Sci-Fi Chamber Photo Manipulation in Photoshop
Learn how to create a sci-fi photo manipulation of a mysterious chamber with amazing light flares and great entrance with Photoshop. In this tutorial, you’ll learn how to contruct your own chamber with textures , place a model in front of the entrance and then complete it by adding realistic shadows and lighting effect Throughout… Continue reading Create a Sci-Fi Chamber Photo Manipulation in Photoshop
How to Composite a Ruins Landscape
Learn how to create this beautiful ruins landscape with magical shafts of light. This Photoshop tutorial will show you how to add ruined buildings to the peaks of a snowy mountain landscape, add mystical light shafts, and a marching army. Final Results Tutorial Resources Some resources may not be available anymore – this is one… Continue reading How to Composite a Ruins Landscape
How to Create Your Own Product Mockup Box in Photoshop
Learn how to create your own realistic looking Product Mockup Box in Photoshop with this very easy tutorial This image was made to help readers create their very own product mockup. To create this, we’ll start by making the boxes. Next, we’ll add some designs to the box. Finally, we’ll finish it up with shadows… Continue reading How to Create Your Own Product Mockup Box in Photoshop
Create an Awesome Underwater Scene Depicting a Dragon and a Treasure Hunter
In this tutorial we will create an awesome underwater photo manipulation. I’ll explain some of the more complex techniques I use in the first steps to make it easy for beginners but intermediate and advanced users can also learn a thing or two.I like doing underwater scenes because there is something mysterious about the depths… Continue reading Create an Awesome Underwater Scene Depicting a Dragon and a Treasure Hunter
Ruby Templating With Slim: Part 2
In the second and last part of this mini series, we’ll finish this introduction with sections about outputting Ruby code, interpolation, plain text and how to customize Slim to your needs. After that article you should be ready for some Slim action. Outputting Code You have already seen a bit about how to use Ruby in… Continue reading Ruby Templating With Slim: Part 2
A Comprehensive Introduction to Color in Design
This article aims to give you a comprehensive introduction to the deepest of design rabbit holes: color. It will introduce you to the most important lingo and concepts to get you started, helping you make better decisions applying color in your designs. Topics As usual for these guides, we’re going to cover a great deal,… Continue reading A Comprehensive Introduction to Color in Design
Create This Surreal Scene of Waterfall Mountains with Adobe Photoshop
Learn how to create a surreal scene of waterfall mountains in Photoshop. In this tutorial I’ll show how you can merge different stock images to accomplish a surreal and fantastic scene of waterfall mountains. You’ll learn how you can create amazing lights effects, blending mountains stocks into a cohesive scene, enhancing light effects and creating… Continue reading Create This Surreal Scene of Waterfall Mountains with Adobe Photoshop
Create This Surreal Scene of Waterfall Mountains with Adobe Photoshop
Learn how to create a surreal scene of waterfall mountains in Photoshop. In this tutorial I’ll show how you can merge different stock images to accomplish a surreal and fantastic scene of waterfall mountains. You’ll learn how you can create amazing lights effects, blending mountains stocks into a cohesive scene, enhancing light effects and creating… Continue reading Create This Surreal Scene of Waterfall Mountains with Adobe Photoshop
Create an Abstract Portrait in Photoshop
On this tutorial we will create abstract photo artwork of a girl portrait with disintegration effect on it. We will learn to create disintegration effect in a handy and practical technique, adorn the photo with stunning lighning and then complete it with color adjustment. Throughout the tutorial, we will have fun to learn simple and… Continue reading Create an Abstract Portrait in Photoshop
Quick Tip: Using CSS Counters to Style Incremental Elements
In this quick tip, we’ll cover the very basics of CSS counters; a useful, yet not so well-known CSS feature. When we’re done building our demo, we’ll take a look at some real world examples of sites which take advantage of CSS counters. The Goal: Styling an Ordered List As a first step, let’s look at the… Continue reading Quick Tip: Using CSS Counters to Style Incremental Elements
WP REST API: Internals and Customization
In the previous part of the series, we learned about creating, updating, and deleting content remotely through the WP REST API. It allows us to create platform-independent applications that work seamlessly with a WordPress powered back-end, providing a rich experience to the user. In the current part of the series, we will take a look at… Continue reading WP REST API: Internals and Customization
Better CSS Drop Caps With “initial-letter”
Drop caps are a form of decoration sometimes used at the beginning of a block of text; the initial letter running several lines deep and indenting the body text within these lines. Drop cap example, as found on The Walrus Drop cap example, as found on Nautilus It’s a typographic tradition as old as the… Continue reading Better CSS Drop Caps With “initial-letter”
Create an Underwater Dreamscape in Photoshop
Learn how to emotional photo manipulation of an underwater dreamscape with Photoshop. In this tutorial, you’ll learn how to create a fantasy underwater scene, place a girl in the dreamscape, then complete it with some bubbles. Throughout the tutorial, you’ll learn techniques that will help you create better matte paintings and photo manipulations. What you’ll… Continue reading Create an Underwater Dreamscape in Photoshop
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
How to Create Flat Weather Icons in Adobe Photoshop
What You’ll Be Creating April showers bring May flowers! It is traditionally known that April is quite a rainy period, when the weather changes unexpectedly from the sun shining in a clear sky to raining cats and dogs. However, any weather has its own beauty, so let’s get inspired and prepare for springtime with this… Continue reading How to Create Flat Weather Icons in Adobe Photoshop
WP REST API: Creating, Updating, and Deleting Data
In the previous part of the series, we looked at how we can use the WP REST API to retrieve content from the server. We learned to retrieve content for different resources including posts, post meta, tags, categories, etc. This is a powerful feature since this content can be used anywhere inside or outside WordPress.… Continue reading WP REST API: Creating, Updating, and Deleting Data