Category: Internet

How to remain updated with changes in web development.

Hello all!

In the world of coding, things keep changing and as a developer, you ought to be always updated with new technologies and things coming up.

And nowadays changes happen very fast, almost every month something new comes in the world of web development.

Today I will be right to the point. This one is a short article.

In order to remain updated with changes in the field of web-development, often we search for it on the internet.

But, wouldn’t it be nice if you could get all the updates automatically every week. So, brace yourself that’s what I am gonna tell you today.

Below I am providing 2 newsletters, You just have to subscribe to these weekly newsletters and every week you will be updated with the latest changes via E-mail.

Resources:

  • Frontend Focus: A once–weekly roundup of the best front-end news, articles, and tutorials. HTML, CSS, WebGL, Canvas, browser tech, and more.

  • JavaScript Weekly: A free, once–weekly email roundup of JavaScript news and article.

Now every week just sit and wait for your newsletter to arrive with all the latest updates of HTML, CSS, JavaScript, browsers, and more.

So, this was all for this article. If you know some similar or better resources than please share it in the comments.

Thank You.

Understanding Screen resolution.

Hello and welcome everyone.

So, straight to the topic. Today we are going to decode the science behind the screen resolution and would also see, how it is calculated?

There is no rocket science in this, yet it could be a bit complex for some readers, hence pay attention.

Why is it a big deal?

screen size is important because there are lots of different screen sizes. Whether you’re deciding to build for windows or MacBook, both platforms have tons of different devices.

Resolution is also important. That’s because the resolution of different screens can affect how designers build their sites. Based on this information, there are certain things that a designer or developer needs to know.

So as you can see, both screen size and resolution size are important, but for different reasons.

As a website owner or web designer or developer, you have to take into consideration what are the most common screen resolutions for the intended target audience of the website to determine what web page width is suitable for the website.

These days we have many different screens sizes all with different resolutions – TV’s, desktop monitors, laptops, tablets, mobile phones, and even smart watches.

What is screen resolution?

To understand resolution you need to understand how a screen works. Screens are made up of thousands of tiny dots all bunched together called pixels, each one has the ability to change color and when you zoom out all the dots joined together to make up an image.

Screen resolution is the measure of the number of pixels a screen can display. This would be measured by width and height. For example, a screen that has 1,024 pixels horizontally, and 768 vertically would have a resolution of 1,024 x 768.

How is it calculated?

Resolution is the maximum number of pixels that can be displayed on a monitor, expressed as (number of horizontal pixels) x (number of vertical pixels), i.e., 1024×768.

The higher the screen resolution the more information can fit on the screen.

Screen size is usually measured in inches and is the actual size of the device’s screen measured diagonally. Anyone with a tape can measure the screen size. Screen resolution is measured by the number of pixels displayed in each dimension. In order to calculate the pixels per inch, you need to know the screen size as well as the resolution.

The formula to calculate PPI is a bit complicated. You need to take both the digits in screen resolution. Add a square of both these digits and take a square root of the result. The final number should be divided by the size of the screen.

For example – if the screen size is 5.8 inches and screen resolution is 1138 X 680, then PPI can be calculated as –1138X 1138 + 680 X 680 = 1757444.  A square root of 1757444 is 1325.69. Now, divide the number 5.8 i.e. 1325.69/5.8 = 228.5.

Final Words.

The idea behind considering screen resolution and screen size is to build an app that is visually compatible with any android and iOS device. If you are building an app with one screen in mind, it will spoil the user experience. Poor user experience will hurt the quality of your mobile app, which is something every developer should avoid.

If you have any question in mind, feel free to ask in the comments.

Thank You.

Top 7 forums for Web-Developers.

Hi Everyone.

Today we will be talking about learnings. For a web-developer learning is a lifelong process.

There are various ways, resources, and methods to learn from. But here we gonna talk about one of the most important ways.

That is by joining online web-development forums.

What is a forum?

A forum is an online place where different people from the same field are connected so that they can discuss various things related to their field.

A forum is great way to learn from others experience and expertise. You can also share your point of views on these forums. (These forums might have some regulations.)

So, we are about to see the top 7 Web-Development forums for 2018 – 2019.

Top 7 Web-Development forums.

  • Launch Chat:

    Launch consists of developers, entrepreneurs, designers, and marketers primarily working in the tech space. Its homepage is full of members who are “Y-Combinator founders, Thiel Fellows, serial entrepreneurs, investors, and passionate makers”.

  • frontendDevelopers:

    frontendDevelopers is a fabulous place to find new gigs. Apart from that, you can get feedback from like-minded developers, share ideas, and learn the latest trends in this forum.

  • Webdeveloper.com Forum:

    Webdeveloper.com is a forum about general web development and programming. The site is separated into sections: client-side development, server-side development, and site management.

  • Stack Overflow:

    It’s one of the most popular developer’s community site with questions and answers. You develop a reputation by answering questions and upvotes. Users with higher reputation can comment, vote and even edit comments of other people.

  • HTML Forums:

    HTML Forums is dedicated specifically to HTML. There are “electrifying discussions” there. Also, you can find information on traffic and links sale, server administration, domain names for sale and much more.

  • The SitePoint Forums:

    If you are looking for a great place to find answers to your questions about HTML, CSS, Marketing, JavaScript, PHP, Net, Database, design, and UX, hosting and more. Than the SitePoint forum is for you.

  • Webdevforums:

    On Webdevforums forum you can get feedback about your website, find useful tutorials, ask questions about marketing and SEO. Use categories at the bottom of the page to navigate the website.

Besides the list, I provided above there are two awesome places where you can find like-minded people and forums on every possible field.

Quora.com & Reddit.com

I hope that you will use a few or at least one of the suggested forums to keep learning.

You gave your precious time to read this article, Thank You.

Windows v/s Linux. What’s your choice?

Hi Everyone.

Today we are going to talk about the two operating systems. Windows and Linux. Both of them have their own pros and cons.

Offcourse Windows have its monopoly with 88% plus market shares. Although slowly but Linux has started getting attention and getting more popular day by day.

Windows has dominated the market because it is way simpler to operate than any other operating system.

In this article, we will be focusing on understanding the two operating systems and their pros and cons.

So, let’s begin.

What is Windows operating system?

Windows is a series of operating systems, Each operating system comes with a graphical user interface (GUI) with a desktop which allows a user to view all files, videos etc. The first version of Windows OS was released in 1985 which was a simple GUI, an extension of the existing disk operating system (MS-DOS). windows OS comes with almost all company who made PC’s or laptops. Latest Windows OS version is Windows 10 which is currently ruling the market.

What is the Linux operating system?

Based on UNIX Linux is an open source operating system, created in 1991. Users can modify the existing code and create distributions from it as it is an open source operating system. Linux operating system also comes with a graphical user interface (GUI) with some necessary software’s which are used on a daily basis. Linux is mostly used as a server – as most of the web pages over the internet are generated from Linux servers and also used in desktop computers, mobile devices, gaming consoles, digital storing devices, eBook readers, cameras, video recorders have Linux running.

Comparison:

USES:

Linux is used by corporate, scientific, and academic organizations of every size. It’s used to power the development machines and servers at Google, Facebook, Twitter, NASA, and the New York Stock Exchange, just to name a few. On the desktop, it is used by technically proficient users who prioritize system security and reliability, and by enthusiasts who want to learn more about computers and how they work. Microsoft Windows is usually the operating system of choice for gamers, novice users, and business users who rely on Microsoft software. Many Windows users are thrilled with the changes that Microsoft has introduced with Windows 10, so if you’ve never used it, now is a great time to try it out.

SECURITY:

Linux is a highly secure operating system. Although attack vectors are still discovered, its source code is open and available for any user to review, which makes it easier to identify and repair vulnerabilities. Microsoft has made great security improvements over the years. But as the operating system with the largest user base, especially among novice computer users, it is the primary target for malicious coders. As a result, of all major operating systems, Microsoft Windows is the most likely to be the victim of viruses and malware.

USABILITY:

GNU/Linux operating systems have a steeper learning curve for the average user. They frequently require a deeper understanding of the underlying system to perform day-to-day functions. Additionally, troubleshooting technical issues can be a more intimidating and complicated process than on Window. Windows is one of the easiest desktop operating systems to use. One of its primary design characteristics is user-friendliness and simplicity of basic system tasks. Its ease lack of difficulty is considered positive by users who want their system to just work. However, more proficient users may be frustrated by the oversimplification of system tasks at the expense of fine-grained control over the system itself.

Conclusion:

So, ultimately it depends on the user.

If your use is just of a normal system which is dammed easy to use, go with Windows 10.

But if you are more of a geek, and would love to customize the system as per your needs, go with LINUX.

depends if i have to watch youtube or code

I had shifted to linux for 2-3 months but could not continue because windows have more gui software than any other known operating system. I like to keep things handy to me all the time, so windows.

I still encounter linux everyday because of ssh and servers

– Harshvardhan Malpani (tutes.in: Admin)

OK! everyone this is it for today. See you soon.

Thank You.

How to repair a MySQL database?

Hello! Good to see you.

This is going to be a very important article because we are about to discuss  “How to repair a MySQL database?”

Why repair MySQL Database?

Databases can become corrupted for any number of reasons, from software defects to hardware issues.

If this occurs, you can try to repair the database. Wondering how to do it? Just follow this article.

REPAIRING MYSQL DATABASES:

Let’s see how to repair MySQL database through Linux and Windows command line.

Repair MySQL Database through Windows command line.

 

  • Log in to your Windows VPS using Remote Desktop.
  • Go to Start and locate the Command Prompt. Right-click Command Prompt and select Run as Administrator option.
  • At windows command prompt navigate to MySQL bin directory as follows. 
    cd C:\Program Files\MySQL\MySQL Server 5.5\bin  //  Replace your MySQL bin directory path here.
  • Run the following command to start the MySQL prompt. 
    mysql -u root -p
  • Enter MySQL root password when you are being asked.
  • You will see MySQL prompt appearing. Now, to display all databases, type following command at MySQL prompt: 
    show databases;
  • Enter the following command to repair MySQL database. 
    mysqlcheck -r [database] // Replace database name with your database name.

Repair MySQL Database through Linux Terminal.

 

  • Login to your Linux VPS using Secure Shell (SSH) and connect to MySQL from the command line. 
    mysql -uUsername -p // Replace Username with your username.
  • Enter MySQL user password and hit Enter. You will see MySQL prompt appearing. Now, in order to display all databases, type following command at MySQL prompt. 
    show databases;
  • mysqlcheck enables you to check databases without stopping the entire MySQL service. -r argument is used to repair the corrupted tables. mysqlcheck utility efficiently works on both MyISAM and InnoDB database engines. Enter the following command to repair MySQL database. 
    mysqlcheck -r [database] // Replace database name with your database name.

 

So, we covered this issue for both Windows and Linux.

Lastly please check our other articles on various topics, that we tried to address.

Thank You.

How to install WordPress manually through Cpanel?

Hello Everyone.

This article is a step by step guide to install WordPress manually on your site through Cpanel.

Now you might ask, Why would you install it manually? when I can use the auto installer. Offcourse auto-installer is a great feature which reduces our effort.

These installers work great in many cases, but often stuff your site full of unwanted plugins and themes. In addition, these automated tools have a reputation for timing out or being completely unavailable at times, which can be frustrating if you’re on a deadline.

Also by doing manual work you get a better understanding of the system.

So, let’s start.

Wp manual installation: Steps.

Step 1: Download WordPress.

To be able to use WordPress CMS, you would need to download it from the official WordPress site. (WordPress.org)

Step 2: Upload WordPress.

Upload the downloaded package to your hosting account. This can be done in the following three ways:

  • Uploading via File manager. Within the File Manager, locate and navigate to that directory. From the toolbar of the cPanel, select “Upload” and browse for the file you downloaded from WordPress.org.
  • Uploading via FTP (file transfer protocol).
  • Uploading SSH (secure socket shell).
Step 3: MySQL DataBase. 

Create a MySQL database and user. For storing the data you will need to create a database which can be done using the below procedure.

  • Login to your Cpanel.
  • Under the database section, select the MySQL database wizard.
  • Create a Database and enter the database name. Click Next Step.
  • Create Database Users and enter the username and password. Click Create User. 
Step 4: Connect WP to DataBase. 

Now is the time to connect the database with WordPress. In order to do that fill up the details form step 3 in WordPress too.

  • On starting WordPress it will ask for important details to connect the database.
  • Enter the database username.
  • Enter the database password.
  • Choose the Database Host. You can get this info from your web host.

Submitting all this will connect your database to WordPress account.

Step 5: Script installation.

The last job is to execute the installation script from the installation page. You can find the script using either of the below URLs:

  • http://yourdomain.com/wp-admin/install.php
  • http://yourdomain.com/blog/wp-admin/install.php

That’s it. You have successfully installed WordPress to your site. Enjoy the best wp themes and plugins now.

I hope that this article may have helped you. We may talk about Softaculous in the near future so stay tuned.

Thank You.

How to add file paths in src attribute inside img tag

Hello Everyone.

This topic is pretty important because if you got this wrong, you won’t be able to show any images on your web page.

After uploading your HTML file & images you have to provide correct path for img src attribute

In the previous article, we saw ‘How to upload files and images to your web hosting.‘ You can think of this article as a continuation to that one.

So, let’s see ‘How to add file path in src attribute inside img tag?’

Src attribute inside image tag:

Login >> my website >> manage website >> file manager >> upload files now.

  1. Double click on your uploaded HTML file. It will open the code of your HTML file. 
  2. Now look for all the image tags in your code. (You can find it by “Ctrl + F” keyboard shortcut.)
  3. Now in the src attribute add/change the image path and save. 
  4. Correct image path has been added/changed. 

How to locate the correct path of the image?

Go to the uploaded image and click on view. You will be redirected to the URL where that image lies. 

Copy that URL and paste it in the src attribute of your img tag. (step 3 in the previous section.) 

if you have uploaded  images directly to Public_html folder then you have to write src attribute as follows: img src=”imagename.jpg”
or if you created a separate folder for images then you have to write src attribute as follows: img src =”foldername/imagename.jpg”

If your image and HTML folder lies in the:

The same folder than src attribute goes this way – “./imagename.jpg”

Another folder than src attribute goes this way – “../foldername/imagename.jpg”

Credit: Shahebaj khan

If anything is missed out, please let us know in the comment below.

Hope that we have been able to provide some value to you.

Thank You.

How to upload files to 000webhost?

Hello Everyone and welcome to tutes.in.

Today we are going to see ‘How to upload your images and HTML files to your web hosting.’

These are small things but could be confusing in the beginning, as it was to me.

One quick fact: 000web host is an open source project of Hostinger.

Let’s get back to the topic.

How to upload files to the web host?

Here is a step by step guide to uploading your file to the web host, specifically t0 000webhost.

  1. Login (Here) to your Cpanel. (Oh! that’s obvious.) 
  2. Go to my website from the drop-down menu in the top right corner. 
  3. Click on manage website. 
  4. Now go to the file manager. 
  5. There you get an option to upload your file. Click on ‘Upload files now.’ 
  6. Now you are on the page where all your data (file) is stored. Click on the ‘upload file icon.’
  7. Select files from your computer and upload to your desired path. 

If you are uploading a web page make sure to have your images and HTML file in the same folder. Or take care of src attribute in the image tag.

Credit: Shahebaj khan

So,  that’s it for this article. I will be back with another article, stay tuned.

Thank You.

Top CMS out there in 2018.

CMS:

A content management system is a software that helps us to manage our content and site.

You can literally manage everything from a blog to an e-commerce site, using CMS. You can manage an article if you have a blog, or manage your product if it is an e-commerce business.

It has made our life so easier that we just can’t imagine having a site without CMS. You can operate most CMS out there even if you have no prior technical knowledge.

Today we are going to talk about the top CMS in 2018, there features, flexibility and specifications because that’s what they are known for.

So, without any further delay let’s begin.

Top CMS:

  1. WordPress: This one goes without saying. Probably the best one out there. WordPress can make almost any kind of site either it is a blog, a real state site or an e-commerce. It can make anything under the sun. WordPress is the framework behind many of the websites and blogs you visit every day, including this one. .org Few of the key features are responsive design, social sharing features, multiple page styles, auto upgrade, and standard compliant coding. The one thing that makes it a CMS beast is plugins.
  2. Joomla: Joomla is a popular Content Management System. It is much more than just a powerful content management system. Besides, hundreds of extensions to enhance the functionality of any Joomla website, Joomla itself includes some powerful built-in features (or core features). Many times ranked as the 2nd best CMS after WP. zoomla Few key features are Rss, media manager, web links, search, banner management and, user management.
  3. Drupal: Drupal 8 takes an already terrific content management framework to ever greater heights for users, administrators, and developers. There’s a seriously sharp focus on user-friendliness, but the content presentation, new ways to create data structures, build APIs, multilingual capabilities, and the delivery of mobile accessibility out of the box? Drupal 8 brings those to the table too.  Few of the features are mobile first, multilingual ready, loading speed, javascript automated testing.
  4. Magento: Specific to make an e-commerce site. The large array of features is one of the main benefits of Magento. Through them, you can easily develop and manage a successful online store. Magento features like different payment engines and shipping options along with the international support and high security using an  SSL certificate will make your shop an attractive place for e-commerce.  The core features are checkout payment and shipping, analytics and reporting, marketing and promotional tools, and order management.
  5. OpenCart: OpenCart is an open-source shopping cart built on PHP/MySQL code. Distributed as a free eCommerce solution, OpenCart is a very user-friendly and effective platform that comes with a very intuitive and well-designed user-interface as well as a higher selection of extensions. Perfect for small businesses and medium-sized e-commerce stores, OpenCart is loaded with all the basic functions a user would need from an e-commerce solution.  Main features are, Product Reviews, Product Ratings, open source, multi-currency, automated image resize, 20+ payment gateways, and 8+ shipping methods.

One honorable mention is WIX. Very user-friendly having drag and drop interface.

SO, these were the top of 2018 CMS. You should choose one according to your needs.  Keep visiting for such more articles.

Thank You.

WordPress.com v/s WordPress.org : The difference.

WordPress:

The most popular CMS, yet there is one thing that keeps on confusing the newbies. And that is the difference between wordpress.com and wordpress.org.

I myself have been confused about the difference, which once made me choose the wrong one. (as per my needs.)

But I don’t want this to happen with you, hence here is an article to clear this thing out.

What’s the difference:

The very first difference is in the domain extension.

.org – organization (free for everyone)

.com – commercial.

This isn’t a hard and fixed rule, but you got the context.

The major difference:

The major difference is “who is hosting your site?” In wordpress.com your site is hosted by WordPress, whereas in wordpress.org you are hosting your site via a hosting provider.

WordPress.org

The WordPress software, located at WordPress.org, is a free, open source content management system. To use the WordPress.org software, you need to install it on a web server. And that’s the key difference between WordPress.com vs WordPress.org.

If you download WordPress from WordPress.org, YOU host it. You set it up with your own hosting provider and use it on your own website, which gives you a ton of flexibility. This is why WordPress.org is often also called self-hosted WordPress.

.org

WordPress.org has much better customization options. You’re able to install plugins, use custom website themes, and do just about anything you want with your site. You can also monetize your website however you want, which is great if you’re planning to make it a business.

WordPress.com

WordPress software located at wordpress.com is a blog website platform. This doesn’t need to be downloaded. You can have your site running right away just by signing up on the wordpress.com.

This is limited but free as long as you are ok with their branding. And if you want to the domain of your choice, pay for it. No plugin is allowed with a free version.

.com

With .com you won’t be able to install your own “plugins” or “themes” unless you pay for the expensive business plan. Plugins and themes are one of the most helpful things about the WordPress software because they make it easy to customize your site, so that’s a pretty big loss.

The final note:

Go with wordpress.org, if you want the best options and full control over your site.

I hope this was helpful to you. Thanks for reading.

Thank You