Archive

Archive for July, 2017

Parallax Scrolling Templates

July 25th, 2017 No comments
Salient Service parallax scrolling templates

If you remember, a while back we provided a roundup on parallax scrolling websites (10 Awesome Parallax Scrolling Sites). Developing a parallax scrolling website can be rather complex and requires a fair amount of coding in jQuery, JavaScript, HTML, and CSS.

Well, that was the case until these pre-made templates appeared! If you want a website that takes advantage of the parallax scrolling effects, you should use one of these parallax scrolling templates. so let’s take a look at a few parallax scrolling templates that are out there for us to work with.

Let’s start with the parallax scrolling themes and templates that are out there for us to work with.

Salient – Responsive Multi-Purpose Theme

Salient is a multipurpose WordPress theme that comes with the following features: various demos, exclusive sliders, page transition effects, parallax, animations, and more.

Slide One

Slide One is a WordPress theme that offers a nice, clean, simple look with one main column spanning from top to bottom down the middle of the page. The background images scroll and provide the parallax effect, while the navigation and social icon links maintain a fixed position. I also like the expanding and collapsing option for the footer, quite clever.

Stellar

parallax scrolling templates premium

Stellar is a parallax scrolling website that was built with the 960 grid system. The template doesn’t overload you or bog down the load time of the site with large, high resolution, full-screen background images and relies more on a nice balance of typography and icons to add a little bit of color and character to the site. The parallax effect is minimal, but it’s there and is just enough to help the site stand out from the others. It will take a little HTML editing to custom fit this template to your needs, but at $10 it’s hard to beat!

Old Bakery

parallax scrolling web template

Old Bakery puts a refreshing spin on the standard parallax scrolling site. The background image is what provides the effect, but rather than making every background image a page they are used to alternate between a page with a staged shot of the baked good with some text and a full-screen, close-up, detailed picture of some baked goods between each page with text on it. A very cool concept for this HTML5 template, and for only $14 and a little bit of tweaking you could make it your very own!

Impreza – Retina Responsive WordPress Theme

Impreza is a premium WordPress theme with a fully responsive design. This template is customizable and it comes with powerful features such as parallax effect, animations, and more.

Impreza Photography parallax scrolling templates

Parallax

parallax scrolling site

The aptly named Parallax WordPress theme offers a great user interface for anyone on the WordPress platform that would like to feature a parallax scrolling effect for the content on their site. This theme comes with full support and free upgrades, is widget ready, and easily customizable with 2 color variations, 3-page templates and the ability to upload your own logo.

Hestia

This is a high-quality WordPress template which includes multiple great features such as a parallax effect, responsive layout, SEO optimized, custom backgrounds, and more.

Hestia Material Design WordPress Theme

TopPic Photography – Portfolio Photography Theme

TopPic is a premium WordPress theme that comes with great features such as full-screen photo slider, parallax headers, skin manager, and more.

TopPic Photography parallax scrolling template

Impress

parallax scrolling theme

Impress says it all in the title. I’m a sucker for sites that carry a vertical theme, and that’s exactly what this one does. Starting with mountain peaks scraping away at the sky and going all the way down below the grassy fields to the dark depths of the dirty, well, dirt. Impress was build on the Skeleton Grid System, and with a little tweaking of some HTML to incorporate all your details, this site could be yours for only $15!

Scrollfolio

parallax scrolling template site

Scrollfolio is a single page portfolio template that utilizes the parallax scrolling effect to help it stand out above standard, static portfolio web pages. The code is full of notes, making editing it and populating it with your content a breeze. Scrollfolio is compatible on all major browsers.

About the author: with over ten years in the freelance web design and writing fields, Scott Stanton has had his finger on the beating pulse of the industry’s hottest design trends and bends for the past decade. Scott regularly writes for Wix.com the free website builder. Follow him on Twitter @TheScottStanton.

The post Parallax Scrolling Templates appeared first on Web Design Blog | Magazine for Designers.

Categories: Others, Programming Tags:

15 Top PHP Coding Tutorials, Tips and Tricks

July 3rd, 2017 No comments
47 Simple Private Messaging System - Use PHP to create a PM system

PHP is a widely-used scripting language that is suited for web development and can be embedded into HTML. PHP is used in many websites on the internet. We have compiled a list of 15 top PHP coding tutorials and tips / tricks to help you better understand it. These should keep you busy for a while. They all can come in handy sometime when you are coding. These PHP tutorials / tips / tricks are either video tutorials which you can watch from this page, or text tutorials where we’ve provided a link to the tutorial.

PHP Ajax Live Search

Ever wondered how to create those awesome looking search boxes where you can see the results in real-time as you are typing? This tutorial teaches you just that. Take advantage of AJAX and learn how to create real-time results in your search box.

How to: Create dynamic XML Sitemap & RSS Feed in PHP and MySQL

XML / RSS is an easy way to make your content global and available to various platforms. In this tutorial, you’ll find out how easy it is to create feeds for your content in PHP.

Scrape Websites with Python

Any info you need, be sure you’ll find it on Wikipedia! In this tutorial, you’ll learn how you can build a small scraper in PHP to fetch basic information about any topic from Wikipedia or any other website.

Single Sign-on Using OpenID, PHP and MySQL

Enable your website / web application to accept OpenID as a way of login. In this tutorial you’ll have a look at how you can enable your site for Open ID logins. You’ll be using PHP and MySQL.

Creating Simple Shopping Cart Using PHP & MySQL

This useful PHP coding tutorial will teach you how to create a simple and easy to use shopping cart to use on your website. Make sure to watch this shopping cart video tutorial in full!

Create Your Own PHP MYSQL Search Engine

Learn how to make your own search engine using this PHP coding tutorial! There are a ton of ways to design and implement a search engine, but this tutorial shows you a quick easy way.

Login to Analytics API Using PHP

Great little tip / trick that teaches you how to login to the Google Analytics API using PHP. This tutorial will enable you to display the Google Analytics data directly on your app or website without having to log in to Analytics.

PHP File Create & Write

In this PHP coding tutorial, you will learn how to create a file using PHP and write it on your server. This tutorial takes advantage of the fopen() function to create a file. Sounds strange? Well that’s precisely how it works. If you attempt to open a file that doesn’t currently exist on your server, your server will create the file. This tutorial also takes advantage of the fwrite() function to write to a file.

Limit Characters From Your Text

In this tutorial you will learn how to limit characters from a sentence without cutting words up. This is a really useful tutorial for beginner web developers. You’ll learn how it’s done in this helpful step by step tutorial.

Create An Advanced Password Recovery Utility

Learn how to create a very advanced password recovery tool using PHP. This can be useful, and you can implement it in to your website login system. This PHP coding tutorial teaches you how to handle encrypted and unencrypted passwords, basic mySQLi functions, and how to also build in a temporary lockout if the user answers the security question incorrectly too many times.

Error 404 Pages With PHP Auto-Mailer

Website error pages are perhaps one of the most overlooked pages of a website. This is an awesome tutorial for creating a custom error 404 page. This tutorial teaches you how to spice up the design a bit, add basic navigation and link to the website’s sitemap.

Simple PHP Class For Parsing Markup

This tutorial will teach you how to make a simple class that wraps PHP’s various regex functions in a fluent interface.

PHP based Address Book Using MySQL

Learn how to create a PHP address book and store all the addresses in a MySQL database with this helpful PHP coding tutorial.

Zero Fill a Number

Learn how to make a number a certain amount of characters. Such as 5 you could make to 005. We accomplish this by using the str_pad PHP function.

$string = 777;
$zero = 5;

echo str_pad($string, $zero, '0', STR_PAD_LEFT); // 00000777

Simple Private Messaging System – Use PHP to create a PM system

In this tutorial you will learn on how to write a simple Private Messaging System for an existing userlogin script.

The post 15 Top PHP Coding Tutorials, Tips and Tricks appeared first on Web Design Blog | Magazine for Designers.

Categories: Others, Programming Tags: