Monthly Archives: March 2016

WordPress vs Static HTML – Which is the Best for Your Website

Hi all,
We can develope website using static html or php or content management system like wordpress or php framework. Here I explain basic idea of wordpress, html, advantages and disadvantages of both.

What is WordPress?




WordPress is a very good script to create a simple website. The wordpress is very useful and easy Content Management aSystem(CMS). It helps you to manage your website from a user friendly interface.
You can easily changes any corrections on your website from an admin panel which is quite easy to understand and can easy use.




The main difference between wordpress.org and wordpress.com is that: The open source CMS is available only in wordpress.org and wordPress.com is a blog hosting service.

Benefits of Using WordPress

  1. Easy to Update – WordPress is very easy to use and has an intuitive interface. Adding new blog posts, pages, images, etc. on a regular basis is a breeze and can be done quickly. Because the technology is so simple, time spent on formatting is greatly reduced.
  2. Professional Templates – There are hundreds of free templates are available, these free templates can use in your site. These themes are developed by professionals from all over the world.




  3. Very Powerful- WordPress provides all kinds of power with many free and premium plugins you can use to customize the look and function of your website. From reservations systems to contact forms, you can find a plugin for just about anything.
  4. Full control and Ownership – You use right hosting company for site host, you get to own the domain name, content and gain full control of your website.
  5. Manage Your Website from Any Computer- WordPress is browser-based. You can login from any Internet connected computer and manage your site.
  6. Have Multiple Users- The administator can set-up multiple users for the website and assign access levels and capabilities to each user.
  7. Your Site Can Grow as Your Business Grows- WordPress sites are very scalable. You can have hundreds of thousands of pages or blog posts on your site and the performance of the site will not be compromised in the least.




  8. Community- To have a useful support, there must be a large community of users, who will be a part of e.g. a discussion board.
  9. Plugins- There are thousands of free plugins are available with specify usage and how to use it.
  10. Menu management- WordPress menu management has extended functionalities, that can be modified to include categories, pages, etc.

Disadvantages of Using WordPress

  1. Modification requires knowledge of PHP- Operations like removing a date field requires some understanding of PHP language. It is the case for most of such modifications.
  2. SQL queries- Queries can be complex since all additional non-standard fields that make WordPress a CMS, require additional syntax.
  3. PHP security- The script is not protected as well as other applications. It all depends on how sesitive is the additional content of your page.

Advantages of a HTML Website

  1. Little to No Maintenance
  2. Low Requirements

Disadvantages of a HTML Website

  1. No Updates – It’s very hard to update.
  2. No Additional Features – You cannot simply add a plugin to get something new. It has to be coded into your website, which means you will need a developer.

What is Better? WordPress or HTML?




Now that we know the pros and cons of both WordPress and HTML websites. Let’s talk about which one is better for your business website. If you are certain that you will never want to change, update, or add anything new to your website, then by all means go for a HTML website. It will be faster and will serve your purpose.

If anyone has doubts on this topic then please do let me know by leaving comments or send me an email.

How to Add Categories and Subcategories to WordPress

Hi all,
In this article, describe you how to add categories and sub-categories in WordPress. WordPress comes with the ability to sort your content into tags, categories and taxonomies.




The major difference between tags and categories are: categories can have child categories or sub-categories.

STEPS

  1. First, go to domainname/wp-admin(eg: http://prittytimes.com/wp-admin).
  2. Login with your username and password.
  3. Let’s add two pages and then insert them into Help as sub-categories. Ex. Support and Forum. Hover mouse over Pages and click Add New.
  4. Enter new page title.




  5. Add some description…
  6. To preview this page click Preview in top right corner of the page.
  7. You’ll be taken to new tab.
  8. Everything seems OK.
  9. Close this tab.
  10. When you’re done click Publish.
  11. Click Add New again.
  12. Repeat the previous steps, just change title and description.
  13. Done. Now we have two pages. Let’s add them into ‘Help’ as sub-categories. Hover mouse over Appearance




  14. Click Menus.
  15. Now click View all, because we haven’t used our newly created pages yet.
  16. Check Forum and Support (Created pages) and click Add to Menu.
  17. Now we have them as just categories so grab them and drag into Help just like this…
  18. You can also add Support as sub-sub category.But we’ll not do that.
  19. When you’re done click Save Menu.




  20. Now go to your homepage. Click your website title located in top left corner of the page.
  21. Success! Two pages have appeared when you hover mouse over Help. Let’s check both of them.
  22. Both of them work perfectly.

Understanding Parent, Child, and Sibling Categories in WordPress

Categories are the powerful tools in wordpress. And also category is one of the pre-defined taxonomies in WordPress. It is used to group and sort content into different sections.
A website publishing content on a variety of topics can divide their website into sections using categories.




Let’s suppose you are creating a travel website for different destinations around the world.

For example, you can add United States and then post articles for New York City, Los Angeles, Chicago, etc. This is where you can utilize child categories. United States would become a parent category, and cities can become child categories.

category1



Adding Category in WordPress

You can add a new category in WordPress when writing a post. On the post edit screen, scroll down to the categories meta box and click on Add New Category link.

category2



You can also add a new category without editing a post. Simply visit Posts » Categories page and add your new category. This method is particularly useful, if you want to create all your categories before adding content.

category3



Adding Child Category in WordPress

You can edit child categories the same way you added your parent categories. On the post edit screen, scroll down to categories section and click on the Add New Category link. This will show you text field for adding new category name and a dropdown menu to select the parent category.

category4



Similarly, you can also visit Pages » Categories page. Add the name for your child category and then select the parent category from the Parent dropdown menu.

category5



If anyone has doubts on this topic then please do let me know by leaving comments or send me an email.

How To Reset Your WordPress Password Using phpMyAdmin

This articles shows how to reset or change the wordpress password using phpMyAdmin. You can directly change your wordpress password using phpMyAdmin in the database.




For change the wordpress password follows some steps . They are:

Step 1: Login to cPanel.

Step 2: Under the Databases section, click on phpMyAdmin.

Step 3: Click on the name of your WordPress database.

Step 4: Next click on the wp_users table.




Step 5:Click on Edit beside your WordPress admin user.

Step 6:In the user_pass field, paste your password by pressing Ctrl – V. From the drop-down, select MD5.
Finally click on Go.

Step 7: You should now see a success message from phpMyAdmin saying the database record was updated.

Detail Description:

  • Step 1 – Identify the Name of your Database
  • Step 2 – Locating Database and Editing the Fields

Step 1 – Identify the Name of your Database

For changing your wordpress password, first identify the name of your wordpress database. Sometimes you might be running multiple installations within the same database, then you will need to know exactly where to look for to reset the password.
You can easily find wp-config.php file in WordPress root directory. In wp-config.php, you will find the name of your database, username,database password etc.

Step 2 – Locating Database and Editing the Fields

In your cPanel or other admin panel, you will need to access your MySQL database and then browse it via phpMyAdmin.

cpanel_step2



Begin by logging into phpMyAdmin and clicking databases. A list of databases will appear. Click your WordPress database.

resetpass1



Select wp_genesis database and after selecting wp_user table from the database for reset password.

resetpass2



Look for the row named user_pass (usually the 3rd one) and make the following changes:

resetpass3



  • Under the Function field, set it to MD5.
  • Under the Value field, enter your new password – let’s say mikerotch.
  • Click on Save Changes.

resetpass4



Awesome, now you’ve reset the WordPress admin password.

If anyone has doubts on this topic then please do let me know by leaving comments or send me an email.

Best Website Development Tips

Hi all,
Today we discuss one useful topic related to how to increase web page or site ranking. You can get high rankings and increase web traffic to your site by doing the following tips.

  1. FOCUS ON MOBILE
  2. LOOK AT SEARCH ENGINE CHANGES




  3. CONSIDER A FLAT DESIGN
  4. INCREASED USE OF VIDEO

TIP 1: FOCUS ON MOBILE

You can get high rankings and increase web traffic to your site is mobile ready and accessible. First sure that your site can access in mobile device. That means your site is responsive in all devices.




TIP 2: LOOK AT SEARCH ENGINE CHANGES

In web development here is different search enginee techniques and methods are available. In wordpress the search enginee plugins are also available.

Research what keywords people useHome cooking webpage tips most often on search engines that pertain to your products or services; use these keywords as text in the design to increase website traffic.

TIP 3: CONSIDER A FLAT DESIGN




Keep It Simple.The 99% of all web designers use too many graphical images and programs like Java, Flash, etc. which results in lower rankings and less traffic.

TIP 4: INCREASED USE OF VIDEO

One way many web developers are creating this type of content is through the use of video. Video is something that helps put faces behind the services and products that are being offered, which can make the message even more powerful.

Best Website Development Tips

  • Keep it simple.
  • Create good Meta Tags.
  • Limit the number of times that you repeat words in your Keyword Meta Tag.
  • Place your important keywords at the top of the page as text headers.
  • Your most important page and keywords should be on the first page of a website.
  • Keep track of your search engine rankings and website traffic.




  • Every 3 months you should make a small change on each web page.
  • WordPress is a very popular choice today.
  • Use a clean design.
  • Use simple navigations.
  • Larger fonts and white space rules.
  • Build responsive sites.

If anyone has doubts on this topic then please do let me know by leaving comments or send me an email.

Top Mozilla Firefox Addons for Web Developers

Hi all,
Mozilla has definitely seen better days during its time, I’m of course relating to the recent issues it had with it’s CEO, and how that opened up the transparency of the company. In my eyes, it’s all media stuff, and it doesn’t affect me as much.




I’m here to enjoy this browser, just a few days ago, a new version was released to the public. It was the version 29.0 of the Mozilla Firefox web browser, which brought in a couple of changes and security fixes. You can read the release notes for more information.

In 2006, when I began my web journey, Chrome didn’t exist at the time, and everyone was using Firefox as their primary web browser, with the exception of some using the IE, and Opera. These days, Chrome is dominating the market, while Firefox is trying to stay as open as possible, something that appeals to developers all around the World.



  1. Firebug
  2. Ghostery
  3. Flagfox
  4. Web Developer

1.Firebug

The Firebug is integrated with firefox. It enables with the HTML and CSS elements of the pages in real-time.
You will get the javascript debugging tools from your browser. You can view, edit(update), debug, and monitor CSS, HTML, and JavaScript live in any web page.




2. Ghostery

Features

  • Enjoy a faster
  • Get the content you want
  • safer
  • Control your data
  • cleaner browsing experience.

3.Flagfox

Flagfox is an extension that displays a flag icon indicating the current webserver’s physical location. Knowing where you’re connected to adds an extra layer of awareness to your browsing and can be useful to indicate the native languages and legal jurisdictions that may apply. Additional information can be obtained via a multitude of external lookups and users can add their own custom actions. All actions can be added to the flag icon’s context menu and set to icon click or keyboard shortcuts for quick access.




4. Web Developer

This is probably my most favorite Firefox addon, as far as web development goes. It has got nearly a million users, and after installing it, you get a custom navigation bar added to your browser – within which you’ll find dozens of incredibly useful web development tools.

You can manage CSS, forms, HTML, measure the length of pages and specific parts, live edit the pages, and so much more. A must have.

If anyone has doubts on this topic then please do let me know by leaving comments or send me an email.

PHP GET and POST Method

In forms, information can be transferred and submitted to same or another page. We can submit the data through form. To submit the data through form, to helps GET and POST method to develope this operations.

A form data can be submitted using these two methods. Both are used for same purpose but stands apart under some specifications. As in GET method key values are passed in the Url while in POST, the information transfers in a hidden manner.





There are two ways the browser client can send information to the web server.

  1. GET Method
  2. The POST Method

First encodes the information using a scheme called URL encoding before the browser sends the information.

The GET Method

The GET method sends the encoded user information appended to the page request. The page and the encoded information are separated by the ? character.

Example Code




";
      echo "You are ". $_GET['user_age']. " years old.";
      
      exit();
   }
?>

   
   
      

         Name: 
         Age:

The POST Method

The POST method transfers information via HTTP headers. The information is encoded as described in case of GET method and put into a header called QUERY_STRING.

Example Code




";
      echo "You are ". $_REQUEST['user_age']. " years old.";
      exit();
   }
?>

   
      
      

         Name: 
         Age:

If anyone has doubts on this topic then please do let me know by leaving comments or send me an email.

Top 10 Useful Firefox Developer Tools

Good Morning to all,
Today I share topic related to Top 10 Useful Firefox Developer Tools. Firefox is one of the large used web browser. There are many tools and features are available in firefox. The users will have convenient moments while surfing the net. In here there are 10 useful Firefox developer tools are described below. They are:

  1. Scratchpad
  2. Preview
  3. Vertical and Horizontal Rulers
  4. Responsive Design Mod
  5. CSS Selectors




  6. Style Editor
  7. Eyedropper
  8. Disable JavaScript
  9. Browser Styles
  10. 3D View

1.Scratchpad

Scratchpad provides an environment for experimenting with JavaScript code. You can examine the result of code, the process like write, run and then examine.

Keyboard shortcuts







Command Windows OS X Linux
Run Scratchpad code Ctrl + R Cmd + R Ctrl + R
Show inline documentation Ctrl + Shift + Space Ctrl + Shift + Space Ctrl + Shift + Space
Open the Scratchpad Shift + F4 Shift + F4 Shift + F4
Show autocomplete suggestions Ctrl + Space Ctrl + Space Ctrl + Space
Run Scratchpad code, display the result in the object inspector Ctrl + I Cmd + I Ctrl + I
Run Scratchpad code, insert the result as a comment Ctrl + L Cmd + L Ctrl + L
Pretty print the code in Scratchpad Ctrl + P Cmd + P Ctrl + P
Close Scratchpad Ctrl + W Cmd + W Ctrl + W
Re-evaluate current function Ctrl + E Cmd + E Ctrl + E
Create a new pad Ctrl + N Cmd + N Ctrl + N
Reload the current page, then run Scratchpad code Ctrl + Shift + R Cmd + Shift + R Ctrl + Shift + R
Open an existing pad Ctrl + O Cmd + O Ctrl + O
Save the pad Ctrl + S Cmd + S Ctrl + S

2. Preview

Preview is another useful firefox developing tools. Using this tools, you can be able to preview all the HTML contents that you need.

3.Vertical and Horizontal Rulers

This is the very first one on the list of Firefox developer tools. This tool comes with pixel units displayed on the page. When you are arranging your elements on the page, this tool would be extremely helpful. In order to access this helpful Firefox tool, what you need to do is enter to the “Toolbox Options”. From there, you can see the “Available Toolbox Buttons”. Under it, you can find “Toggle rulers for the page”, and this is where you can find the vertical and horizontal rulers.




4. Responsive Design Mode

Any website should have great responsiveness, so that the desired web traffic can be achieved. Who would want to visit a site that will take you forever before it responses by the way? Hence, in order to check the responsiveness of a certain website, using the Responsive Design Mode in the Firefox developer tool would be very helpful.

5.CSS Selectors

The truth is, Firefox toolbox will always allow you to take screenshots on the entire page or on the visible portions. Even so, what makes this Firefox developer tool is the fact that you can use it in taking screenshots on an specific element, or those elements that are only visible when you use the computer mouse.




6. Style Editor

In order to make sure that the website can be accessed by any user without experiencing some issues, it should be developed well to the extent that it will still be readable and accessible even without the presence of styles. You can actually see the appearance of a website that has no style being used by disabling the styles that can be found on the developer tools. This is where Style Editor tool extremely helpful.

7.Eyedropper

This Firefox developer tool is actually a color picker tool that is built in on the Firefox browser. In accessing this useful tool, the only thing you need to do is click the “Toolbox Options”. After clicking it, you will then see the “Available Toolbox Buttons” option. Under that section is the “grab a color from the page” checkbox where you can see the Eyedropper tool.

8.Disable JavaScript

Coding a website is always a great practice in order to have good screen reader compatibility. The javascript-disabled environment must not hinder the functionality of the website. Hence, in order for you to know that the site is in excellent functionality, the Disable JavaScript tool from Firefox can be very helpful for you to use. You will know if your current session can be affected.




9.Browser Styles

This Firefox developer tool comes in two kinds. This is the default browser style and the browser-specific style. The former is the one that is assigned to every single element, while the latter is the one that has browser prefix. If your stylesheet has override issues, these can be easily detected by just looking at your browser styles. If there is an existing browser specific style, you can also notice it easily through this tool.




10. 3D View

Layout problems may come your way, especially if you are making a layout of your specific layout. This may not be that serious problem, but there should be a good solution for this. This is actually where 3D View Firefox developer tool comes into play. You can surely see the webpages in a 3D view through this tool.

Controlling the 3D view

Function Keyboard Mouse
Zoom in/out + / – Scroll wheel up/downM
Rotate left/right a / d Mouse left/right
Rotate up/down w / s Mouse up/down
Pan left/right ← / → Mouse left/right
Pan up/down ↑ / ↓ Mouse up/down
Reset zoom level 0 Resets the zoom level to the default
Focus on selected node f Makes sure the currently selected node is visible
Reset view r Resets zoom, rotation, and panning to the default
Hide current node x Makes the currently selected node invisible; this can be helpful if you need to get at a node that’s obscured




If anyone has doubts on this topic then please do let me know by leaving comments or send me an email.

Best JavaScript Libraries for Developers

Hi all,
Today we are discussing one important and lated topic for developers related to JavaScript Library.




A JavaScript library is a library of pre-written JavaScript which allows for easier development of JavaScript-based applications, especially for AJAX and other web-centric technologies.
The following JavaScript Libraries are useful almost every purpose for developers. They are:

  1. Stretchy
  2. Jet.js
  3. NippleJS
  4. UpUp
  5. LoadJS
  6. Wallop




  7. Highlighter.js
  8. Pleasewait.js
  9. HTMl5tooltips.js
  10. Spectacle
  11. Bootbox.js
  12. Closure Library

1.Stretchy

Stretchy is a javascript library to make form elements autosizing, the way it should be..

Features

  • Automatically accounts for newly added controls.
  • Handles multiple types of form controls
  • no jQuery or other dependencies




  • Works in all modern browsers
  • Tiny footprint
  • Everything configurable via HTML
  • No JS knowledge required

2. Jet.js

It is used to create native css search engine. It is a light-weight library. It is javascript library. It is used to provide structure to the organization and layout of the code.

Features

  • Small in Size, Under 10kb uncompressed.
  • Clear IP Assignment, all code held by BrandedCode, all contributors need to sign the Dojo Foundation CLA.
  • Structured and Intuitive API.




  • High speed for high performance websites.
  • No library dependencies, completely standalone.

3. NippleJS

NippleJS is a javascript library to create virtual joystick for touch capable interfaces.

4.UpUp

UpUp is a tinny javascript library. This library is used to makes sure your users can always access your site’s content.

5.LoadJS

LoadJS is a tinny asynchronus javascript library. It works in all modern browser. It has a simple yet powerful dependency management system.




6.Wallop

Wallop is a minimal (4kb) library for showing and hiding things. It adds helper HTML classes in the correct HTML elements and previous and next buttons, to let you move forward or backward.

Benefits

  • Dependency free
  • Mobile first
  • 4KB minified
  • Progressive enhancement
  • Custom events and API available
  • Transitions/Animations are all in CSS
  • Flexible & Scalable
  • Minimal JavaScript

7.Highlighter.js

Highlighter is a pure javascript library. This to allow you to easily navigate, select and highlight the DOM elements.




8.Pleasewait.js

Please-Wait-js a javascript simple library to show your users a beautiful splash page while your application loads.

Example Code

var loading_screen = pleaseWait({
logo: "assets/images/pathgather.png",
backgroundColor: '#f46d3b',
loadingHtml: "

"
});




9.HTMl5tooltips.js

It is written in pure javascript. It’s a light and clean tooltips. It helps to develope smooth 3D animation with CSS.

10.Spectacle

It’s ReactJS based Presentation Library. Spectacle is an open source javascript library.

Features

  • user interaction
  • very smooth combinable transitions
  • full-width adjustable opacity background imagery




11.Bootbox.js

It’s a small pure javascript library. It helps you to create programmatic dialog boxes using Bootstrap modals.




12. Closure Library

The Closure Library is a broad, modular, well-tested, and cross-browser JavaScript library.

If anyone has doubts on this topic then please do let me know by leaving comments or send me an email.

Best PHP Search Scripts for Developers

Hi Guys,
If you are looking a website search tool or php search engine scripts for your web application projects, you are right place today. Today I share one article related to this purpose. The top PHP Search Scripts for Developers are:



  1. PHP Search Engine
  2. Live Search
  3. PHP Search Engine and Crawler
  4. PHP Video Search Engine
  5. PHP Book Search Engine
  6. Site Search
  7. Spider
  8. GoGooooSE
  9. Ajax Search Form



      10. 1.PHP Search Engine

      PHP Search Engine tool is a perfect. If you want to search your dynamic website very easy and quickly the php search engine tools will helps. For this purpose first simply upload search.php files.

      Features

      • Easy to install and configure
      • Super fast searching




      • Searches all pages on your website
      • No database required – even easier to install
      • Finds matches in HTML META tags

      Advantages

      • It has an awesome highlighting feature
      • You can style it the way you want?
      • Customers don’t bug you that the search isn’t picking up the latest results

      2.Live Search

      The Live search is used for small and medium websites. It all urls from your website. The live search helps you to search for text, PDF and image files in your website. A database is not required. It hide content from being indexed.




      Features

      • Easy to include and setup
      • No need of any database
      • Should work with every smaller and middle website
      • Caching of searchresults and content
      • Site Search




      3.PHP Search Engine and Crawler

      It’s advanced php search engine. It support cross browser compatible. It is Full-Text search queries in cURL page crawler and BOOLEAN mode.

      Features

      • PHP Crawler
      • MySQL Full-Text search engine
      • Option to order the results by relevancy
      • Cross Browser compatible

      4.PHP Video Search Engine

      Php video search engine is a advanced video search engine. It is based on YouTube’s Search API it’s a powerful tool for searching for videos.

      Features

      • Video Search Engine (YouTube API)
      • Two display types: grid & list




      • Playing videos without going on external link

      5. PHP Book Search Engine

      It’s a unique advanced search engine for books. It uses the Google Books API to get the information,and it has search filters and various filters such as Book Author, Name.

      Features

      • Mobile compatible
      • Bibliographic book informations
      • Find Great Books by categories

      6. Site Search

      This is a fast, lightweight site search engine for static websites with PHP access. It is a great tool for adding search functionality to your theme or website. It is small, easy to configure and setup.

      Features

      • Easy to integrate with existing themes and websites
      • No database required
      • Easy to configure




      • Indexes other text-based documents
      • Supports page ranking
      • Indexes external web pages
      • Indexes files like mp3 and images

      7.Spider

      Spider PHP script allows you to search for files in ANY website.

      Features

      • Over 150 file tpyes included
      • Crawler Depth Managemment
      • Crawling Time Limits
      • Accepts custom file types




      • Saves results on server
      • Preview and export HTML
      • Exports to SQL File

      8. GoGooooSE

      GogooooSE is totally amazing independent search engine and fulltext search engine.

      Features

      • Easy to install and configure
      • Super fast searching with keywords highlighting, spelling and scoring
      • No external database required
      • Configurable URL exclusion for webspider
      • Simple Google like result page with paging
      • Simple implementation to your website




      9. Ajax Search Form

      Ajax search form is a PHP script with a few line of Javascript. It has an elegant, simple and clean HTML Template. Easy to integrate you can use it on your site in minutes.

      Features

      • PHP / MySQL Search form
      • PSD file also included
      • Live search in your mysql databse
      • Character limiter
      • Easy to integrate in your site sistem
      • Ajax load results
      • Ajax pagination
      • Explode phrase in words for better search
      • Nice and clean design




      If anyone has doubts on this topic then please do let me know by leaving comments or send me an email.