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
Tag: several
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
9 Best JavaScript Minifying Tools
Minifying is a technique of removing unnecessary characters from the source code to make it look simple and neat. This technique is also known as code compression and minimization. Here, we have gathered for you 10 best JavaScript minifying tools that will help you remove unwanted white space characters, new line characters, comments, etc. in… Continue reading 9 Best JavaScript Minifying Tools
50+ fresh resources for designers, February 2016
Hey there! This month’s roundup comes with some amazing freebies for you to download and try out; including line icons, material design assets, gesture icons, mobile app presentation kits, a restaurant menu template, branding stationery mockups, watercolor illustrations, device mockups, stunning web and mobile UI kits, fancy fonts for all purposes, PSD templates, and landing page themes… Continue reading 50+ fresh resources for designers, February 2016
20 Useful WordPress Forms Available on CodeCanyon
Just about every WordPress-based website has some kind of online form. They range from the most basic—contact forms, polls, and email subscriber submissions—to more advanced forms like payment, calculator, and user-submitted content. WordPress users often use free plugins like Contact Form 7 or those included in Jetpack, while others may even take the plunge for a Gravity… Continue reading 20 Useful WordPress Forms Available on CodeCanyon
An Introduction to Intel RealSense Technology for Game Developers
Intel RealSense technology pairs a 3D camera and microphone array with an SDK that allows you to implement gesture tracking, 3D scanning, facial expression analysis, voice recognition, and more. In this article, I’ll look at what this means for games, and explain how you can get started using it as a game developer. What is… Continue reading An Introduction to Intel RealSense Technology for Game Developers
11 Smart Logos With Hidden Symbolism
Right here in this collection, we have been presenting for you 11 smartest logo design designs with concealed symbolism. The logo design the most design that is important on your website for several reasons. It’s the one aspect of a company’s commercial brand, or economic or entity that is academic and its own forms, colors,… Continue reading 11 Smart Logos With Hidden Symbolism
Managing Your Freelance To-Do List While Keeping Some Shred of Sanity
A day in the life of a freelance web designer can be a real whirlwind. Without ever leaving your desk, you might be working on dozens of sites, communicating with lots of clients, writing several proposals and still find time to network on social media. This is my 17th year of freelancing. Last year, I… Continue reading Managing Your Freelance To-Do List While Keeping Some Shred of Sanity
Quick Tip: Don’t Forget the “noscript” Element
JavaScript is a powerful language which brings websites to life with interactivity, until that dreaded moment when JavaScript is disabled in the browser, out of the blue. In this quick tip we’ll look at providing fallbacks with the <noscript> element. No JavaScript Users might disable JavaScript for a number of reasons. They might be doing so to… Continue reading Quick Tip: Don’t Forget the “noscript” Element
50+ fresh resources for designers, January 2016
Howdy friends! We’re back again with another roundup of some of the best freebies available for designers and developers. To help you through the post-Christmas blues and kick off 2016 in style we’ve packed this edition with flat, solid, and line icons; brushes and patterns for Photoshop; templates; UI kits; WordPress themes; fonts; snippets; dev tools; design… Continue reading 50+ fresh resources for designers, January 2016