HTML centring text or block vertically within an element.
– The single line of text using padding, line-height, and flex
-Multiple lines of text using display: table , display:flex
-block using position: absolute
techsith.com
HTML centring text or block vertically within an element.
– The single line of text using padding, line-height, and flex
-Multiple lines of text using display: table , display:flex
-block using position: absolute
techsith.com
A tutorial covering scope and how scope chain works in JavaScript,
-What is lexical scoping
-How Global Scope works
– Variable shadowing
– Variable overriding
– Overriding Global variable
Please like , and comment . and visit techsith.com
css3 id vs class attributes,
when to use id and when to use class,
difference between id and class in css
css benefits of using class over id, css3 benefits of using id over class, html id vs class, css id vs class, html class vs id, css class vs id, The Difference Between ID and Class, id vs class tutorial, difference between id and class tutorial,The Difference Between class and id
HTML5, CSS3 and JavaScript Tutorials , lessons with examples.
Techsith.com
id vs class more of a design related question and its a very important one. Overall you will be using more classes then ids.
id: think of element that is unique. there is only one id per element. your html validateor would throw and en error if you do use it which means you will not be reusing the same style anywhere else. all the main containers in your HTMLs you should use id because you are not going to repete them . That doesnt mean that you cant use class there. advantage of using is for is as your main namespace. for css this way you can segregate work so your css doesn’t messup. for example #leftContainer .button { color:red} which mean all the botton in the left containers are red.
class: you can used them freely. any common styles you can define as class. as you can have multiple classes for the same element. and mix and match of the classes will make your css small . for example you can create two divs with same color but diffrent font sizes.
Dont forget the attributes. actually id and class are attributes wich special meaning. and you can create your own custome attributes. like myattr. Platforms like angularjs uses them freely.
overall i thin its better to use classes then ids especially when you working in a team envirement where you are responsible for a partial html . using id can be riskier if someone else is using the same id in the other part of the html .
in css id has higher priority than class for example …..
Angular 4 / 5 passing data and Actions to components using @Input, @Output and EventEmitters.
Code sample on github
*https://github.com/techsithgit/ng4-data-down-actions-up
Article and code samples from this tutorial
* techsith.com\
Please be my patreons on patreaon
* https://www.patreon.com/techsith
Follow me for technology updates
* https://facebook.com/techsith
* https://twitter.com/techsith1
Help me translate this video.
* http://www.youtube.com/timedtext_video?v=4_hs1kAnkNs&ref=share
Top 10 commonly asked CSS interview questions and possible answers for front-end programmers.
Article and code samples from this tutorial
* techsith.com\
Please be my patreons on patreaon
* https://www.patreon.com/techsith
Follow me for technology updates
* https://facebook.com/techsith
* https://twitter.com/techsith1
Help me translate this video.
*
Top 10 commonly asked CSS interview questions and possible answers for front-end programmers.
Understanding Prototype Property of function constructors.
Article:
Code Samples:
Creating a Prototype Method: https://jsfiddle.net/jspatel/70s1746b/
Adding Prototype Methods to Master Object: https://jsfiddle.net/jspatel/70s1746b/1/
Social Media:
Twitter: twitter.com/techsith1
facebook: facebook.com/techsith
How to create a new component using Angular CLI, How to pass properties to a component. What are the advantages of Component Based Frameworks.
*Code samples from this tutorial
https://github.com/techsithgit/component-test
Article
* techsith.com\
Please be my patreons on patreaon
* https://www.patreon.com/techsith
Follow me for technology updates
* https://facebook.com/techsith
* https://twitter.com/techsith1
Help me translate this video.
* http://www.youtube.com/timedtext_video?ref=share&v=9rpcMcKNnHQ
Understanding use of Object.create() to set prototype of one object to another.
Building a chain of prototypes by extending constructor functions in javaScript.
Articles: http://techsith.com/home/object-oriented-programming-javascript/
Code Samples:
https://jsfiddle.net/0bqxszsh/5/
https://jsfiddle.net/jspatel/0bqxszsh/6/
https://jsfiddle.net/jspatel/0bqxszsh/4/