22 CSS Text Animations
Collection of hand-picked free HTML and CSS text animation code examples.
In this article we will learn how to setup an Angular project with Bootstrap 3 or Bootstrap 4.
The first step is creating your Angular project using Angular CLI.
For this example we will use the following command:
ng new angular-bootstrap-example
Next, we need to install Bootstrap. Change the directory to the project we created (
cd angular-bootstrap-example) and execute the following command:
For Bootstrap 3:
npm install firstname.lastname@example.org
For Bootstrap 4:
npm install bootstrap
Well! Every now and then we come across to a situation where free font is a question. Which free font is the best? Are they good enough for my website?
So, today am listing down the best 10 free fonts that too from google.
Fonts have been picked after using them from quite some times and also keeping the readability in mind. Sequence starts from the best ones.
Font 1 : Open Sans
Open Sans is a humanist sans serif typeface designed by Steve Matteson, Type Director of Ascender Corp.
Font 2 : Roboto
Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types. Designed by Christian Robertson
Font 3 : Montserrat
The old posters and signs in the traditional Montserrat neighborhood of Buenos Aires inspired Julieta Ulanovsky to design this typeface and rescue the beauty of urban typography that emerged in the first half of the twentieth century.
Font 4 : Source Sans Pro
Source® Sans Pro, Adobe’s first open source typeface family, was designed by Paul D. Hunt. It is a sans serif typeface intended to work well in user interfaces.
Font 5 : PT Sans
PT Sans is based on Russian sans serif types of the second part of the 20th century, but at the same time has distinctive features of contemporary humanistic designs. Designed by Alexandra Korolkova, Olga Umpeleva and Vladimir Yefimov and released by ParaType in 2009.
Font 6 : Lato
Lato is a sans serif typeface family started in the summer of 2010 by Warsaw-based designer Łukasz Dziedzic (“Lato” means “Summer” in Polish). In December 2010 the Lato family was published under the Open Font License by his foundry tyPoland, with support from Google.
Font 7 : Oswald
Oswald is a reworking of the classic style historically represented by the ‘Alternate Gothic’ sans serif typefaces. The characters of Oswald were initially re-drawn and reformed to better fit the pixel grid of standard digital screens. Oswald is designed to be used freely across the internet by web browsers on desktop computers, laptops and mobile devices.
Font 8 : Pontano Sans
Pontano Sans is a minimalist and light weighted Sans Serif. Pontano is designed mainly for use as a display font but is useable as a text font too. Pontano Sans has been designed to be used freely across the internet by web browsers on desktop computers, laptops and mobile devices.
Font 9 : NTR
NTR is a Telugu handwriting font inspired by the artist Bapu who is famous among Telugu people. The Telugu is designed and developed by Purushoth Kumar Guttula in 2013 and made available by Silicon Andhra under the SIL Open Font License v1.1.
Font 9 : Quicksand
Quicksand is a display sans serif with rounded terminals. The project was initiated by Andrew Paglinawan in 2008 using geometric shapes as a core foundation. It is designed for display purposes but kept legible enough to use in small sizes as well. In 2016, in collaboration with Andrew, it was thoroughly revised by Thomas Jockin to improve the quality.
Content Source for fonts: Google Fonts
For more tips and coding standards you can read this.
I came across lot of front-end developers asking “What are the basic coding standards for front-end development?” Well, honestly everyone have their own way of writing codes, the way they are comfortable. But, if you ask me we should follow a practice of coding that all the developers understand and also, saves their time.
Few points that I follow are most important while coding:
So, these are points that we all should follow while we code as a front-end developer.
Leave a comment for any queries or requests.
I have also thought why do we have this “Hello World” Program every time we start with a new language. Being the first blog too I thought what better than this?
So here was what i found out, the reason for “Hello World”
Brian Kernighan actually wrote the first “hello, world” program as part of the documentation for the BCPL programming language developed by Martin Richards. BCPL was used while C was being developed at Bell Labs a few years before the publication of Kernighan and Ritchie’s C book in 1972.
The first documented use of code to print the message “Hello, World!” Brian Kernighan remembered writing the code for part of the I/O section of the BCPL manual. Martin Richards — who seems to have a treasure trove of notes, old documents, etc. — found the manual and confirmed that the this was the original appearance of the program. The code was used for early testing of the C compiler and made its way into Kernighan and Ritchie’s book. Later, it was one of the first programs used to test Bjarne Stroustrup’s C++ compiler.
It became a standard for new programmers after it appeared in Kernighan and Ritchie, which is probably the best selling introduction to programming of all time.