is a web designer and a front web developer with over 2 years of experience in the industry. Have a passion for designing detailed, creative and modern websites & graphics. He spend most of his time practically every day, experimenting with HTML, CSS and Wordpress.
Registration page validation using jQuery ensures that the information provided by the user is correct so the user can fill out the complete online form easily with little amount of time.
In today’s tutorial, I will show you how to set up a front-end validation that will work on old browsers. I will also be using the jQuery plugin name Validator jQuery Plugin by Yair Even-Or. There is a live demo download package that you can check out. So let’s get started.Read More
A database is an essential part of most websites. From simple blogs to complex e-commerce websites, everything is being driven by a database.
If you are a web developer, you definitely know a lot about MySQL.
- Is the most popular open source database system
- Uses SQL (Structured Query Language) to manipulate information inside the database
- It’s free, very dependable and fast
- It has several application programming interfaces (APIs)
- Easy to use to develop software or applications
This article is a MySQL guide article that tackles how does the program works and what it can do for both users and programmers.Read More
Tooltips, also referred to as ScreenTips, are a great way to show more information or messages that appears when a cursor is positioned over a hyperlink, icon, images or any other element. There are many ways to create anchor link tooltips.
The idea of tooltips came from older Microsoft applications like Microsoft Word. It had a toolbar where moving the mouse over the buttons displayed the tooltips.
In today’s tutorial, you will learn how to customize your tooltips using pure HTML and CSS3 using a span element. Let’s get started.Read More
Progress bar informs the user about the waiting time for a page or specific task to load. Usually when the server loads so slow, the user waits and waits for a long time without having any idea how long it will finish loading. A progress bar gives user-friendly experience, thus, adds more value to the website.
What’s great with Pace.js:
- You can automatically load a progress bar within any web page you have in your website.
- Pace.js is executed using a document-read state, event loop and Ajax requests within a specific element of the web pages.
- It comes with 14 built-in themes (at the time of this writing) that you can choose from.
- Progress is detected automatically.
In today’s tutorial, I am going to show you how to use this amazing plugin to load a progress bar on your site.Read More
CSS has come a long way. Creating of shapes using CSS3 alone without the use of images was made possible with its new properties. This enables developers and designers to experiment and do more with this basic shapes.
Creating a diamond shape using CSS is cool but how about combining diamonds to create a grid? Today’s tutorial will show you how to do CSS3 diamond grids.Read More
The introduction of CSS3 keyframes rule has increased the ability of CSS to create or animate objects in a more advanced and amazing way. Using this rule, you can change the set of CSS styles many times.
In today’s tutorial, I am going to show you how to animate a giraffe vector character walking forward with the fences, clouds and background. Please take note that this is not an introductory tutorial for CSS3 animation. If you don’t know how CSS3 animation works, I suggest visiting this page.Read More
CSS3 animation is a great new feature of CSS3. With this feature, it is possible to animate transitions from one CSS style to another. The introduction of CSS keyframes rule made it possible to have intermediate waypoints along the way of animation.
Compiling all of the useful CSS animations in one CSS library is a great idea but may take some time. Good thing there is already a prebuilt library that compiles all good CSS animations.
Introducing Animate.css, a free prebuilt CSS library, created by Dan Eden. It is consist of over 50 amazing, cross-browser CSS animations that save you from writing a little more lines of CSS to animate elements on your site projects.
Today, we’re going to check how we can apply cool animations using this Animate.css tutorial. You can feature this animation in a landing page. Let’s get started!Read More
Want to start your online store but don’t know how? It’s now easy to create one with WordPress and WooCommerce plugin. True, WordPress has been on the Web as a Content Management System for blogs. The most exciting part is, you can now do almost anything with it using premium and free plugins.
Creating an online store to sell products is now just a few clicks away using Woocommerce. Since WordPress integrates seamlessly with WooCommerce, the former is taking your site capabilities to the next level.
WooCommerce: Sell Anything Beautifully
WooCommerce is the most popular eCommerce plugin to utilize to create your online store in a few clicks. It is a feature-rich plugin of the eCommerce software of WooThemes, a company known for their great online business solution.
In today’s tutorial, we’re going to create an online shop using this amazing plugin.Read More
A website that is not yet ready to be launched needs a “Coming Soon” Page to notify the visitors that it would be soon launched on a specific time frame. As the modern web development evolved, this page is more than just a simple text page or an under construction image.
Designing the “Coming Soon” page increases the level of expectation of the visitors, thus, giving them the thrill of what will be soon published on the site. Aside from the design, you can also collect information of interested users by inserting a “Notify Me” textbox and a “Subscription Button” on the page.Read More
Over the years of WordPress development, the default login screen design hasn’t changed and remains simple and clean that works on different screen sizes. However, when building websites for specific clients, especially for companies, it would look nice if you can change the color scheme of the login screen as well as the logo to match with the site’s theme, right?
Good thing, it can be done easily. The great thing about WordPress is that each part of the backend can be customized by just using the PHP functions.
In today’s tutorial, I am going to show you how to customize WordPress login screen the way you want it. First, we will change the logo and then the color scheme and the some other elements. Let’s get started.Read More