As a web designer, you always look for the best CSS frameworks to build your project. There are many CSS frameworks, but most of them don’t have the features that you want. Besides, some of them do not have proper documentation or proper coding. Also, some of them are too heavy. Therefore, we have collected seven inspiring and creatively design CSS framework. These frameworks have a clean design, code, and documentation. Additionally, they are lightweight CSS frameworks. So, you can use them for your next project and create something spectacular.

7 Inspiring CSS Frameworks

In a nutshell, below are the seven the best CSS framework you don’t know about yet.

1. Spectre.css
2. Tailwind CSS
3. Primer
4. Bulma
5. Vuetify
6. UIkit
7. Pure CSS

These frameworks are not popular, but they have amazing features.

Spectre.css

A very clean and small CSS framework. Spectre.css is a lightweight, responsive and contemporary CSS framework. Besides, it’s open-source and completely free. Also, it is a side project based on years of CSS development work on a massive web service project. Spectre only includes modern base styles, responsive layout system, CSS components and utilities, and it can be modified for your project with SASS/SCSS compiler.

The features are a lot. Besides, the design is very clean and user-friendly.

Browser support:

Spectre uses Autoprefixer to make most styles compatible with earlier browsers and Normalize.css for CSS resets.

• Chrome (LAST 4)
• Microsoft Edge (LAST 4)
• Firefox (EXTENDED SUPPORT RELEASE)
• Safari (LAST 4)
• Opera (LAST 4)
• Internet Explorer 10+

This framework support almost most modern browsers.

Tailwind CSS

A little different framework. As the documentation says, ” Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it’s not a UI kit.”. Also, it doesn’t have built-in UI components. On the flip side, it also has no opinion about how your site should look and doesn’t impose design decisions that you have to fight to undo.

If you’re looking for a framework that comes with a menu of predesigned widgets to build your site with, Tailwind might not be the right framework for you. But if you want a vast head start implementing a custom design with its own identity, Tailwind might be just what you’re looking for.

How does it work then?

It’s pretty simple. It has a lot of classes that you can call utility. You combine those classes and make something fresh like navigation or button.

Primercss

Do you like Github design? Well, this framework by Github team with Github design styles. Primer is the basecoat of GitHub, made by nerds just like you who share a passion for HTML and CSS. Besides, it’s open-source and free under MIT license. Also, it Includes a small Gruntfile for compiling our SCSS, Autoprefixer for vendor prefixes, and Parker for CSS stats.

It has everything and every feature you see on Github.

Bulma

Bulma is a free and open-source CSS framework based on Flexbox. If you know about Flexbox in CSS3, you see how beautiful it is. So, Bulma is a clean, fast, creative and inspiring CSS Framework.  It’s an alternative to Bootstrap Framework.

There is no JavaScript included in Bulma. People want to use their own JS implementation. Therefore, Bulma can be considered “environment agnostic”: it’s just the style layer on top of the logic.

Browser Support

Bulma uses Autoprefixer to make (most) Flexbox features compatible with earlier browser versions. According to Can I use, Bulma is compatible with recent versions of:

• Chrome
• Edge
• Firefox
• Opera
• Safari

Internet Explorer (10+) is only partially supported since it uses CSS3 features.

Vuetify

This one doesn’t look like a CSS framework, but it does the same thing that other CSS frameworks do. If you know about Vuejs, this CSS framework seems familiar to you. Additionally, it requires Vuejs knowledge. Also, Vuetify helped you create a fantastic application. The Vuetify is built from the ground up to be semantic. Easy to learn.

How does it work?

It’s effortless to use. The way it works is like this; Vuetify is made of components. Those components are like custom HTML tags. Then, you use those tags and give some attributes. It will provide you with a sweet and beautiful element.

GETUIkit

If you are looking for a lightweight and modular front-end framework for developing fast and powerful web interfaces, UIkit is for you. Besides, the design is so clean and creative. It’s like IOS design concept. So, if you want to develop a mobile application, it’s an excellent choice. It’s not the UIkit by Apple developer for IOS; it’s just a web designing framework. Also, it has clear documentation, and you start learning and using it now. You don’t need any extra knowledge to get started.

PureCSS

It’s a set of small, responsive CSS modules that you can use in every web project. Also, Pure is ridiculously only to use a subset of these modules and tiny. The entire collection of modules clocks in at 3.8KB minified and gzipped. Besides, it’s crafted with mobile devices in mind, it was necessary for us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you’ll save even more bytes.

If you are developing a custom web application, it’s an excellent starter framework. Because the size is too small and you can easily customise it for your self.

Conclusion

All in all, there are many other significant and popular CSS frameworks on the web, but these were also worth checking out. Most of this framework function as a great framework, it’s because no-one has used them and talked about them. Finally, we hope it has been informative for you.

The post 7 Inspiring CSS Frameworks You Don’t Know About appeared first on TECHNIG.

JavaScipt is by far the most popular programming language now. It will definitely rank in 2018. Also, you can almost develop anything with javascript. Web application, mobile, desktop and even work with a database. Besides, it has a large community of developers and contributors. Additionally, ES6 or ECMAScript 2015 is making the JavaScript better and better each day. So, we have collected the top best JavaScript Frameworks. If you want to learn any framework 2018, you may want to know which is the best, most popular and easy-to-use. Therefore, we collected these 5 best frameworks.

Furthermore, we show the resources that you can learn these frameworks in the best ways. Plus, we will compare them with Google trend to see the trending.

Best JavaScript Frameworks

Below are the lists of top JavaScript Frameworks that will rank in 2018. 

• Vue.js
• React
• Angular
• jQuery
• Redux

These frameworks are selected based on popularity on Github, most active users, eas of use, rich features and Google trends.

Notice: The above chart is the comparison of 5 best JavaScript frameworks on Google trend. In such a manner, you may not agree with it, but it’s the Google trend search terms. So, we don’t pay too much attention to that as well. What people search on Google doesn’t determine that it’s the best. Therefore, we order these frameworks more based on user-friendly, active users, updates plus most stars on Github.

Vue.js

The Vue.js is an open-source progressive JavaScript framework for building user interfaces. Vue can also function as a web application framework capable of powering advanced single-page applications. Besides, it has a lot of pre-made components. Also, one the strongest reason why it’s popular is Laravel Framework. By default, Laravel comes with Vue installed. That way, most Laravel user will use it. The second reason is that Vue become popular in a short time. It was released in early 2014.

Additionally, it has great documentation and many other learning resources. Also, at the time of writing this article, it has 73000+ Github stars. So, if you want to learn, start with documentation or free Laracast video series.

React

React is a JavaScript library for building user interfaces. Also, it is maintained by Facebook, Instagram and a community of individual developers and corporations. Besides, React allows developers to create large web-applications that use data with Single Page Application. The initial release was 2013 and the author was influenced by the Angular framework. The Github repo is very active and currently, it has over 80000 stars.

Since it’s built by Facebook, again there are countless numbers of resources to learn. So, the documentation is a great place to start. If you want free video, check Jeffrey Ways course on React here.

Angular

AngularJS is also on the list of top JavaScript frameworks. The AngularJS is a JavaScript-based open-source front-end web application framework mainly maintained by Google. Plus, a community of individuals and corporations to address many of the challenges encountered in developing single-page applications. So, AngularJS is the frontend part of the MEAN stack, consisting of MongoDB database, Express.js web application server framework, Angular.js itself, and Node.js server runtime environment. Also, the initial release was 2010. Though it has different versions, like angular 2, angular 4, they are almost the same. So, currently, it has over 57000+ star on Github.

Importantly, it has lots of resources for learning. If you want to learn it, start with W3schools. The second resource is learn-angular.org. Finally, if you like video, search on youtube. We could not find any complete free course.

jQuery

From a very long time, jQuery has been the most used JavaScript framework. Despite all other great frameworks nowadays, you can’t escape learning jQuery. It is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. Also, it is free, open-source software using the permissive MIT License. There are many JavaScript libraries that are based on jQuery. Therefore, you can’t stop learning. The initial release was 2006. Currently, it has over 47 stars on Github.

In Addition, since 2006, there have been countless numbers of blog articles and tutorials about jQuery. The best place to learn step by step is W3Schools.com. It’s not that complicated. very easy to learn and understandable even if you read the doc.

Redux

Redux is an open-source JavaScript library designed for managing application state. It is primarily (but not mandatorily) used together with React. Besides, Redux is a predictable state container for JavaScript apps. It helps developers write applications that behave consistently, run in different environments and are easy to test. Well, you may not need Redux. Before start using it, the article why you may not need it. But, definitely, it’s a great framework.

Want to learn about it? The documentation is a great place. Besides, the creator of Redux has a video tutorial as well. You can find it here.

Conclusion

So, we hope the article has been informative for you. Also, if you have any questions or suggestions about these top 5 best JavaScript Frameworks, feel free to comment below.

The post Top 5 Best JavaScript Frameworks of all Time appeared first on TECHNIG.

United State is the land of technology. So, we expect a lot of job opportunities for software engineers. Silicon Valley is one of the examples. Also, top software engineering companies are located in the USA. Besides, top universities and colleges make people go to this land for studies. So, you are here to know which cities are best for software engineers. Also, which city give highest software engineer salary. We have collected the top cities that pay the highest amount of salary in the USA. So, we hope it helps you choose where to live as a software developer.

Highest Software Engineer Salary Cities

Below are the lists of highest software engineer salary cities.

• San Jose, $129,485
• San Francisco, $129,273
• Seattle, $119,562
• New York City, $110,232
• Los Angeles, $105,590
• San Diego, $103,823
• Boston, $103,363
• Washington, DC, $102,764
• Chicago, $94,055

In a nutshell, above are the top cities that pay the highest salary.

Software Engineer Salaries in New York City, NY, US

The most populous city in the United States. New York City is also the most densely populated major city in the United States. Also, it has the world’s second-busiest city airport system by passenger traffic. So, the average salary for a Software Engineer is $110,232 in New York City, NY. Salaries estimates based on 21,120 salaries submitted anonymously to Glassdoor by Software Engineer employees in New York City, NY. Besides, Google developers salary is between $70k to $237k. 

Software Engineer Salaries in San Francisco, CA, US

A popular tourist destination. Also, the headquarters of five major banking institutions and various other companies. It’s known for its year-round fog, iconic Golden Gate Bridge, cable cars and colorful Victorian houses. So, the average salary for a Software Engineer is $129,273 in San Francisco, CA. Also, software engineer gets $99k to $159k. Besides, Facebook developers average salary is $137,390 per year. They get paid between $86k to $202k. Further, Google engineers get the average of $111,058 per year. And Twitter developers also get between $92k to $174k. 

Software Engineer Salaries in Chicago, IL, US

Chicago is the fifth-most-populous North American city with population 2,720,546. Also, Chicago is considered one of the most important business centers in the world. Besides, in 2016, Chicago hosted a record 54 million domestic and international visitors. So, the average salary for a Software Engineer is $94,055 in Chicago. The salary is between $71k to $118k. 

Software Engineer Salaries in Los Angeles, CA, US

Los Angeles is a sprawling Southern California city. Also, Los Angeles covers an area of about 469 square miles. Moreover, it’s known for the Mediterranean climate, ethnic diversity, and sprawling metropolis. So, the average salary for a Software Engineer is $105,590 in Los Angeles, CA. Also, Google software engineers get $70k to $195k. So, the average salary for them is $118,856 per year. And Yahoo engineers get $60k to $156k. The average salary is  $103,906 per year.

Software Engineer Salaries in Washington, DC, US

The Capital of the United States of America. So, Washington had an estimated population of 681,170 as of July 2016. Also, Named in honor of President George Washington, the City of Washington was founded in 1791 to serve as the new national capital. And,  it’s also home to iconic museums and performing-arts venues such as the Kennedy Center. So, the average salary for a Software Engineer is $102,764 in Washington, DC. Also, the minimum and maximum amount of salaries are between $78k  to $129k.

Conclusion

All in all, software engineer salary is great in the USA. So, it’s all because United State is the land of technology and where top software companies were born. The companies like Microsoft, Apple, Google, and Amazon. I hope it has been informative for you. So, if you have any questions, feel free to comment below or ask on our forum.

The post Top USA Cities with Highest Software Engineer Salary appeared first on TECHNIG.

Running Wampserver every time you turn on your computer becomes a little painful. Also, if you are developing an app for clients, you don’t want your client to run Wampserver every time they run the application. So, the solution is to run it automatically. Besides, it should look and feel natural and easy to access your app. So, this article will teach you how to start Wamp Server automatically in windows 10.

Related articles about WAMP Server: 

• Install WordPress on WAMP Server Windows 10
• Create a Local Web Server using WAMP Server in Windows
• Transfer WordPress without Downtime Correctly

Start Wamp Server Automatically

Here are the steps to run or start Wamp Server automatically.

• Type ” services.msc ” in Run and press enter.
• Search for ” wampapache64 “.
• Right-click and go to Properties
• On General tab, change the Startup type to Automatically and press Ok.
• Do the same step for ” wampmysqld64 “

In a nutshell, it was that easy. So, if you have any trouble doing the above steps, follow the following steps in details.

1. Open Services

You can search for services or type ” services.msc ” on Run to open services window.

2. Find wampapache64 and wampmysqld64.

After opening Services window, then search for wampapache64  and  wampmysqld64.

3. Open Properties.

Right-click on wampapache64 and go to properties. Then change the Startup type to Automatically.

Repeat the same steps for wampmysqld64 and you are done. In case of some issue, comment us.

Conclusion

So, it was that easy. Although there are some other ways as well that let you run apps on startup, it’s was the reliable way. Besides, now you can run any application you want automatically. So, we hope it has been informative for you and if you have any questions, feel free to ask on our forum.

The post How to Start Wamp Server Automatically in Windows 10 appeared first on TECHNIG.

Laravel 5 is the most popular PHP frameworks nowadays. There is no doubt about it. So, if you want to develop fast, painless, and secure applications with PHP, than Laravel, is the number one choice. Besides, Laravel has a very active community of expert developers. It means you can easily find the solutions to every problem. Considering this, We have collected the top 5 best Laravel admin template packages. These packages help you make your next PHP applications in the matter of one hour. Yes, they are such powerful tools.

Best Laravel Admin Template Packages

Below are the lists of top 5 best Laravel admin template packages.

1. Laravel Voyager
2. LaraAdmin
3. AdminLTE Laravel
4. Laravel AdminLTE
5. Laravel Panel

So, The list is base on features and popularity among developers.

1. Laravel Voyager

In one sentence I should say that Laravel Voyager is insanely fantastic. Also, this package worth paying yet it’s free, and you can use it for free. Besides, the Features are appealing. Voyager will take care of your administrative tasks, this way you can focus on what you do best, which is building the next amazing app. So, you can learn more about its features and functionality in the documentation.

2. LaraAdmin

The number second, a straightforward and fast way to built Admin Panel in Laravel as well as a CRM. It’s almost similar to Voyager, but with fewer features. So, LaraAdmin controls your Models, Data and their Role Permissions with no coding at all. Also, it is giving you the state of an art focus towards Data representation than Data Handling.

3. AdminLTE Laravel

We have already covered how to integrate AdminLTE into Laravel 5 projects. But, if you are looking for a package or pre-configured way, this package is your best choice. Though it’s not like a package, you can use it the same as a package. So, It switches default Laravel scaffolding/boilerplate to the AdminLTE template and Pratt Landing Page with Bootstrap 3.0.

4. Laravel AdminLTE

Now, here is the real package for AdminLTE and Laravel. This package provides an easy way to set up AdminLTE with Laravel 5 quickly. It has no requirements and dependencies besides Laravel, so you can start building your admin panel immediately. The package just provides a Blade template that you can extend and advanced menu configuration possibilities. So, a replacement for the make: auth Artisan command that uses AdminLTE styled views instead of the default Laravel ones are also included.

5. Laravel Panel

The last but not least. The LaravelPanel lets you create a simple CRUD (create, read, update and delete) by just one command. Alos, it offers various field types such as text, select box, checkbox, text editor, DateTime, image, autocomplete, tag, colour picker and more.

Conclusion

We come to an end. Many other packages can choose. But honestly, the above list is just amazing ones. They are free, fast, and secure. Besides, you can find some paid packages as well, but those packages can’t-do more than these. So, we hope this article has been informative for you. If you have any questions, feel free to comment it below.

The post Top 5 Best Laravel Admin Template Packages appeared first on TECHNIG.

Laravel is not only an appealing PHP framework, but it has made the community of PHP larger. Developing any SAAS or web application with this framework is easy and flawless. So, as a web developer or PHP developer, you must learn this framework. In this article, we will show you how to integrate a free admin Template with Laravel framework step by step. You will learn AdminLTE plus Laravel 5 integration.

AdminLTE plus Laravel 5 Integration

If you are new to Laravel, we recommend you to read our other tutorials about Laravel first then continue this article. So, we assume you know the basics.

You should know that we are not using any Laravel Packages for this integration. Though there are some Packages that you can install and everything is setup, we show you how you can use npm to install AdminLTE independently.

1. Install a Fresh Laravel 5.5

We will start with a fresh Laravel project so that you can see follow along without any issue.

Laravel new Admin

Or use composer to install.

composer create-project --prefer-dist laravel/laravel Admin

2. Install NPM Packages

Now, you should install npm packages. Run the following command in your project directory.

npm install

By default, it will install the following packages.

  "devDependencies": {
    "axios": "^0.16.2",
    "bootstrap-sass": "^3.3.7",
    "cross-env": "^5.0.1",
    "jquery": "^3.1.1",
    "laravel-mix": "^1.0",
    "lodash": "^4.17.4",
    "vue": "^2.1.10"
  }

Of course, you can remove any of them if you want from the package.json file.

3. Install AdminLTE with NPM

As mentioned, AdminLTE is free and open-source. You can download directly from its website or use npm.

npm install admin-lte --save-dev

4. Configure CSS and JavaScript Files

Time to configure CSS and JavaScript files. So, you know that you can configure asset files in resources/assets directory.

Config CSS Files

Open your app.scss file which is in sass folder then add the following line of code at the end.

// import admin lte css

@import "~admin-lte/dist/css/adminLTE.css";
@import "~admin-lte/dist/css/skins/_all-skins.css";

It’s the reference to AdminLTE CSS and skin colours. ( Those files are in node_modules folder )

JavaScript File

Open your bootstrap.js file that’s located in the js folder. Now add the following line of code after try and catch block.

// AdminLTE code here. 
require('admin-lte');

It will add the essential JavaScript files.

5. Compile Files

So far you are done and you can use any component of AdminLTE in your project. But you must compile those file before.

npm run production

The above command will compile and minify the CSS and JavaScript files to the public directory.

6. Make a Master Page.

You can create a master page in the resources/view/layouts directory. Then paste the code from the AdminLTE blank.html to the master page. Now, Remove all the links to CSS files from the header and the same JavaScript files from the footer.

Now just give a link to app.css in the header and a script link to app.js in the footer.

<!-- should be added into the header -->
<link rel="stylesheet" href="{{asset('css/app.css')}}">

<!-- should be added into the footer before body tag ends -->
http : // asset('js/app.js')

If you use this master template now, everything should work except the toggle menu. We will fixe it in the next step.

7. Debug and Fix Problems

So, the toggle menu is not working. To fix it, just add the following code in your app.js which is located in resources/assets/js/app.js

// add custom js 

$('.sidebar-toggle').on('click',function(){

           var cls =  $('body').hasClass('sidebar-collapse');
           if(cls == true){
                $('body').removeClass('sidebar-collapse');
           } else {
                $('body').addClass('sidebar-collapse');
           }

});

Finally, recompile the file. ( step 5 )

Conclusion

So, it was AdminLTE plus Laravel 5 integration with NPM. We hope this article has been informative for you. If you have any questions or any problem during integration, feel free to ask below.

The post How to Integrate AdminLTE to Laravel 5 with NPM appeared first on TECHNIG.

As a programmer and developer, you need the best editor with ease of use and useful features. So, we have collected the top 7 best free code editors for programmers. These editors are the most popular and most wanted among developers and web designers. While most of these editors are free but they do more than premium editors.

7 Best Free Code Editors

Below is the list of best free code editors:

1. Visual Studio Code
2. Sublime Text 3
3. Atom
4. Brackets
5. Vim
6. Notepad++
7. Coda

1. Visual Studio Code

The number one best and free code editor. So, it’s by Microsoft, free and open source. Besides VS Code is a new type of tool that combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle. Besides, the code provides comprehensive editing and debugging support, an extensibility model, and lightweight integration with existing tools. Furthermore, it’s cross-platform, and the team behind it brings monthly updates with new features and bug fixes. It’s like an IDE.

2. Sublime Text 3

Favorite code editor of all developers. It’s the fastest and lightest code editor of all the time. It’s a proprietary cross-platform source code editor appealing UI interface. Further, Sublime natively supports many programming languages and markup languages, and functions can be added by users with plugins, typically community-built and maintained under free-software licenses. So, if you want a fast editor, it’s the best choice.

3. Atom

Built with HTML5 technology, open source, free and cross-platform. Also, it’s easy to customise and style Atom, and you can tweak the look and feel of your UI with CSS/Less and add major features with HTML and JavaScript. Additionally, Atom is a desktop application built with HTML, JavaScript, CSS, and Node.js integration. It runs on Electron, a framework for developing cross-platform apps using web technologies.

4.Brackets

A modern, open source text editor that understands web design. Besides, it’s by Adobe and an advanced text editor that makes it easy to design in the browser, crafted from the ground up for web designers and front-end developers. Also, Brackets is an open-source project, supported by an active and passionate community. It’s made by other web developers like you

5.Vim

A very extendable and fast code editor. Although Vim originally released for the Amiga, it has since been developed to be cross-platform, supporting many other platforms. Beyond that, in 2006, it was voted the most popular editor amongst Linux Journal readers. After that, in 2015 the Stack Overflow developer survey found it to be the third most popular text editor. So, it’s a bit hard to start getting comfortable with this editor, but once you learn it, you can grow incredibly fast.

6. Notepad++

Windows user knows it well. So, it’s Notepad++ which distributed as free software, at first, the project hosted on SourceForge.net, from where it has been downloaded over 28 million times. Further, It’s written in C++ and uses pure Win32 API and STL which ensures a higher execution speed and smaller program size.

7. Coda

The last but not least, it’s Coda and originally built for Mac users. Coda is a commercial and proprietary web development application for macOS by Panic. So, Coda released on April 23, 200. Apple design award winner in 2007 for best User Experience

Conclusion

As we mentioned, most of these editors are free, and they do more than premium software. We hope it has been informative for you. Feel free to share your idea below about your favourite editors.

The post Top 7 Best Free Code Editors For Programmers appeared first on TECHNIG.

You will be counted as power user when you know how to use environment variables. Environment variables are everywhere in windows. This topic might be a little hard for beginner users to comprehend. You will empower to skill once you know how to use environment variables correctly. Windows environment variables are something that everyone should know about. If you don’t know about it yet, this article is for you. We will cover everything you need to know about it and how you can use it.

What Is An Environment Variable?

Environment variables describe or show the path to a program or somewhere in your operating system. Let’s say you want to know where a software is installed or what’s your computer name. You can use environment variables to find the answer to such questions.

Environment variables hold values related to the current environment, like the Operating System or user sessions.

The environment variable has a name and a value. For instance, OneDrive as name and C:\Users\UserName\OneDrive as value. 

Where to find the Environment Variables?

In Windows, You can find the env variables in your system properties.

You can specify your own path there. As you can see, there is two sections. The first one is for login user specific and the second is for your system.

What’s Path?

in short, Path is the path to an executable software. For example, if you run calc on the run, it will open the calculator. The calc is the variable name and the value is in the system directory.

How to Use Windows Environment Variables?

The usage is very common and simple. If you want to open any program from command prompt ( or run in windows ), use environment variable to do that. For example:

Your program is installed in C:\Program Files\Sublime Text 3. Now you want to run sublime on the run or cmd and it should open sublime text. 

There are two ways to set environment variables. Using command line, using GUI. You saw how you can access environment variables in the above section. Let’s see how you can use the command line to access and set variables.

Format

Environment Variables in Windows are denoted with percent signs (%) surrounding the name:

%name%

echo

To display an environment variable’s value in,cmd.exe type.echo %name%

C:\>echo %APPDATA%
C:\Users\BigHero\AppData\Roaming

set

To create or set a variable, use set variableName=value:

C:\>set subl=C:\Program Files\Sublime Text 3\subl.exe

C:\>set FunnyCatPicturesTwo=%USERPROFILE%\Pictures\Funny Cat Pictures 2

To append or add a variable, use set varname=value;%varname%:

C:\>set Penguins=C:\Linux

C:\>set Penguins=C:\Windows;%Penguins%

C:\>echo %Penguins%
C:\Windows;C:\Linux

Environment variables set in this way are available for (the rest of) the duration of the Command Prompt process in which they are set, and are available to processes that are started after the variables were set.

Setx

To create or set a variable permanently, use setx varname "value":

C:\>setx subl "C:\Program Files\Sublime Text 3\subl.exe"

[Restart CMD]
C:\>echo %subl%
C:\Program Files\Sublime Text 3\subl.exe

Unlike,set there is no equals sign and the value should be enclosed in quotes if it contains any spaces. Note that variables may expand to a string with spaces (e.g., %PATH% becomes C:\Program Files), so it is best to include quotes around values that contain any variables.

You must manually add setx to versions of Windows earlier than Vista.

So far, if you run subl in command prompt or Run, it will give

'subl' is not recognized as an internal or external command,
operable program or batch file.

It’s because setx didn’t add the environment variable to the path. As we mentioned before, the path is used to execute any software. Here is how you can fix that.

1. Adding sublime text path to Path environment variables.
2. Using setx /M

Add manually.

After you add, press enter and save.

Use setx /M

Open your command prompt as administrator. (search cmd and press ctrl+ shift + enter).

setx /M path "C:\Program Files\Sublime Text 3"

That is done now. You can run subl in the command line and it will open the sublime text.

Note: We don’t recommend the second way. Because it will override the system path variables.

Conclusion.

It was hard for me to understand how the Windows environment variables work. It took a little time but it worth learning and using. If you have any question, feel free to comment it below.

The post Windows Environment Variables Everything You Must Know appeared first on TECHNIG.

As a programmer and developer, we always want to find an inspiring quote for a t-shirt or mug design. There are many quotes that you can use to show that you are a programmer. But, we have collected some of the best and inspiring programming quotes that are fabulous.

Programming T-shirt Mock-up Examples

We will give you two examples of a t-shirt design with quotes. Of course, at the end, we give you the reference of where you can find the mock-ups.

12 Inspiring Programming Quotes for T-shirt Design.

So, here the list of 12 appealing quotes.

1. “One person’s constant is another person’s variable.” – Susan Gerhart

2. “One of the best programming skills you can have is knowing when to walk away for awhile.” – Oscar Godson

3. “Clean code always looks like it was written by someone who cares.” – Uncle Bob

4. “Complexity is not a goal. I don’t want to be remembered as an engineer of complex systems.” – David Parnas

5. “First rule is to learn all the rules. Second rule is break them when necessary.” – Martin Meyers

6. “Before software can be reusable it first has to be usable.” – Ralph Johnson

7. “Every great developer you know got there by solving problems they were unqualified to solve until they actually did it.” – Patrick McKenzie

8. “A language that doesn’t affect the way you think about programming is not worth knowing.” – Alan Perlis

9. “Weeks of coding can save you hours of planning.” – Unknown

10. “Where there are two bugs, there is likely to be a third.” –P. J Plauger

11. “In programming, the hard part isn’t solving problems, but deciding what problems to solve.” – Paul Graham

12. “What one programmer can do in one month, two programmers can do in two months.” – Fred Brooks

Well, I know you want more of this quotes. Don’t here, here are the resources.

If you want to mock-ups, you can use Freepik. If you want more quotes, follow the @CodeWisdom on twitter.

Conclusion

So, we come to the end. We hope you liked the article and enjoyed reading. If you have any favorite quote or you want to say which one of the above is your favorite, feel free to share it with in the comment below.

The post 12 Inspiring Programming Quotes for T-Shirt Design appeared first on TECHNIG.

If you are a developer, you want to know which programming languages will rank in the next year or future. Specifically, you are curious about your favorite language. This article will list the top 10 programming languages 2018 that will rank. We select these languages based on popularity and usability.

Top 10 Programming Languages 2018

If you want a quick overview, here is the full list. For more details read the explanation that why these languages are ranking. The underlined text indicates the reason why it’s ranking and so popular.

1. JavaScript
2. Python
3. Java
4. C++
5. C
6. Swift
7. PHP
8. C#
9. Go
10. R

1. JavaScript

JavaScript is the number one programming language that will rank in 2018. It’s a programming language that is run by most modern browsers. It supports object-oriented programming and procedural programming. Knowadays, you can use JavaScript to build mobile app, web app and even desktop applications. ES6 or ES2015 is the latest version of this language. The ES6 features are amazing and blow your mind.

2. Python

Python is one of the most powerful programming languages of all the time. It’s a widely used high-level programming language for general-purpose programming, created by Guido van Rossum. The applications like Youtube, Dropbox and Google is based on this language. If you want to work for Google, This language is what you should focus on.

3. Java

Java’s popularity is because of Android. Android is the most popular mobile OS and open-source. Java is a programming language and computing platform first released by Sun Microsystems in 1995. It’s a general-purpose programming language that is concurrent, class-based, object-oriented and specifically designed to have as few implementation dependencies as possible.

4. C++

Most other top programming languages are based on C++. They have copied the style and structure from C++. For instance, Java, C#, JavaScript and more. C++ is a general-purpose object-oriented programming (OOP) language, developed by Bjarne Stroustrup. You can use this powerful language to build applications that run on CPU, build mobile apps, games, and desktop application.

5. C

C is taught still in most popular universities in the world. It’s not a high-level programming language, but people learn it because it makes learning other languages easier. High-level languages like Java, C++, C# are almost similar. It’s like the older version of C++. This language is used a lot in embedded hardware programming where resources are scarce. Linux kernel is written in C.

6. Swift

Apple is by far one of the top companies in technology. Swift is the primary language for macOS, iOS, watchOS, and tvOS. It’s  is a general-purpose, multi-paradigm, compiled programming language developed by Apple Inc.

7. PHP

Becuase web programming is popular category among other desktops, mobile, and CPU, PHP remains the most popular server side programming language. It’s a general-purpose scripting language that is especially suited to server-side web development, in which case PHP runs on a web server. The application like WordPress, Joomla, Drupal, and Facebook is written in PHP.

8. C#

Microsoft, of course, the biggest company in the technology category. Their primary language is C#. It’s used for developing desktop, mobile, and games in Unity. It’s a multi-paradigm programming language encompassing strong typing, imperative, declarative, functional, generic, object-oriented (class-based), and component-oriented programming disciplines.

9. Go

Go (often referred to as golang) is a free and open source programming language created at Google in 2007 by Robert Griesemer, Rob Pike, and Ken Thompson. It’s compiled and has features such as garbage collection, memory safety, and limited structural typing. Go is good for Stand-alone command-line apps or scripts Network and Web servers. It’s not good for desktop, system-level programming, and  GUI-based apps

10. R

R is a programming language and software environment for statistical analysis, graphics representation, and reporting. R is a very flexible tool for doing a mathematical & statistical analysis. If you are dealing with big data, R is the language you must use. It’s easily extendable via packages. 

Conclusion

There we are. It was the list of top 10 programming languages. If you have any question or suggestion, feel free to share with us in the comment below

The post Top 10 Programming Languages that will Rank in 2018 appeared first on TECHNIG.

PHP is by far the most popular web programming language. Almost for every project that’s done in PHP, you work with date and times. Working and formatting PHP dates and times might be a little hard and complicated at first, but they will be interesting and useful, and you become more expert in PHP language. In this article, we focus on formatting PHP dates and time and how we can display dates in a variety of different styles.

How to Create PHP Dates (Basic)

Let’s imagine we create a date by ourselves. Of course, you might bring it from database in your real applications. So, to create date and time in PHP, all you need is to use the DateTime() function.

$date = new DateTime('2017-02-20');

If you want to use the procedural style.

$date = date_create('2017-02-20');

So, now we have the $date variable. You can’t directly echo the $date variable, because it’s not string. In order to convert it to string, you must use format() function.

echo $date->format('Y-m-d');

Once again, if you use procedural style, you need to code in a different way.

echo date_format($date, 'Y-m-d');

Since then, we will write only OOP code.

The output of our code will be like this. (at the time I am writing this article).

2017-02-20

So now we have our date format.

Formatting PHP Dates

Let’s start formatting our date and make it more human readable. We can use date() and strtotime() functions for formatting our date.  date() is used to format timestamps into a human readable string, and takes a formatting argument and an optional time argument. You can use strtotime() function to convert a date string into a timestamp. However, strtotime() doesn’t recognize the y-m-d-h-i-s format. So, you must pass a string format or give it human readable strings like: now, +1 week, next month, etc.

Simply, use date() function and give strtotime() as second parameter.

echo date("r", strtotime("now"));

The “r” formatting string returns the time formatted as specified by RFC 2822. Of course, you can use other specifier to define your own custom formats.

The output will show like this.

Wed, 22 Feb 2017 18:03:55 +0000

If you want to pass our own date that we have created, you can do that like this

echo date('d M Y', strtotime($date->format('d-m-Y')));

// Output
// 20 Feb 2017

You can check the list of all formats to display in php.net. Here are some more examples

echo date('F j, Y, g:i a', strtotime($date->format('d-m-Y')));

// Output
// February 20, 2017, 12:00 am

echo date('jS \of F Y', strtotime($date->format('d-m-Y')));

// Ouput
// 20th of February 2017

Human Readable Date Time Using PHP

If you learned formatting PHP dates, let’s step more forward and find out how to display more human readable dates in PHP.  You might have seen this before in any websites, that shows, this article was posted three days ago or 2 hours ago.

How would you change a date to show the difference of now and the specified date.

We can create a function to do that for us. Here is the function.

function display_time_ago($datetime, $full = false) {
    $now = new DateTime;
    $ago = new DateTime($datetime);
    $diff = $now->diff($ago);

    $diff->w = floor($diff->d / 7);
    $diff->d -= $diff->w * 7;

    $string = array(
        'y' => 'year',
        'm' => 'month',
        'w' => 'week',
        'd' => 'day',
        'h' => 'hour',
        'i' => 'minute',
        's' => 'second',
    );
    foreach ($string as $k => &$v) {
        if ($diff->$k) {
            $v = $diff->$k . ' ' . $v . ($diff->$k > 1 ? 's' : '');
        } else {
            unset($string[$k]);
        }
    }

    if (!$full) $string = array_slice($string, 0, 1);
    return $string ? implode(', ', $string) . ' ago' : 'just now';
}

Now you can use display_time_ago() function and give it date.

Here is the example.

$date = date_create('2017-02-20');
echo display_time_ago($date->format('d-m-Y'));

// 2 days ago

Conclusion

We hope you have learned something new about formatting PHP dates and time. If you have any further questions, feel free to comment it bellow. 🙂

The post Formatting PHP Dates and Time: Step by Step Guide appeared first on TECHNIG.