What is Responsive Web Design?

Now these days, Internet is part of life and it growing like crazy. Every person access the internet through desktop, laptops and mobiles. With the expansion in mobile net usage comes the question of the way to build websites appropriate for all users. Responsive design is an approach change the size of different elements on the website based on screen resolutions. In css2, a media query is used for printer friendly style sheets.

// Stylesheet for screen media
<link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen" />

// Stylesheet for Print media
<link rel="print-screen" type="text/css" href="print.css" media="print" /> 

Continue reading

HTML Element Syntax?

Html elements are the base of any webpage. For example: Page elements start with <Html> and ends with the </html>. The <body> element wrap around all the content that will be displayed in screen, such as headings, paragraphs, images, links etc. HTML elements have also attribute, attribute are define on the start tags like.

<a href=”trickcollab.com”> For more tutorials </a>

Html tags are Case Insensitivity:
<P> use tags like this </p>
Continue reading

What is new in bootstrap 4?

Woo its 4 Year.

That’s great Bootstrap have successfully completed their 4 year. Firstly Congrat’s from TrickCollab Team to Mark Otto and Jacob Thornton for their first alpha release of Bootstrap 4. An alpha version means bootstrap is under development and available alpha version for testing and debugging. It’s means bootstrap makes lot of many changes in the coming days or months. Before launch final version of bootstrap 4, we pick the important features that change the front end developer future.

There are 6 most important Feature.

• Less Past, Sass Present.
In Bootstrap 3.0 mostly used less Css preprocessor, but In version 4 bootstrap provide more flexibility with Sass, Reason behind it why bootstrap move from less to sass because Sass more favorable by front-end developers. Sass also compiles faster thanks to libsass.

• Use em and rems units Instead of Pixels and percentage.
Older version like bootstrap 1, 2, 3 grid system, font size, padding, margin etc was totally depend on pixels and percentage. In Bootstrap 4 version, all pixels value swapped with rems and ems. It means bootstrap 4 more reliable to make responsive typography.
Continue reading