CSS Archives - Simone Rescio

Absolute but not empty, CSS rendering bug in legacy Android and how to fix

Simone Rescio — Sun, 21 Jan 2018 15:41:23 +0000

What “Absolute” means Let’s start with a foreword on the main term of the subject, because as many things CSS names can be misleading in many ways. So first thing doesn’t mean “absolute” in the natural language way, it’s not like an element with this property stops being tied to anything at all, rather we … Continue reading Absolute but not empty, CSS rendering bug in legacy Android and how to fix →

The article Absolute but not empty, CSS rendering bug in legacy Android and how to fix seems to be the first on Simone Rescio.

#HACKDEV17 project SPID smart button

Simone Rescio — Fri, 08 Dec 2017 20:10:40 +0000

The web has revolutionized most aspects of our daily life in the private sector, the speed and ease that today’s big platforms provide for exchanging information to send messages and process purchases are proof of how these systems have made great strides in the last 20 years, unfortunately the same cannot be said for the … Continue reading #HACKDEV17 project SPID smart button →

The article #HACKDEV17 project SPID smart button seems to be the first on Simone Rescio.

Internet Explorer 8 supports partially box-sizing in tables

Simone Rescio — Sun, 07 May 2017 21:09:37 +0000

Not so long ago, in the dark times when browsers did not have native developer tools, and Internet Explorer 6 was dominating the web landscape inflicting pain and sufferings to all of the Front End developers in the world, the fundamental property of CSS that is the box model, the formula that dictates how widths and heights sizes … Continue reading Internet Explorer 8 supports partially box-sizing in tables →

The article Internet Explorer 8 supports partially box-sizing in tables seems to be the first on Simone Rescio.

browser strangeness aka the CSS hacks goldmine

Simone Rescio — Fri, 23 Sep 2016 14:45:40 +0000

This invaluable page, that list any kind of CSS hack for any kind of browser combo you might imagine, and also shows to you which apply to the very browser you’re visiting it from, by Jeff Clayton, is a mandatory bookmark and go-to resource when a CSS hack is needed, period. http://browserstrangeness.bitbucket.io/css_hacks.html

The article browser strangeness aka the CSS hacks goldmine seems to be the first on Simone Rescio.

CSS table, WebKit, Blink and the missing pixel with width 100%

Simone Rescio — Wed, 14 Jan 2015 22:47:05 +0000

Old saying: If you never tried to center vertically a text, you know nothing about CSS CSS tables are the main instrument that browsers, since IE8 included and above, make available to perform basic typographical operations such as center a text vertically inside of a container without knowing the height of the container nor the bulk of the text in terms of … Continue reading CSS table, WebKit, Blink and the missing pixel with width 100% →

The article CSS table, WebKit, Blink and the missing pixel with width 100% seems to be the first on Simone Rescio.

UX for fat fingers, increasing checkbox tappable area

Simone Rescio — Fri, 07 Nov 2014 23:13:54 +0000

Checkboxes are a fundamental element for web form, they are often needed to allow users to manifest their agreement to terms & conditions of services, making them a mandatory element to allow a registration or a purchase. The HTML <input type="checkbox"> element belongs to the form family and it has the advantage/disadvantage of being styled and managed differently based on the operative … Continue reading UX for fat fingers, increasing checkbox tappable area →

The article UX for fat fingers, increasing checkbox tappable area seems to be the first on Simone Rescio.

Eight things to care about for a mobile site on Windows Phone 8

Simone Rescio — Mon, 22 Sep 2014 10:59:18 +0000

Developing for the mobile web so far has been like exploring a small happy island, with some hidden dangers of course due to the high fragmentation of Android, but since the Android and iOS systems got the leading of the mobile market, with their default browsers based of WebKit, we had a moment to breath. … Continue reading Eight things to care about for a mobile site on Windows Phone 8 →

The article Eight things to care about for a mobile site on Windows Phone 8 seems to be the first on Simone Rescio.

CSS table, basic structure for a typical mobile app layout

Simone Rescio — Wed, 18 Jun 2014 13:45:26 +0000

Many years were needed for developers to abandon tables as a mean to construct web pages layouts and switch to more semantically meaningful elements combined with CSS, but the bad side-effect of the awareness campaign for building flexible layouts with style sheets was the complete demonization of HTML tables and the CSS properties that allow to access … Continue reading CSS table, basic structure for a typical mobile app layout →

The article CSS table, basic structure for a typical mobile app layout seems to be the first on Simone Rescio.

4px ghost space with CSS display inline-block

Simone Rescio — Thu, 08 May 2014 20:00:50 +0000

I know why you’re here, I’ve gone through this as well. Like me you created a container box with dynamic height, 100%, and inside it you want some columns that reside near each other, occupying the same height of their parent, 100% them too. Now assumed that the display attribute block does not accept to … Continue reading 4px ghost space with CSS display inline-block →

The article 4px ghost space with CSS display inline-block seems to be the first on Simone Rescio.