Tag: Responsive Design

Display Back to Top Link Only on Small Devices

In this tutorial I’m going to show you how-to display a “back to top” link only on small devices. HTML The HTML for the “back to top” link…

Create a Responsive HTML Table

Many websites and apps have data tables. Data tables are simply just that, tables that consist of data – typically at least two (2) rows and two (2)…

Using CSS to Display Web Browser Sizes

body:after{content:”less than 320px”;font-size:200%;line-height:1;font-weight:700;position:fixed;bottom:0;width:100%;padding:5px 0;text-align:center;background-color:hsla(0,0%,0%,.7);color:#fff;z-index:9999}@media only screen and (min-width:320px){body:after{content:”320 to 480px”}}@media only screen and (min-width:480px){body:after{content:”480 to 640px”}}@media only screen and (min-width:640px){body:after{content:”640 to 800px”}}@media only screen and (min-width:800px){body:after{content:”800 to 960px”}}@media…