What programming language does Android use?

Now that you get interested in creating you own android app, you’re asking yourself what to learn? I’ve listed down several android development video tutorials on my previous post. You should check that out if you’re serious in becoming an android app developer. What is a programming language? First, you should know what programming language[.....]

Free Udemy Coupon and Discount Code

Get the latest and free Udemy promo code and coupons here. Keep updated with the latest promotions and learn new courses for a very affordable price. Click the “get voucher code” to view the  code.

Top 20+ Android App Development Course for Beginners

Today I listed the best android app development courses for beginners. I can still remember the days where video tutorials are really hard to find. Thanks to Udemy, now you can learn this step-by-step and easily. Now you don’t need to go to a university to get a course that will take months or years to complete. It’s[.....]

Do Udemy Courses Expire?

If you’re new to Udemy and wondering if the course you bought will expire, then the quick answer is NO. It has not course time limit because you have lifetime access to the courses you bought or enrolled. Udemy courses will never expire once you purchased it. They offer on-demand and very affordable courses. It[.....]

Is Udemy Legit? Here’s What You Need to Know

Udemy is one of the best marketplace to get tutorials of anything that you want to learn online – from hard core programming to cake decoration. It is popular because you can pick any topic and purchase the course for free or with a very reasonable price. The price ranges from free to $200. Udemy vs[.....]

Best Selling CSS Flexbox Starter Course

I’ve listed down the top CSS Flexbox Starter Course for you. Using CSS flexbox is one of the best way to create modern website layout today. This has a lot of advantages over traditional layout using divs and table. What? tables… Yes. table was used to create website layout.

Top 5 Kotlin Video Tutorial for Android

I’ve listed down the best selling kotlin tutorials that you can watch online for a very reasonable price. What is Kotlin? It’ s an android basic programming language used to develop android apps. As of the moment there are few courses that offer this. Some are free but I don’t recommend it. Let’s not always settle with free[.....]

Top 3 Premium Shopify Training Course For Beginners

Learning Shopify isn’t easy specially when you’re only reading it from a PDF tutorial. You really need a Shopify training course to be an e-commerce pro. I’m also tired of disorganized tutorials that you can get for free. That’s why today I’ve listed down the best Shopify video tutorial that you can find online. Shopify[.....]

Udemy Promo Code and Discount for March 2017

Udemy just released the latest sales and discounts by giving away these promo codes. Mark your calendar and don’t miss the opportunity. Click the promo codes to go directly to Udemy website. March 1 to April 1 All courses on site will $19 Promo Code: UDEMARCH March 3 All Gaming Course will be $15 Only[.....]

Udemy India: Complete Guide in Taking Courses Online for Indian

Udemy is one of the best place to learn a lot of things. From simple photo editing to hard core coding, you can learn it for just spending a few bucks. Udemy India There’s nothing special here. I just learned that many of my Indian friends want to know more about Udemy. This website offers their[.....]

Website Design Terminology for Dummies

If you are currently learning web design, you will encounter different terminologies. You don’t need to download a list of these words in PDF format. By the help of my idiot proof definition you’re good to go and embrace the the world of Web Development. Browser What is a browser? I’m surprised that many people[.....]

How to Integrate ACF (Advanced Custom Fields) with Page Builder by SiteOrigin

Advanced Custom Fields and SiteOrigin’s Page Builder are one of the best WordPress plugins out there. By default, both plugins don’t have a clear connection on how they will integrate to each other. This is a good alternative if you’re looking for ACF layout page builder. Flexible content on ACF Pro is a good choice too[.....]

Drupal 8 Theming Cheat Sheet

Responsive Vimeo Video Embed

Sometimes setting the width of an iframe to 100% is not enough. There are instances that you’ll get a black bar above and below your video on smaller screen resolution. You get the full width that fits the screen but you can’t have a full 100% height. To fix this, I will share my full[.....]

Is Dreamweaver a good tool to make website?

I’m new to web design and I found different tutorials about Adobe Dreamweaver. Would you recommend using it?

Add Read More Link in WordPress Excerpt

You don’t need a read more excerpt plugin for WordPress if you want to customize or replace the default […] You may use the PHP code below. On line 4 you can insert anything you want. You may put CSS id, class, change the text, or insert image. [codepen_embed height=”437″ theme_id=”light” slug_hash=”qqWWXQ” default_tab=”html” user=”monstertut”]See the Pen[.....]

How to enable HTML5 tags for Internet Explorer

HTML5 is one of the greatest thing that happened this decade but not all browsers support this language. As always, Internet Explorer will give us problem and discomfort while using amazing HTML5 and CSS3 features. Internet Explorer doesn’t show the CSS (styling) of these HTML5 tags. And treat them as an unknown. Here’s a simple javascript[.....]

CSS Styling element inside an iframe using javascript

One of the challenging thing in CSS is when you tried to style an element inside an iframe. At first, it sounds impossible but the code below fixed this issue somehow. The logic on the code below is we add a line of CSS using javascript. $('iframe').load( function() { $('iframe').contents().find("head") .append($("<style type='text/css'> .yourclass{display:none;} </style>")); });[.....]

Display Slug Column in Post/Page WordPress Dashboard

There are some cases that you need to show the slug URL of each blog post or page while viewing their titles in WordPress dashboard. I encounter this when I have to update each slug to a more SEO friendly URL. Below is the code I pasted on functions.php of my active template. //slug url add_filter('manage_posts_columns',[.....]

Query Post Terms by Taxonomy and Post Type

One of the grate feature of wordpress is to give us access in making custom post type and categories under it. And under each category (taxonomy) we can group them as terms. It sounds cool and exciting but as I search the internet, I can’t find a way to query post it under these condition.[.....]

How to Fix Custom Post Type redirecting to 404 Page

While working on a custom post type, sometimes the pages shows 404 page. Below are my solutions everytime I experience this error. Here are 3 things that you should try. Update the Permalink. To do this, go to Settings > Permalinks and hit Save changes. Create a Page Tempalte. Double check if you already have a single-{YourCustomPostType}.php[.....]

WordPress: Limit Word Count of Post Excerpt or Content

Sometimes we’re not happy  how WordPress limit the lenght of our post excerpt or content. And by the help of some  codes online, we can set it’s length by the number of characters. I’ve seen a lot of helpful code to limit the character of an excerpt in WordPress. But the output doesn’t look good.[.....]

Jquery Script to Scroll Page when href with target ID is Clicked

On single page websites, there are lots of anchor links connected on an ID selector. And it would be better if it will scroll up/down when you click it. For example, the go to top anchor is linked to #header. The script below will help you give a cool animation effect while navigating to your site. It[.....]

Remove Form Header on Wufoo Form

You may want to remove the header of your contact form from wufoo to match the design of your site. Get rid of it now using the codes below. You may hide it using CSS but removing it from the code is the best way. Remove wufoo header in iframe You might have a code[.....]

Show Bootstrap Dropdown Menu on Mouseover

You may want to show Bootstrap 2.3.2  dropdown menu to show on mouseover/hover and not onclick. Clicking it to show the submenu is a good idea when viewing the site using tablet or mobile phone but not on desktop. Bootstrap is one of the best CSS framework that you can get. But we need to alter[.....]

Add Facebook, Twitter, LinkedIn, and GooglePlus to WordPress User Profile

Social media has becoming popular in the late 5 years. I’m not sure why wordpress still don’t allow us to enter Facebook, Twitter, LinkedIn and Google+ profiles for users by default. Just in case you’re really need to add this to each user’s profile. And this is not jus for facebook and other social media[.....]

Top 10+ Web Banner Template for Business

There’s a good news for every graphic design that deals with web banner design advertising. Now you can save time and money by buying web banner template in Graphicriver.net. Below are list of Corporate business banner advertisement that you can use on any type of campaign. Each files are editable in Adobe Photoshop. Stock photos[.....]

Premium Real Estate Flyer Templates

Buying a real estate flyer templates is the easiest way to do when you’re designing a flyer for your client or for personal use. You don’t need to do it from scratch. And you only need a very basic Photoshop skill to edit the file for your own use. Thanks to graphicriver, we now have[.....]

Premium Web Banner Design Templates for Corporate Use

Web banner design is now becoming a trend in graphic design and marketing. Your advertisement should know how to keep up in the competition and should give high conversion. If you are an internet marketer or a graphic designer that create or design a web advertising banners, this article is for you. Why should I[.....]

Web Banner Ad Template for Online Shopping Campaign

If you are a banner ad designer and have many projects, it will be helpful for you if you’ll have a template to get started. Most advertising banner designer save their time by collecting large collection of banner template and other graphic items. Graphicriver is the best marketplace on buying graphic elements for web or[.....]

How to Edit Smart Object in Photoshop

Here’s a short video showing the step by step procedure on how to edit smart objects in Photoshop

How to do WordPress shortcode?

WordPress shortcode is one of the most useful thing that you can do in WordPress. It helps you to insert piece of code that is hard for a non coding creature. It gives you the ability to insert column or action without using any HTML code. But sometimes it’s not working. The reason is you don’t[.....]

Remove Extra Border on Shapes When Selected on Adobe Photoshop CS6

I’m so happy that I have the latest version of Adobe Photoshop which is CS6 during this time (2012). The new features are amazing but one thing that hold me back is when I select a shape, I have this weird black border. Let me show you the screen shot below with corresponding label image[.....]

WordPress CSS Template Core

When you create you own WordPress template, you use custom class and ids and most of the time you forgot that there are CSS class that should be always be present because by default, WordPress use it to center image, align to left or right, and more. For your convenience, I list down the CSS Core below: .wp-caption[.....]

Allow WordPress Widget to do Shortcode

Sometimes we use shortcode not only on the content of the article but also on some custom field, widgets, and more. By default, we’re not allowed to use it inside a sidebar or widget. In this case, we need to add filter to make this happen. Simply add this to wordpress template’s function.php add_filter('widget_text', 'do_shortcode');[.....]

How to Add My Site to Google?

You’re reading this because you own a website and you want it to be visible on top search engines like Google. Yeah. Nothing beats Google yet. Actually, you don’t really need to add your site on Google. As long as you have a website, Google will know it for sure. Google and other search engine[.....]

How To Arrange Order of Modules in Joomla

For a beginner in Joomla like me, it’s interface is not so eye friendly. There are lots of options and settings. As a result, we can’t see what we really need. I was so happy when I figured out how to edit the order of modules in Joomla. Here’re the steps: Go to Module Manager[.....]

Fix z-index issue on YouTube Video and Google Chrome

Have you experienced a z-index problem on YouTube videos when viewed on Google Chrome? A simple fix like adding wmode=transparent will solve the issue. But what if you have a lots of videos and it’s too late that you noticed this issue? In addition, the transparent mode isn’t working on the new embed code of YouTube.[.....]

How to Display Date/Time as “x days ago” in WordPress

The format like “Post date: 15 days ago” is more of a tweeter styled for me. This is also possible to make on WordPress posts, pages, and comments to add some spice. Sometimes the default time with the usual format is a little bit boring in creating WordPress custom template. We can show it in[.....]

WordPress Admin turns to a Blank Page

Sometimes while working on WordPress templates we encounter the problem that WordPress admin section turns to empty without knowing the cause of it. It also happens when I do some changes on the Settings section and after I submit it it redirects to a blank screen. Also with a blank page after creating an article.[.....]

Make Div Open a Link onClick

Sometimes there are situations that you want a div to be a clickable element but it should not be a link. An example is the website that I’m currently working at. A box with images and text have to go to a certain page when click. This is a div and I can’t put text[.....]

Create Post Template by Category

The page template capability of a Page in WordPress is simply amazing, and sometimes you need that feature in a post. The time will come that you will be needing a single post to have it’s own template that depends on its category or tags. This guideline works by giving a condition to the post[.....]

How to Clear Cache in Google Chrome

The easiest way to clear cache in Google Chrome is to know it’s keyboard shortcut. For Windows/Linux User The keyboard shortcut to delete cache in Google Chrome is CTRL+Shift+Del and check the “empty the cache” and hit “Clear Browsing Data” button. For Mac User To clear cache in Google Chrome on Mac use Command+Shift+Delete, check the the “empty[.....]

Random Background Images Using PHP on Page Refresh

Changing background images randomly adds interaction to a website. Just make sure that you keep the branding of your site. One method to do this is using php code. The code below works by choosing the background image from a list of images in a directory. Once chosen, the image will be used in the CSS[.....]

How to Add PinIt Button on WordPress

Adding pinit button in a wordpress website is one of the best way to promote your images on the social media. If you have to do it manually using php code inside a wordpress  template, the pinit codes below is what you need. <a href="http://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php if(function_exists('the_post_thumbnail')) echo wp_get_attachment_url(get_post_thumbnail_id()); ?>&description=<?php echo get_the_title(); ?>" class="pin-it-button" count-layout="vertical">Pin[.....]

Increase WordPress Upload Limit

Uploading files is very important in developing websites, but sometimes large file upload can cause errors on WordPress. To increase the upload limit in WordPress follow my steps below. First, read my previous article on how to create .htaccess. This is what you should put inside .htaccess file. <IfModule mod_php5.c> php_value post_max_size 40M php_value upload_max_filesize 25M[.....]

How to Use Server Side HTML Includes

HTML include is one of the greatest discovery I made this year. I was searching it on the web for some time and I’m glad that I found the best way to do it. And it works on local and live server. Sometimes php includes is not available and you badly need a working HTML[.....]

How to Make .htaccess file?

.htaccess file helps a lot in web development. This is not a usual type of file so I’ll make this short article to help everyone to create .htaccess. You can use any text editor, the notepad on windows is the easiest way to start with. open notepad. paste the code that you need save it[.....]

How to Center a Web Page Using CSS

If you’re a beginner I’m sure that you’re wondering how to center a div where all your elements are located. Here’s a simple CSS code to center you website like the other site that you see online. First, let’s mark up the HTML code. So this is what you see inside your <body> tag. <body>[.....]

Get Featured Image URL and Display it on Page/Post

Sometimes getting the full featured image tag in WordPress is not the solution that we need in our custom template. There are situations that we only need the URL of a featured image. To get started, use the code below: <?php if (has_post_thumbnail( $post->ID ) ) { ?> <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>[.....]

Display Featured Image in Post/Page

Featured image in WordPress is an amazing feature. It let’s you upload an image that can be used as a thumbnail or any photo for your post or page. To get the featured image and show it on the page, use the code below: <?php if ( has_post_thumbnail() ) { // check if the post[.....]

Limit the Number of Words/Character in WordPress Excerpt

Sometimes WordPress excerpt of posts are too long or too short for our design and we ask ourselves if it’s possible to limit the number of words. The answer is yes. Using the code below, you can easily customize the number of words that shows on an excerpt. The best way to limit it is[.....]

Upload an Image Using WordPress Custom Field

We use WordPress custom field to enter more information on a post or a page. But sometimes the project demands to have other features such as image, video, audio, etc. And your clients are not familiar with adding HTML image tags or video URL. The solution is enable them to upload a file or an[.....]

WordPress Search Code Form

WordPress has its own search function that enables the user to search posts and pages. You don’t actually need a plugin to enable this feature. The short code below will help you to have this function. <form action="<?php echo $_SERVER['PHP_SELF']; ?>" id="searchform" method="get" role="search"> <div> <input type="text" id="s" name="s" onblur="if (this.value == '') {this.value =[.....]

Register a Dynamic WordPress Sidebar

WordPress Dynamic Sidebar is the place where we put WordPress widgets. It helps a lot if the client wants to have a full control on any part of the website. It can be on sidebar, footer, or even on custom pages. To get started you must know how to declare it on the themes function file[.....]

WordPress Post Date Not Showing

Have you experienced to have a list of WordPress posts and noticed that some dates are now showing? Let’s say there are 5 posts. Some of them have correct published date and some of them have empty dates. The Problem I noticed that <?php the_date(); ?> is the short code I used. The Fix It was fixed when I[.....]

WordPress Menu Tutorial

One of the best feature of WordPress is the ability to create custom menu for your navigation. Now you can choose which pages should be on your main menu, secondary menu, and even footer links. I created the steps below for your convenience and reference when working a WordPress theme. Add Menu on functions.php On your theme’s[.....]

Free HTML Widgets for Websites

Widgets for websites are one of the best integration of social networking sites. It improves relationship and connectivity between the website and its visitor. As a developer, you need to know the different widgets that you can put on your website. Facebook Widget Facebook offers a lot of widget to choose from. Also know as[.....]

Fix No such file or directory in [xxx]\wp-settings.php on line 21 error in WordPress

Have you recieve a “No such file or directory in C:\xampp\htdocs\wordpresssite\wp-settings.php on line 21” while installing or updating a WordPress site? It also happened to me a while ago. And I was able to fix it. The warning looks like below: Warning: require(/xxx/public_html/wp-includes/load.php) [function.require]: failed to open stream: No such file or directory in /home/lastminu/public_html/wp-settings.php[.....]

Foursquare Widget For Your Website

You can now have a Foursquare widget on any website or in a WordPress site. By doing this you allow your visitors to see how popular your establishment is. If you’re existing business is about a restaurant, bar, or hotel. This tool is really helpful to show the status of your website. In addition, they will see[.....]

WordPress Custom Field Template

One of the best feature of wordpress is its custom field. It lets you add additional text or code aside from the article. It can be another info such as author name, extra thumbnail or image, video code, and more. You can do a lot of things using this amazing feature. Here are some useful[.....]

Free Jquery Slideshow Plugin

If you’re looking for a slider that uses Jquery I would suggest to take a look at BxSlider. This jquery plugin offers a lot of features and customization. Here are some features of this image or content slider. Vertical, Horizontal, and Fade In/Out Transitions Carousel Slider Previous/Next controller Easing Transitions Different callback functions Page controls and[.....]

How to Make Horizontal Navigation in CSS and HTML

Website use horizontal navigation because it’s easier to see and it saves a lot of horizontal space compared to a vertical navigation. Copy the code below to create a horizontal navigation menu. HTML <div class="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Gallery</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact Us</a></li> </ul> </div> CSS .menu li{ list-style-type:none; float:left;[.....]

Use Jquery to Change CSS Class

Jquery is really a powerful script. You can use this to add or remove class name of a CSS declaration. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>   To do this, you need to have the jquery script first. The code may vary depending on the latest version. After this, you can insert the following code: <script type="text/javascript"> $(document).ready(function(){[.....]

Shortest and Most Effective CSS Reset

What is a CSS Reset? We use CSS Reset to remove the default CSS values of the different browsers. If you don’t do this your work will be a little different when tested on different browsers. Copy the code below. You may include it on your master CSS file. *{ margin:0; padding:0; } img, a[.....]

Add Image in Front of a Video

We include videos on splash page or landing page of some marketing websites to attract customers or explain the features of their product. Most of the time, clients want an image to replace the fist frame of a YouTube video. To fit the video with the design of the website. The code below will help[.....]

How to Center Absolute Positioned Element in HTML and CSS

When you position an HTML element to absolute and it’s not even in an element which is relatively position, your element will depends on the size of the screen. In this case, it’s hard to position it to the center. There are solutions to fixed this. You can center a div first and position your element[.....]

How to Center an Image in CSS

For beginners it’s a big question how you will center an image using CSS. If you’ve been coding HTML for a ling time, you may probably know the HTML tag to center an image. Long time ago, people center different objects using <center> tag. But due to some modernization in HTML and CSS. The best[.....]

Email Template Tester

You can now check how does your email template looks like when you send it to different providers such as gmail, yahoo, and hotmail. There are no best software that examine how does an email template looks like when you send it to your subscriber. Test Mail isn’t a software but a simple but powerful webpage. This[.....]

Remove Blue Outline on Form Fields in Safari OnFocus

When you’re testing for cross browser compatibility you will notice that when you click an input, textarea, or select field in Safari browser you’ll see a blue outline. This may harm the design of your website and make confusions on some situations. This issue is similar to Chrome browser’s orange outline on form fields on[.....]

Remove Orange Outline on Forms in Google Chrome Browsers OnFocus

Have you noticed that when you click an input, textarea, or select field on Google Chrome browser you will see a yellow orange outline or border. Sometimes it doesn’t look good with your design. Actually, Safari also have this issue. The difference is Safari have blue outline when you click on form fields. Here’s a[.....]

Display Blog Post on Page Template in WordPress

Blog page usually show the latest post on the home page. But this is not always true on some website. Most of WordPress developers encounter some situation that they need to put blog posts on a different page. Here’s a quick code that will enable you to display blog posts on a page except the[.....]

Show Posts by Category in WordPress

One of the most important part of creating a custom WordPress template is to know how to retrieve a certain category to be displayed on a page. This is usually seen on home pages where there is an organized list or updates such as news, latest gadgets, etc. The code below will help you how[.....]

Display Particular Post/Page in WordPress

WordPress is now widely used in different types of websites. It’s perfect for blogging and a good CMS for company and personal websites. As a web developer, we should maximize this feature of WordPress. One particular scenario is when the client needs to show an excerpt of a particular article in a page. A bigger[.....]

Full Screen Background Image Using Jquery

Full background image is now becoming a trend in web design. By the help of jquery plug-in, you can now have an image that is fit to any screen resolutions. To stand-out from a normal full-sized screen background image, you can add spices to your images by having a slider or random image. I found[.....]

Favicon HTML Code

Branding plays a vital role in web design. Using favicon helps to established a good feel and brand of your website. What is favicon? A favicon literally means favorite icon. This icon is saved on your computer when you add websites to your favorites or bookmark. Nowadays, this also serves as the identity of a[.....]

CSS Conditional Formatting

Cross-browser compatibility is one of the most challenging part for web designers. You’re coding a website and it looks perfect on all modern browsers except for Internet Explorer, which is an epic scenario. Thank God for giving someone the knowledge to develop CSS IE hacks. This piece of code will let you fix a CSS[.....]

Test Your Website on Mobile and Other Devices

If you are a newbie in creating website for mobile and other device like ipad, it is hard for you to know how they look on these gadgets, specially if you don’t have one. Please note that the tools below only have the capability of getting the resolution of these devices. It will not show[.....]

CSS Transparency

Modern browsers today supports this cool feature of CSS. Transparent elements on the web add highlights and hide unnecessary stuffs on the web. We can also use this on hover states of our navigation. For a normal situation, Internet Explorer won’t allow us to use this amazing CSS transparency easily. Transparent CSS for IE .opacity{[.....]

Using Grid in Web Design Layout

Guidelines are very important in creating a web design layout. This gives a structure to the layout and helps to organize the elements in the layout. There are different grid systems used in creating a layout but the 960 grid is widely used in our present time. Most websites today have this length, keep that[.....]

The Rule of Thirds

Bored with math calculations of golden ratio? Thinking of quitting? Just divide it into three, and you’re ready to design. We don’t need to be always exact on every pixel unless when we start to code. Using rule of thirds in creating a draft for your first layout is a good practice. This idea is[.....]

The Golden Ratio in Web Design

Golden Ratio is important in the design aspect of web design. If you have watched the movie “The Da Vinci Code” you are familiar with phi (approximately 1.62). This is a proportion that is around us. It’s unexplainable but it seems that this value is present on all things, from a human body to plants[.....]

Guidelines in Creating Web Design Layout

I mentioned earlier that we don’t have rules in creating design for our website. The guidelines help us achieve a visually appealing design that is suited for the audience and the purpose of the website. Before we proceed, I would like to introduce first the basic parts/elements of a typical webpage. Common elements of a[.....]

How to show form input values onblur and hide onfocus

There are two ways to make text input value show onblur and hide onfocus. The first one uses a JavaScript at the head tag of your web page, while the second one uses a script on the input tag itself. First Method (with JavaScript) Write the script below inside the head tag of your page.[.....]

First step in creating a website

Last time, we had an overview on how to make a website. It was mentioned that there are few factors that we need to consider before we create a design in Photoshop. It is important to plan our steps before we make any actions. Know the Type of Website 1. Static Websites This is the[.....]

Run Multiple Versions of Internet Explorer in One Computer

Are you a web designer and testing your websites on different browsers? I know that you are thinking if you can test your website in multiple versions of Internet Explorer by using one computer. I’ve read from an article that it’s possible to run multiple Internet Explorer versions in one computer but will take a[.....]

Web Design Concept

Welcome to the second chapter of this course. In this chapter, we will focus on the web design concept. These concepts are the foundations of your future career. To become a web designer, you must have a skill and talent. Skills can be developed and talent can be practiced. As long as you have the[.....]

Recommended Mozilla Plug-ins for Web Designers

Mozilla Firefox offers different plug-ins or add-ons that can help users enhance their surfing experience. These add-ons are helpful in customizing the look of your browser, add additional features for searching, gaming, web development, and more. Mozilla Plug-ins play a very important role in web development, it makes the job fast and easy. You will[.....]

Pure HTML and CSS Drop Down Menu Tutorial

I’ve been thinking if it’s possible to create a drop down menu using pure HTML and CSS. But nothing really helped me, until I created my own script. This script was tested on IE7+, Firefox, Safari, and Chrome. This is only applicable to level two sub menus. You can improvise my codes to add level[.....]

Web Browsers for Web Designers

Web browsers play a vital role in web design. We view websites using these software. Today, different companies are competing to create something that suits the preferences of the users. The fact that you must face as a future web designer is browsers render your website differently. This makes the challenge/problem for most of the web[.....]

Web Design Software, Domain Name, and Hosting Account – Things you need to create a web site

To create a website, you need a graphics editing program, text editor, FTP software, domain name, and a web hosting provider. You can have these things for free but the features you get are very limited. You have to invest different software if you’re serious about creating websites. In the previous lesson, you have seen[.....]

How to highlight current page link in navigation using PHP

Have you found a better code to highlight the current page link of a web page? We know that navigation is one of the most important parts of a website. This may serve as a breadcrumb for users to inform them their current location on the site. One way to do this is to highlight the[.....]

How to validate a WordPress site that contains the attribute aria-required=’true’ under the W3C Compliance

You cannot validate a WordPress site if you have the aria-required attribute… So what will happen to your dream? — XHTML and CSS logos in the footer. You need this attribute to make a certain field “required” like for email, and name. Basically, from a default theme in WordPress, you have this: <input type=”text” name=”author”[.....]

How To Make A Website?

Have you ever wonder how to build a website? At first, I thought that to build a website you have to be a geek. After gathering information about the project, you can start to work on Photoshop and make a layout. The layout is only an image file (PSD format). Photoshop is the best tool[.....]


  Email me at admin@monstertut.com if you want to keep in touch.  


Thank you for visiting my web design tutorial site. I hope you’ll learn a lot from this. MonsterTUT.com is dedicated to all learners who want to become a web designer. This is also for website owners who want to learn HTML and CSS to save their money for hiring other web designers. I believe that[.....]

Web Design Course

Welcome to monsterTUT.com, the primary aim of this online web design course is to provide a step by step procedure on how to create a website. This is suggested for beginners that have an intense interest in learning web design. Not every topic will be covered in this course but the most important and useful[.....]