Sublime text the most liked text editor for web designer and developers. You might have seen pro developers using sublime text with beautiful layout and theme design. Today we will guide you through installing and configure some essential packages to customize sublime text and make it attractive and amazing.

Pre-requirement For Customization

Mainly, there are two ways to install packages for sublime text. One through package installer and the second is to install manually. In this tutorial, we will use package installer. If you are brand new to package installer, here is how you use it.

Package Installer is simple a way to add plugin or new feature to sublime text. By default, you can not use it in sublime text. You have to install it. It’s pretty simple. Just to go package controller site and install package controller.

Depending on your sublime text version, copy the code they give you and open sublime text. Go to view > show console, past the code and press enter. It will install package controller. You will see two new options under the preferences. Package settings andPackage controller.

We will use package control for installing new packages. Click on the option and you will see a pop-op window. Type install package and enter. Wait until the new window open. Now you can install any package or theme you want.

Customize Sublime Text, Installing theme

customize sublime text material theme

Material design and material theme is one of the most liked theme for sublime text and other text editors. You might have seen other pro developers who are using this them. Here is how you find it.

Where you install packages, search for Material theme and install. After installation, restart the Sublime text. Now you must can customize sublime text for current user.

Go to Preferences > settings – user.

You will see some default options. Customize it they way you want. Here is a basic customization options for material theme. Just copy and replace everything and save it.

1 2 3 4 5 6 7 8 9 10

{ "bold_folder_labels": false, "color_scheme": "Packages/Colorsublime - Themes/Bittersweet.tmTheme", "font_size": 14, "ignored_packages": [ "Vintage" ], "theme": "Material Brogrammer.sublime-theme" }

After saving the file, you will see the material theme effected.

For more options, check the documentation for material theme here.

Install Color Sublime

Color Sublime is one of other great package for sublime text. It will help you customize sublime text color. Search for sublime colorsublime package and install.

To use color sublime, write colorsublime in package control instead of install package. And than you can install any theme color you want. If not sure search for Facebook, or bitterweet that looks good to me.

Conclusion

Now you know how to install package and themes. Feel free to search for other packages that you might like and install theme. I hope it has been informative for you. If you have any good package or question, feel free to share it on the comment bellow. 🙂

There is often spirited discussion and debate about the differences between Programmers, Hackers, and Developers. Most descriptions I’ve seen are flawed in at least one serious way, so I wanted to assemble my own—hopefully more accurate—definitions.

1. A Programmer is someone who can solve problems by by manipulating computer code. They can have a wide range of skill levels—from just being “ok” with basic scripting to being an absolute sorcerer with any language.
2. A Hacker is someone who makes things. In this context, it’s someone who makes things by programming computers. This is the original, and purest definition of the term, i.e., that you have an idea and you “hack” something together to make it work. It also applies to people who modify things to significantly change their functionality, but less so.
3. A Developer is a formally trained programmer. They don’t just solve problems or create things, but do so in accordance with a set of design and implementation principles. These include things like performance, maintainability, scale, robustness, and (ideally) security.

In short, all three solve problems using code. Programmer is the umbrella term which means problem solver, a Hacker is thecreator/tinkerer, and a Developer is a formally trained programmerwho doesn’t just solve problems but does so in a structured and disciplined way likely learned as part of a formal education.

Relationships

People can be any combination of these. Here’s how they relate to each other (also see the Venn diagram above):

• All hackers and developers are programmers
• Many programmers, and even developers, are not creative enough to be considered hackers
• Many programmers, and even hackers, are not educated or experienced enough to be considered developers

Ideally, one would strive to be all three, i.e., creative enough to be considered a hacker, but with enough formal training and experience todesign software rather than simply…well, hacking it together.

But even if you aren’t very creative, and/or lack the education and/or experience to properly build massive applications, you should still be proud to be a programmer. Solving problems using code is a superpower by itself.

Notes

1. There is a broader type of Hacker which can apply to any field, not just computers. This article specifically deals with the software type.
2. A “coder” is basically a synonym for programmer.
3. Hacking is often, but not always, associated with poor quality. This is because it usually takes place in a rush of creativity that is best not slowed by the friction of doing things properly. In cases where a hacker is also a developer, or has an eye for design and quality elsewise, they almost inevitably have to come back to their creations afterward and clean them up.
4. The determination of who gets called a hacker and who doesn’t is a contentious one. The basic rules that most agree on include 1) that you need to have made one or more things that people find useful, and 2) be recognized as a hacker by other hackers.
5. The term “Software Engineer” is nearly synonymous with Developer for these purposes. It means someone who is well-rounded in all aspects of software creation, and not just a few.
6. It is possible for someone to have engineer/developer-type skills without formal training, but it is not common.
7. In the security world, a hacker also means multiple things. For testers it usually means someone who understands systems and can defeat their security controls. In the top tiers of security, however, the definition returns to its more pure form, i.e. someone who creates security software or tools used by others.
8. In popular culture, hacker means computer criminal. Within the security world that type of actor is often referred to as an “attacker”.
9. Eric Raymond, a notable programmer and personality in the original computer community, defines a hacker like so, “An intelligent, creative, and open-minded individual who enjoys problem-solving, learning, and the sharing of knowledge above all else.”
10. “Software Engineer” is synonymous with Developer. It implies a formal education in the core concepts of software architecture, design, and the requisite pre-education to support it.

1. Your website will only last you about two years.

Web browsers and devices used to access the internet are always evolving and changing. The way the websites are designed and developed must change as well.

In order to remain current and relevant, professionals in the digital world have to stay on top of the latest coding standards, browser capability updates and search engine algorithms. An outdated website runs the risk of not displaying correctly in the browser, having unexpected formatting issues or not showing up effectively in search engine results.

A site that’s even two years old may be antiquated if it has not kept up with these changes. Your site requires updates and maintenance as new devices and browsers change how sites are accessed and displayed.

2. Your website looks different on other people’s computers.

When you’re viewing a website from your work computer using Google Chrome, it probably looks a lot different from your friends’ computer at home when she browses the same website through Safari on her iPhone.

It all depends on parsing and rendering — or the way that browsers translate code and display it on your screen. Some browsers will the load the code in a very specific order and sometimes browsers won’t recognize certain code at all.

Browser differences can make it tricky for you to create a website that provides a great experience for everyone. That’s when the professionals step in. They are experienced and familiar with HTML and CSS standards, browser issues and the ways to work around potential hurdles.

It’s your developer’s job to make sure your website looks great and functions properly across all mediums and browsers. Browser capability testing identifies potential issues and establish necessary fixes for those issues before a website launches. Making your website optimized for mobile is now more important than ever.

3. Your website’s source code influences your search engine ranking.

You may have the most visually-stunning website in the entire world, but it won’t matter if no one’s looking at it. The way your website is coded will help an audience to find your website more easily. When people search for keywords in Google or another search engine, they expect to find exactly what they’re looking for.

The way a website is coded even affects how your search engine listings look — from the title of the web page in the search results to the small meta description of your site that appears below the title. Search engines are a great source of new traffic to your website and there are many additional steps that can be taken to fully optimize it. It all starts with coding best practices and ensuring that the foundation of your site is in good standing with the search engines.

4. Images can have a positive or negative impact on your site.

Multimedia content such as images and video can be a powerful part of a website. If used improperly, they can also significantly damage a website’s performance. For example, large image and video files can dramatically slow down the load time of your website. If a visitor has to wait too long for a page to load, there’s a strong possibility that they’re going to get impatient and click back to somewhere else.

To make sure any multimedia content engages visitors rather than drive them away, web professionals need to use images and videos that are optimized for websites. These optimized filmes make sure your page loads quickly while still offering that rich imagery or video content.

5. There’s a big difference between responsive design and mobile design.

What is this automagical conversion that happens when a person switches between their smartphone and computer? There are two very different approaches to shifting screen sizes — either mobile or responsive design.

Mobile design can be restrictive. It shows people a separate  and often very limited version of your website that’s used on smartphones and tablets. Because mobile websites usually provide visitors with the bare basics the site has to offer, they won’t get to see your site in all its glory or be able to use it to its full potential.

On the other hand, responsive design is extremely flexible. It allows websites to resize and reflow their layout based on the visitor’s screen size and gives them a consistent experience. From large-screen, high-resolution monitors all the way to the smallest smartphone touch screens, it’s important to have an experience that is suited to each of those individual devices. Responsive websites will simply adapt to their environment while maintaining the same stunning images, typefaces and navigational properties.

6. Your website’s design influences visitor behaviour.

The Internet has forever changed the way we read and browse content. If your visitors can’t skim through your website and identify key information quickly, they are going to leave. Simple as that.

Web designers strive to create sites that guide viewers to the most vital information. Heat maps and analytic tools help developers determine which buttons and links are popular so they can continually improve the user experience with future updates on the site.

Thanks.