CSS Archives - Simone Rescio yet another coder blog Thu, 08 Apr 2021 07:53:02 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.1 Absolute but not empty, CSS rendering bug in legacy Android and how to fix https://simonerescio.it/en/2018/01/absolute-but-not-empty-css-rendering-bug-legacy-android-and-to-fix https://simonerescio.it/en/2018/01/absolute-but-not-empty-css-rendering-bug-legacy-android-and-to-fix#respond Sun, 21 Jan 2018 15:41:23 +0000 https://simonerescio.it/?p=3883 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.

]]> https://simonerescio.it/en/2018/01/absolute-but-not-empty-css-rendering-bug-legacy-android-and-to-fix/feed 0 browser strangeness aka the CSS hacks goldmine https://simonerescio.it/en/2016/09/browser-strangeness-aka-the-css-hacks-goldmine https://simonerescio.it/en/2016/09/browser-strangeness-aka-the-css-hacks-goldmine#respond Fri, 23 Sep 2016 14:45:40 +0000 https://simonerescio.it/?p=2729 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.

]]> https://simonerescio.it/en/2016/09/browser-strangeness-aka-the-css-hacks-goldmine/feed 0 CSS table, WebKit, Blink and the missing pixel with width 100% https://simonerescio.it/en/2015/01/css-table-webkit-blink-missing-pixel-with-width-100 https://simonerescio.it/en/2015/01/css-table-webkit-blink-missing-pixel-with-width-100#respond Wed, 14 Jan 2015 22:47:05 +0000 https://simonerescio.it/?p=1778 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.

]]> https://simonerescio.it/en/2015/01/css-table-webkit-blink-missing-pixel-with-width-100/feed 0 DotCSS && DotJS conferences @ Paris 2014 https://simonerescio.it/en/2014/12/dotcss-dotjs-conferences-paris https://simonerescio.it/en/2014/12/dotcss-dotjs-conferences-paris#respond Sat, 13 Dec 2014 23:20:02 +0000 https://simonerescio.it/?p=1575 The FrontEnd team of Venere.com in mid November took off for Paris to attend two dotConferences organized in spectacular locations, with high level speakers and contents that have proven to meet expectations, in short an experience worth to be repeated. dotCSS Despite the important role that CSS plays in the construction of modern web applications the conference, held in November 14th, had difficulties in finding … Continue reading DotCSS && DotJS conferences @ Paris 2014 →

The article DotCSS && DotJS conferences @ Paris 2014 seems to be the first on Simone Rescio.

]]> https://simonerescio.it/en/2014/12/dotcss-dotjs-conferences-paris/feed 0 UX for fat fingers, increasing checkbox tappable area https://simonerescio.it/en/2014/11/ux-for-fat-fingers-increasing-checkbox-tappable-area https://simonerescio.it/en/2014/11/ux-for-fat-fingers-increasing-checkbox-tappable-area#respond Fri, 07 Nov 2014 23:13:54 +0000 https://simonerescio.it/?p=1445 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.

]]> https://simonerescio.it/en/2014/11/ux-for-fat-fingers-increasing-checkbox-tappable-area/feed 0 z-index 999 https://simonerescio.it/en/2014/10/z-index-999 https://simonerescio.it/en/2014/10/z-index-999#respond Wed, 15 Oct 2014 21:21:33 +0000 https://simonerescio.it/?p=1420 The most abused number in CSS is 999 as z-index value, if flipped around it’s 666, coincidence?

The article z-index 999 seems to be the first on Simone Rescio.

]]> https://simonerescio.it/en/2014/10/z-index-999/feed 0 Eight things to care about for a mobile site on Windows Phone 8 https://simonerescio.it/en/2014/09/eight-things-to-care-for-mobile-on-windows-phone-8 https://simonerescio.it/en/2014/09/eight-things-to-care-for-mobile-on-windows-phone-8#respond Mon, 22 Sep 2014 10:59:18 +0000 https://simonerescio.it/?p=1315 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.

]]> https://simonerescio.it/en/2014/09/eight-things-to-care-for-mobile-on-windows-phone-8/feed 0 Self sending hundreds emails to check newsletter in Outlook? Word is faster https://simonerescio.it/en/2014/08/self-sending-hundreds-emails-to-check-newsletter-in-outlook-word-is-faster https://simonerescio.it/en/2014/08/self-sending-hundreds-emails-to-check-newsletter-in-outlook-word-is-faster#respond Mon, 18 Aug 2014 18:30:34 +0000 https://simonerescio.it/?p=1135 It’s hard to find information about HTML emails development workflow, for sure they are not a new trendy thing that attracts developers attention, instead they stopped at a technology standard that predates IE6. But newsletter emails are still nowadays the best direct marketing instrument to retain visitors, so it is valuable to know some hard facts … Continue reading Self sending hundreds emails to check newsletter in Outlook? Word is faster →

The article Self sending hundreds emails to check newsletter in Outlook? Word is faster seems to be the first on Simone Rescio.

]]> https://simonerescio.it/en/2014/08/self-sending-hundreds-emails-to-check-newsletter-in-outlook-word-is-faster/feed 0 The Next Challenge of the Web is Us https://simonerescio.it/en/2014/08/the-next-challenge-of-the-web-is-us https://simonerescio.it/en/2014/08/the-next-challenge-of-the-web-is-us#respond Sun, 03 Aug 2014 14:07:16 +0000 http://simonerescio.it/?p=1088 ForwardJS keynotes of Christian Heilmann (@codepo8) addressing the growing complexity of frontend development technologies and how important it is that we keep the initial barrier low to make the web accessible to new developers and publishers as well. Many new IT users land directly on smartphone with they’re closed apps environments, how can we bring the web … Continue reading The Next Challenge of the Web is Us →

The article The Next Challenge of the Web is Us seems to be the first on Simone Rescio.

]]> https://simonerescio.it/en/2014/08/the-next-challenge-of-the-web-is-us/feed 0 CSS table, basic structure for a typical mobile app layout https://simonerescio.it/en/2014/06/css-table-structure-typical-mobile-app-layout https://simonerescio.it/en/2014/06/css-table-structure-typical-mobile-app-layout#respond Wed, 18 Jun 2014 13:45:26 +0000 http://simonerescio.it/?p=1024 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.

]]> https://simonerescio.it/en/2014/06/css-table-structure-typical-mobile-app-layout/feed 0