learnmaniac
learnmaniac
Learning Simplified
12 posts
Don't wanna be here? Send us removal request.
learnmaniac · 8 years ago
Link
How to retrieve values from a single form element - Check it out folks!!
0 notes
learnmaniac · 8 years ago
Video
youtube
Introduction to css3 key frame animation - short video of what we will learn in the series
0 notes
learnmaniac · 8 years ago
Video
youtube
Add Blurred text effect to your site’s navigational menu
0 notes
learnmaniac · 8 years ago
Link
Watch this tutorial blog on how to make css transition on element properties....
0 notes
learnmaniac · 8 years ago
Video
youtube
give different background colors to each individual menu items
0 notes
learnmaniac · 8 years ago
Video
youtube
Guide to learn Advanced CSS Selectors
0 notes
learnmaniac · 8 years ago
Link
How to insert and stylize your text in css and css3 - part 1
0 notes
learnmaniac · 8 years ago
Video
youtube
Watch out this tutorial to know different methods to create Linear-Gradients on your web page. SUBSCRIBE us to stay tuned for more as more quality videos are on the queue..
0 notes
learnmaniac · 8 years ago
Video
youtube
Watch out this video to understand gradients for web. Practical course video tutorials are about to follow...
0 notes
learnmaniac · 8 years ago
Video
youtube
How to Use Google fonts in CSS - CSS Tutorial for Beginners
How to use Google fonts in your own project's CSS - Introduction to Advanced CSS Tutorial for beginners || By Learning Simplified
In this tutorial, we briefly explained how to use Google fonts in your CSS. All you need to do is to open your browser, go to Google fonts website, and follow the necessary steps as follows :
1) Choose the font you will be working on. If you have selected any font you may search for it in the extreme right corner of your web page.
2) Check out the display by toggling between sentence, paragraph, alphabet, numerals and see whether it is suitable to your project or not. Vary the size if found necessary.
3) Click the '+' button to add the font to your selection. You may select multi-fonts here.
4) You may copy the link and paste the code in the <head> tag of the page you wish to use the font just beneath the link to your customized 'stylesheet.css' and every other links those are needed to be loaded first. In this case, I placed the code inside my 'index.html'.
5) Copy the font-family link in the Google fonts site and paste it into the tag, header or paragraph inside your 'stylesheet.css'.
6) You may import the css file from Google fonts and place it inside either your page.html or 'stylesheet.css'. In that case, there are two alternatives..
a) If you are using the @import syntax inside page.html, then first you have to open a <style> tag in <head> tag, then you have to place the @import syntax inside this style tag. b) Or you may place this @import syntax directly into your 'stylesheet.css' by placing it above all selectors and class names. No need to introduce any <style> in this case as you are placing this syntax inside a .css document.
7) Enjoy!!!
You need to stay online for usage of Google fonts, else it won't be working.You may download the selected font, but in that case you will have to generate the font in the older process as shown in the previous tutorial as the font downloaded offline will be in a particular .ttf or .otf format.
All the details of the procedure is analyzed and shown in the video tutorial below. If you found this video useful, don't forget to share, comment, like and even SUBSCRIBE to stay tuned for more.
Thanks for watching this video in advance.
0 notes
learnmaniac · 8 years ago
Video
youtube
How to Use Font Generator to generate Web embedding code
0 notes
learnmaniac · 8 years ago
Video
youtube
Font-face Web Embedding code Tutorial Intro Video..
0 notes