What You’ll Be Creating It’s not necessary to understand every aspect of Flexbox before you can jump in and get started. In this tutorial, we’re going to introduce a few features of Flexbox whilst designing a “news layout” like the one you can find on The Guardian. The reason we’re using Flexbox is that it… Continue reading How to Build a News Website Layout with Flexbox
Tag: several
Using Subversion to Check Out WordPress
There are a lot of reasons to enjoy following open-source software, one of which is the ability to learn from the code that others have built. Other examples include: following along with bug tickets seeing new features merged into the code base learning how to achieve something programmatically viewing the deprecation of an old feature… Continue reading Using Subversion to Check Out WordPress
Using a Drag and Drop Builder? Get Your Free License
Posted · Category: Uncategorized Drag and drop website building tools have their pros and cons, as do most website building tools. If you are using drag and drop to build your websites, we have a little reward for you – a promise of something better. It’s called XPRS, it offers a new and innovative approach… Continue reading Using a Drag and Drop Builder? Get Your Free License
How to Create a Misty Landscape Photo Manipulation With Adobe Photoshop
What You’ll Be Creating In this tutorial I’ll show you how to create a misty landscape with rocks, an arch bridge, flying birds, castles, and a medieval woman. You’ll learn how to combine simple images into a cohesive scene, play with the depth and atmosphere, adjust the colors, and more. Tutorial Assets The following assets… Continue reading How to Create a Misty Landscape Photo Manipulation With Adobe Photoshop
Power Up Your Mobile Game With Design, Sound, and Music
A successful game needs to be beautifully designed and immersive. Most game developers aren’t good designers, though. And it doesn’t stop with design. Sound and music are just as important to captivate people playing your game. Fortunately, you don’t have to be a design or team up with one to create a fantastic game. You… Continue reading Power Up Your Mobile Game With Design, Sound, and Music
Reason – Meta Language Toolchain to Build Systems Rapidly
Posted · Category: Framework, MIT License Reason is a meta language toolchain to build systems rapidly. It is a new interface to OCaml – a highly expressive dialect of the ML language featuring type inference and static type checking.Reason provides a new syntax and toolchain for editing, building, and sharing code, and will evolve in… Continue reading Reason – Meta Language Toolchain to Build Systems Rapidly
What Multipurpose WordPress Theme Should You Pick?
Posted · Category: Best Collections Most web designers work with a variety of website types, and they prefer multipurpose themes for that reason. This is especially true when they need to deliver websites to multiple clients with different needs. Each of the multipurpose WP themes presented here features pre-designed website or layout selections from which… Continue reading What Multipurpose WordPress Theme Should You Pick?
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?
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
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
An Interactive 3D Mall Map Concept
Advertise here via BSA Today Codrops has shared an Interactive 3D Mall Map experiment with us. The idea is to show a mall map with all its floors in perspective. Additionally, we have a search in a sidebar that allows to filter mall spaces. Once a floor is selected, we show some pins as indicators… Continue reading An Interactive 3D Mall Map Concept
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”
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
10 Top Tips for Creating Unique Character Designs
Everyone has a favorite cartoon character, but how did they first come to life? A lot of research and love goes into creating universally recognized characters. So today we’re bringing you ten great tips for everything you need to know about character design, using amazing examples from Envato Market. 1. Pick a Theme Starting a new… Continue reading 10 Top Tips for Creating Unique Character Designs
How to Work With WordPress Term Meta: Understanding Taxonomies
In a recent series, we talked all about how we could work with metadata for several of the major classes in WordPress. This included: Throughout the series, we talked a bit about how WordPress 4.4 introduced the idea of term metadata. I didn’t want to present the concept within the context of that series because… Continue reading How to Work With WordPress Term Meta: Understanding Taxonomies
Sushi Bar Responsive Website Template
Over the past few years, sushi continues to win hearts of people throughout the world, and for part of the population Japanese cuisine enters a daily diet. There is a question, why people begin to give their preference to this beautiful and tasty dish? It seems very simple – boiled rice, nori, raw fish and… Continue reading Sushi Bar Responsive Website Template
20 Useful WordPress Calendar Plugins
The first thing I think of when I hear “WordPress” and “calendar” is the default calendar widget that displays WordPress Posts by date. But WordPress calendar plugins encompass a far greater—not to mention more powerful—array of plugins. There are calendar plugins for events, bookings, and appointments. Some transform WordPress into its own private working app,… Continue reading 20 Useful WordPress Calendar Plugins
How to Work With WordPress User Metadata
In the previous article, we discussed working with post metadata in WordPress using the provided APIs. We also covered a variety of tools, the ideas of security, and what would be required in order to set up the environment in which to work with the code that would be provided throughout the tutorial. If you… Continue reading How to Work With WordPress User Metadata
The Building Blocks of Flat Design.
The term ‘Flat Design’ gets thrown around a lot. It seems like it would be easy enough to understand, but flat design is really the culmination of a long tradition of minimalist design that has found its perfect place in modern web design. What started off as a way of shearing away the clunky aesthetics… Continue reading The Building Blocks of Flat Design.
50+ fresh resources for designers, March 2016
How’s it going, compadres? This month’s roundup hand-picked from all across the web includes icons, design assets, illustrations, vector artwork, UI kits, some really cool code snippets, fonts, templates, some awesome tools, and much much more. Sit back, relax, and enjoy the best freebies on the Web this month! The months of the year vector… Continue reading 50+ fresh resources for designers, March 2016
Getting Started With Ionic: Introduction
Ionic is a popular mobile app framework that helps you build hybrid mobile apps quickly, using HTML, CSS, and JavaScript. In this series, you learn how to set up and build your own mobile apps with Ionic by creating a fully functional mobile app together. We start with an introduction to Ionic and learn how… Continue reading Getting Started With Ionic: Introduction
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
Create a Mystical Photo Manipulation of the Great Ragnarok in Photoshop
Rate this post Create a mystical picture and wallpaper for your desktop. In this tutorial you will learn many interesting effects such as creating lightning, fog and carved and burning runes and much more. I’ll show you an interesting example of the image toning and sharpening, a lot of interesting tricks and techniques. What you’ll… Continue reading Create a Mystical Photo Manipulation of the Great Ragnarok in Photoshop
20 Useful iOS Icon & App Template Resources
As a developer, your design skills may not be that great. But you want your applications to look great. Right? In this quick tip, I list 20 graphic resources for iOS you can find on GraphicRiver. Not only will they save you time, they will make your applications look great. 1. Application Icons The application… Continue reading 20 Useful iOS Icon & App Template Resources