April 20, 2017 by Veronika Step up your game on the directory and listing web design scene with these stunning WordPress theme tailored to meet the specific needs of the users, both employers, employees, sellers, and regular browsers. This collection contains few of the best WordPress themes for directories, listings, and classified ads. Price: $24… Continue reading Best Directory and Listing WordPress Themes
Tag: footer
49 Essential Elements of Ecommerce Product Page Design
February 13, 2017 by Spyre Studios The product page is often underestimated. Business owners tend to focus more on the SEO, ad campaigns, landing pages, and other such aspects of their website. They forget that the product page is their sales pitch and should be optimized accordingly. And the important thing is you do not… Continue reading 49 Essential Elements of Ecommerce Product Page Design
4 Beautifully Simple Homepage Designs
January 18, 2017 by Spyre Studios Every page on your website tells a story, but few say as much about the brand as the homepage. This is the portal to the rest of the online experience and sets the stage for what visitors think about your brand. That’s why it’s helpful to study what others… Continue reading 4 Beautifully Simple Homepage Designs
Angular 2 Transclusion using ng-content
Free Course Getting Started with Angular 2 Angular 2 is the shiny new framework that comes with a lot of new concepts. Learn all the great new features. Get Started Wait a minute… What is transclusion? Understanding Transclusion Don’t get confused by the term Transclusion. It’s best explained using an example. Let’s say we have… Continue reading Angular 2 Transclusion using ng-content
How to Build a News Website Layout with Flexbox
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
How to Create an AJAX Driven Theme for ProcessWire
In this tutorial we will look at setting up a simple theme in ProcessWire, we’ll investigate delayed output (now the default theme strategy within ProcessWire), and setup our site to request new content using AJAX. To accompany this tutorial I have created a new theme for ProcessWire, making use of both AJAX and delayed output,… Continue reading How to Create an AJAX Driven Theme for ProcessWire
Meet “Intense” – A Revolutionary Multipurpose HTML5 Template
Posted · Category: Information The fastest way to build a website is to use a readymade website template, plus do some customization (depending on your requirements). And when a few years ago that was the choice of small companies and bloggers, today even the largest corporations opt for these tactics. Indeed, why reinvent the wheel… Continue reading Meet “Intense” – A Revolutionary Multipurpose HTML5 Template
Designing for Apple Watch: Designing a Glance in Sketch
What You’ll Be Creating If this is the first time you are designing for a wearable device, you will notice that there are some key differences compared to designing a product for a smartphone or a desktop computer. In this quick tip, I cover some of these differences while also teaching you how to design… Continue reading Designing for Apple Watch: Designing a Glance in Sketch
8 Photography Portfolio Themes for WordPress
In this roundup we’ll take a look at some important things to consider when building an online photography portfolio with WordPress. We’ll go over eight tips and ideas, simultaneously looking at some top selling themes from Envato Market to help demonstrate each point. Say cheese! 1. Introduce Yourself Emotional design is hugely important on the… Continue reading 8 Photography Portfolio Themes for WordPress
Multipurpose Selection of 20 Free & Premium HTML Templates
Ready-made HTML templates are a common choice of non-tech savvies who want to get their sites up and running promptly. You can avoid browser compatibility issues, problems with indexation by search engines, and coding mess. Just add your content, edit the design a little, and voila. Your web resource is ready to promote your business… Continue reading Multipurpose Selection of 20 Free & Premium HTML Templates
25 Beautiful Card-Based WordPress Themes
Card-based designs got popular with the rise of Pinterest in the realm of social media. The image sharing website’s card-based website had led to a rising trend of cards in user interfaces of websites and mobile applications. It is an excellent solution for the specific demands of mobile devices (which are typically smaller) and interfaces,… Continue reading 25 Beautiful Card-Based WordPress Themes
How to Develop a Processwire Theme
In this beginner’s tutorial you’ll learn about creating your own ProcessWire CMS themes. We’ll create a super simple site, covering templates, fields, theme structure and PHP variables. Don’t forget to get up to speed by following the first of our tutorials How to Install and Setup ProcessWire CMS. Where to Find Your ProcessWire Theme Unlike other CMSs like… Continue reading How to Develop a Processwire Theme
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
WordPress Actions and Filters: What’s the Difference?
Action and filter hooks are a fundamental part of the various WordPress APIs. Without them you’re limited as to what you can do in your themes and (especially) your plugins. But sometimes it can be easy to confuse the two, especially in the cases when WordPress has both an action hook and a filter hook… Continue reading WordPress Actions and Filters: What’s the Difference?
How to Build an Awesome Website Footer
Let me be the one to say it – building a footer is one of those “by the way” kind of tasks for many designers. It seems easy. It seems negligible. It seems like it can be left to chance. And there is some strong reasoning behind such a point of view. For once, footers… Continue reading How to Build an Awesome Website Footer
How to Create a PHP/MySQL Powered Forum From Scratch
In this tutorial, we’re going to build a PHP/MySQL powered forum from scratch. This tutorial is perfect for getting used to basic PHP and database usage. Step 1: Creating Database Tables It’s always a good idea to start by creating a good data model when building an application. Let’s see what we are going to… Continue reading How to Create a PHP/MySQL Powered Forum From Scratch
Cleanfolio: Free Responsive HTML5 Template
Today we’re pleased to bring you Cleanfolio, a Free Responsive HTML5 Template designed by Bloom Web Design and Coded by Glade Kettle. It’s works great on all devices including Phones, Desktop, Tablets and Laptops. All content is in a single HTML5 files making it quick and easy too edit. Cleanfolio Free Responsive HTML5 Template has… Continue reading Cleanfolio: Free Responsive HTML5 Template
Using Alignment to Improve Your Designs
Alignment is one of those things that comes hand-in-hand when working with grid systems. The subject of alignment isn’t simply a matter of choosing whether or not you want to align text or images to the left or right of a design (though those decisions obviously still matter), instead, we employ alignment to improve our… Continue reading Using Alignment to Improve Your Designs
Create a slide-out footer with this neat z-index trick
In this short tutorial, we are going to create an interesting slide-out footer with a bit of CSS. Grab the zip from the download button above, open it in your favorite code editor and read on! The Idea The effect we are after, is to give the impression that the page lifts up to reveal… Continue reading Create a slide-out footer with this neat z-index trick
How To Design a Responsive Site Correctly
Businesses must decide whether to build a native mobile apps or a responsive site for their digital presences. Should you invest in separate iOS and Android development or simply design a site that works across all devices? If you opt to build out a responsive site, here are some best practices to make your design seamless on… Continue reading How To Design a Responsive Site Correctly
Speed Up HTML Coding With Emmet
Web Developers are always looking for new ways to speed up our development process, one the best ways to speed up your development and becoming more productive is to choose the right IDE for the way you code. I’ve tried a lot of IDE’s but he one that I find myself most productive with is… Continue reading Speed Up HTML Coding With Emmet