how to choose web hosting

How to choose the best web hosting

 

First rule ! Do not rush and take your time before you choose web hosting !

how we can know or decide if a web host is good ? here are a few question you should be able to answer before you choose a web hosting service:
1- you have to know your hosting needs
2- is the host reliable and uptime quarantee ?
3-what about upgrades options?
4-check prices on both sign up and renewal.
5-check hosting control panel
6-supporting features (site backup, security ..etc)

Hosting Needs :

its hard to get the right web hosting without knowing what you need. you have to ask yourself these questions :
what kind of website are you building?
do you need something common such as wordpress blog?
do you need special version of software such as PHP ?
does your website need special software ?
how big or small can the web traffic volume go ?
these are some of the basic question to answer yourself.
if you are new I recommend going with shared hosting , they are cheap and easy to maintain.
these are the best shared web hosting :

Shared Hosting Services I Recommend

Web Host Features Price WHSR Rating
iPage hosting Host unlimited websites in one account
WHSR’s Best Budget Hosting Pick #1
$1.99/mo Web Host RatingHosting Company RatingWeb Hosting ReviewsWeb Hosting RatingHosting Star Rating
Read Review
eHost Host unlimited websites in one account
Free Site Builder with 1,000+ themes
$2.75/mo Web Host RatingHosting Company RatingWeb Hosting ReviewsWeb Hosting RatingHosting Star Rating
Read Review
Inmotion 90 days full money back guarantee
Special discount, save 40% on first bill
$4.19/mo Web Host RatingHosting Company RatingWeb Hosting ReviewsWeb Hosting RatingHosting Star Rating
Read Review
Web Host Face Hosting SSD Shared hosting with daily backup
One-time 85% discount, code: WHSRPC
$1.63/mo Web Host RatingHosting Company RatingWeb Hosting ReviewsWeb Hosting ReviewsHosting Star Rating
Read Review
Interserver Reliable + very fast web host
Host unlimited sites in one account
$3.85/mo Web Host RatingHosting Company RatingWeb Hosting ReviewsWeb Hosting ReviewsWeb Hosting Reviews
Read Review

Server reliability – uptime score

web hosting
its very important to have 24×7 operating web hosting , you need powerful server and stable network connection , at least 99.5% uptime , anything below that is unacceptable.
you can simply track your web host with server monitor tools – many of these tools are free on trial and are very to use.

 

Server upgrading options :

shared hosting can handle estimated 30,000 – 40,000 monthly unique visitors, so with shared hosting you will be fine , but if you expect more than that you should be consider picking up a web hosting with room to grow from shared hosting to virual private or dedicated server, for more processing power , memory capacity , disk storage and better security features,
recommended VPS/ dedicated options included A2 Hosting, InMotion Hosting , InterServer , and SiteGround.

Multi Addon Domains :

if you own more than one domain name , its important to have a web hosting that allows adding multiple domains , generally , most web hosting allows at least 25 Addons in a single account, but still there are some web hosting that allow only one domain per account , that happened to me. so make sure of that.

Hosting signups and renewal cost:

hosting companies usually selling very cheap hosting but the renewal is much higher , they would advertise for very low web hosting service at the beginning but the renewal will cost you very much

Compare: Signup vs Renewal price

Web Host Sign Up Renewal Difference More Info
A2 Hosting $3.92/mo $9.99/mo +$5.09/mo Read Review
Visit Online
AltusHosting $4.95/mo $4.95/mo No difference Read Review
Visit Online
Arvixe Hosting $4.00/mo $14.95/mo +$10.95/mo Read Review
Visit Online
DreamHost Hosting $7.87/mo $9.95/mo +$2.08/mo Read Review
Visit Online
eHost $2.75/mo $7.98/mo +$5.28/mo Read Review
Visit Online
Inmotion $3.49/mo $7.99/mo +$4.50/mo Read Review
Visit Online
Interserver $3.85/mo $3.85/mo No difference Read Review
Visit Online
iPage hosting $1.99/mo $7.99/mo +$6.00/mo Read Review
Visit Online
Pressidium Hosting $15/mo $15/mo No difference Read Review
Visit Online
WP Engine WordPress Hosting $29/mo $29/mo No difference Read Review
Visit Online

Backup – 24/7 live chat support :

its important to have backup of your website in case any indecent , check if your web hosting provides regular backup .
does your web hosting provide full backups regularly?
can site backup be done easily via the control panel?
can you create auto backup for your website via cron job or other program?
pic here
check if you web hosting provides 24/7 live chat support.

 

I hope you choose the best web hosting for your upcoming website.

Best google fonts

 5 – Best google fonts [ for web design ]

choosing great font is very important , we have to consider the speed the loading time because must of beginners web designers tries to add more than two or three different type of fonts , and that will effects the loading type of the website,

its always recommended to use one type of font  , Here are 5 best google fonts for web design :

Top recommended fonts from Google Web Fonts

You will find many unfavorable reviews about the quality of GWF’s fonts and the amateur nature of many typefaces. We must remember that Google Web Fonts is a collaborative open source project, but many people think still there should be a higher level of quality control.

  • Open Sans
    Open Sans best fonts for web design
  • Josefin Slab
    Josefin Slab best fonts for web design
  • Arvo
    Arvo best fonts for web design
  • Lato
    Lato best fonts for web design
  • Vollkorn
    Vollkorn

How to use google fonts in your website ?

to use google fonts in your website is fairly easy visit google fonts , search for the font that you want to use , click on the plus sign to add the font.

copy css link and paste it on the top of your website’s header or your css file .

copy @import and paste it in your css file.

Usage :

you can use the new font by normal css for example : font-family: sans-serief.

 

Go ahead and build amazing stuff now ! and don’t forget to share your thoughts and suggestions ..

 

web design tips

4 – Web Design Tips [best practices]

 How to design better websites learn web design tips

For me I like to keep things simple , we already living in complex world , the simplicity always has its power to deliver the message without confusing the user .

Its recommended to have clear image on what you want to achieve, before you  jump to coding , try to answer these questions for web design best practices :




1-What’s your goal, what you want to achieve with your website ?

how to design clean website

  

The reason for building your website should be clear , concise And straight to the point. look at Nike website , web design is not only about just design , we have to consider a lot of aspects even more questions we should ask. 

2-What’s your message ?

website tips

 

Your message should be resonates with your goal , for instance , if your website is about selling shoes its preferred to about subjects that relevant to your products , you could talk about socks for example because that is relevant to your products which is shoes.

3-Who are your audiences ?  

 

website tips & best practices

 

Knowing your audience is crucial point, for example if you’re selling sport shoes for youth between 18 -35 years old , it will be difficult  to sell the same product to 70 years old male or female that would be might be irrelevant to them.

knowing your audience is important so you can adjust your website’s  look and feel .

 

4-whats differentiates you from others ?

how to design a website

 

You have to have value or believes that differentiate you from others , you have to be better or deferent from your competitors .

After than we will draw how our website will look like on a paper before we implement the idea.

For example , we will draw the sitemap , the structure of the website, the brand, and the behavior of our website.

When we got clear picture of the website , that time we can think of deferent type of technologies to use in order to transform the idea into real world website , such as html & css and javascript , or we can use framework such as Laravel or codeignitor, if we want to have dynamic website.

that was our tips for today I hope you like it , if you have more tips share with us.

Great tips to generate tips watch this video

learn HTML

 

Learn HTML 

What is HTML ?

HTML is stand for hyper text mark up language .

HTML is structure for every web page

HTML is NOT programming language

The syntax:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

All HTML documents must start with <!DOCTYPE html

HTML document must begin with <html> and end </html>

The visible part should be between <body>  </body>

 

HTML Elements

 

This is head tag:

< h1 >Heading for important titles <h1>

<h2> Smaller Heading tag </h2>

Paragraph tag :

< p > this is some text < / p >

Link tag :

<a href=www.google.com“>Link here </a>

Image tag :

<img src=”img.png“>

 

Formatting Elements

 

  • <b> – Bold text
  • <strong> – Important text
  • <i> – Italic text
  • <em> – Emphasized text
  • <mark> – Marked text
  • <small> – Small text
  • <del> – Deleted text
  • <ins> – Inserted text
  • <sub> – Subscript text
  • <sup> – Superscript text

 

Tables

 

To create table in HTML the opening tag for table is  <table> and closing tag is </table>

each row is defined with <tr>.

A table header is defined with <th> tag.

a table cell is defined with <td> tag.

here is an example of a table :

<table style=”width:100%”>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>

 

Firstname Lastname Age
Jill Smith 50
Eve Jackson 94
John Doe 80

 

List Elements

 

HTML list items is very simple , to create unorderd list we use <ul> <li> item </li> </ul>

example :

<ul>

<li>item one </li>

<li>item two </li>

<ul>

HTML layouts

every HTML document have predefined tags for layouts .

<header> head of the page </header>

<nav>navigation bar </nav>

<section>the contant of the page </section>

<article>some articles here</article>

<aside>for sidebar section </aside>

<footer>footer or the end of the page </footer>