CSS Basics: 8. Relative Sizes (EM and REM)

We covered absolute units like pixel values, and we covered relative units like percentage. Now let’s talk about another super important relative unit. EM. This is mostly used to size text. Sizing your fonts is absolutely crucial in having a good looking page. It’s one of the most important aspects of UI design. Typography. I mentioned default browser styles a couple of videos ago. Let’s look at H1 in Chrome. H1 has this weird font-size value of 2em. That line is the reason why H1 so big without you writing any CSS. But what is that? EM? EM is another relative unit of measurement, similar to percentage. EM always has a number in front of it. 2em, 3em, .5em. Font-size: 2em means, hey what is my expected font-size if I didn’t have any other CSS? I want my size to be 2 times that.

Continue reading “CSS Basics: 8. Relative Sizes (EM and REM)”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

Twig Tutorial #6 : Embed Tag

Django Tutorials : Drupal 8 Tutorials : Drupal 7 Tutorials : Adobe XD Tutorials : Adobe Photoshop Tutorials : Bootstrap Tutorials : Git Tutorials : Twig Tutorials : Cheat Sheets : **** – Web Design & Development Tutorials FACEBOOK : TWITTER : GOOGLE+ : https://plus.google.com/u/0/+Wdtutorials

Continue reading “Twig Tutorial #6 : Embed Tag”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

HTML Basics: 8. DEMO (Semantics)

https:// Let’s use better semantics in our Walter White example page. It will change the structure of our page slightly but will have clear benefits as explained in the previous video. Here we go, Semantics Demo!

Continue reading “HTML Basics: 8. DEMO (Semantics)”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

HTML Basics: 9. HTML Useful Things: br, hr, input type, em, strong, img alt

https:// Here are a few useful things to remember when writing HTML. BR Is a break. A line break. If you wanna put a break within your text, if you just press ENTER and go to the next line in your code, it doesn’t mean the browser will render it. It actually ignores it, we call this whitespace. Just like it ignores the spaces or tabs in the beginning of the line, it will ignore your ENTER. By the way spaces and tabs, that’s what Richard in Silicon Valley was talking about in this episode, and one of the reasons he didn’t get laid. Anyway, back to line break: if you have to go to the next line you COULD use a BR. We just talked about Semantics and BR is not good practice. You’re better off using multiple P tags but say you had an AD

Continue reading “HTML Basics: 9. HTML Useful Things: br, hr, input type, em, strong, img alt”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

CSS Basics: 2. Three ways to write CSS in an HTML page

Before we write any CSS I want you to know… all browsers already have a bunch of CSS in them. The reason why H1 is bigger than P without you writing any CSS, is because the browser comes with a set of default styles. You can see these in Chrome if you just inspect element say on an H1 (so right click, inspect element) and go down to the styles tab. Here they are. I’ll tell you what they mean soon. They might be slightly different from browser to browser. But they do exist. So now that we know that, it’s time for us to write our own styles. There are 3 ways to change the styles of your page. First one is Inline styles. This means within HTML, using an attribute directly added to your elements. I tell you why that’s a terrible idea here. But here’s an example just so you know ho

Continue reading “CSS Basics: 2. Three ways to write CSS in an HTML page”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

HTML Basics: 2. Elements

https:// Every HTML page is made up of these things called elements, or tags or nodes. They’re all referring to the same thing. Pretty much. Which are these building blocks that you put together to create an HTML page. That simple. They’re like bricks you put on top of each other to build a wall. But don’t… build a wall, cuz that’s stupid. Look at GQ, or pretty much any other page on the internet. THIS. is a block, so is this, so is this. Pretty soon you’ll start to notice clear separations between different pieces of a page. Chances are those are built using separate HTML elements. There are a lot of different kinds of elements. So the first one I wanna show you is the P tag. Paragraph. It’s used as a building block to crea

Continue reading “HTML Basics: 2. Elements”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

Learn More HTML in 12 Minutes

You will learn some more essential HTML tags along with some attributes that can be used to give the tags extra properties. After watching both videos (part 1 and this one), you will know enough HTML to make a website. You can then look into CSS to add style to your website. LEARN CSS IN 12 MINUTES LEARN JAVASCRIPT IN 12 MINUTES Looking to do something more advanced with a webpage? PHP is one of the most useful languages to know when developing for the web. Check out my video LEARN PHP IN 15 MINUTES: Watch the first part of the Learn HTML in 12 Minutes series: Support this channel at https:// ———- Text Editors ———- For Windows users, I

Continue reading “Learn More HTML in 12 Minutes”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

01 HTML 5 Introduction in Urdu with Example

This is a Introduction of HTML 5 Basic to Advance Complete Course in urdu and hindi. Download my HTML-5 android app: https://play.google.com/store/apps/details?id=html.tutorial.urdu

Continue reading “01 HTML 5 Introduction in Urdu with Example”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

17- How to create Div in HTML

This is the 17th video of HTML and CSS tricks Series . How to Create Div in Html. #HtmlTricks #CssTricks #HTML #Div #tag If you find it helpful please Like Share and Subscribe and do watch our more videos on Html and CSS Tricks. #html tricks and tips, #html tricks for websites, #html tricks in hindi, #html tricks notepad, #cool html tricks, #best html tricks, #html css tricks, #html5 tricks, #html inspect tricks, #html tricks, #html tips and tricks, #tricks with html #html5, #html tutorial, #html css, #html for beginners, #html forms, #html basics, #html website, #html code, #html, #html and css, #html and javascript, #html and css design and build websites, #html advanced, #a html file, #html button, #html beginner, #html css javascript, #html course, #html css website, #html crash cours

Continue reading “17- How to create Div in HTML”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

07- How to use HTML Heading Tags

This is the 7th video of HTML and CSS tricks Series . How to use HTML heading Tags. #HtmlTricks #CssTricks #HtmlHeading #tags If you find it helpful please Like Share and Subscribe and do watch our more videos on Html and CSS Tricks. #html tricks and tips, #html tricks for websites, #html tricks in hindi, #html tricks notepad, #cool html tricks, #best html tricks, #html css tricks, #html5 tricks, #html inspect tricks, #html tricks, #html tips and tricks, #tricks with html #html5, #html tutorial, #html css, #html for beginners, #html forms, #html basics, #html website, #html code, #html, #html and css, #html and javascript, #html and css design and build websites, #html advanced, #a html file, #html button, #html beginner, #html css javascript, #html course, #html css website, #html crash

Continue reading “07- How to use HTML Heading Tags”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page