You have probably already used these shortcuts available at “force touch” or “long touch” on your mobile application icons? It’s a way to access shortcuts inside your application to quickly access a section, or directly start a more precise action. It is now possible to do this for your Progressive Web App (PWA).
Posts from category ‘Tutorials’
A One Time Code Input compatible with Keyboard suggestion
Ones of the more painful experiences on mobile come with infinite online forms you have to fill in here and there. What about optimizing those experiences step by step? Today I propose to you a solution for One Time Code input: You receive the SMS with a code, your keyboard suggest-it to you, one tap, done! Ok let’s go!
Custom Counters in pure CSS
Did you know – scrollIntoView() in JS in order to scroll to an element
Did You Know – HTML start, reversed and type attributes for OL element
A custom file input in CSS and JS
Some time ago, when I was doing research on customizable CSS radio buttons and checkboxes, I had in mind to do the same thing with the “file” form input. So I did a test in pure CSS. Then I left the idea aside.
How to code customized checkbox and radio buttons with CSS
In the past, I worked on several projects looking for a way to deal with custom styles proposed by some good designers to change the aspect like border color, check icon, animation, of form controls like checkbox, radio, file input, etc. As you may know, these elements are historically not style-able for accessibility reasons. (as I’ve heard). Still. I have a way to code custom accessible checkboxes and radio buttons for all devices. Ready?
I recently worked on several websites, and the request for a sticky menu was almost systematic. Sometimes it was justified, sometimes I approached the stereotypical ergonomic counter-example. But still! Let’s see together how we can do that.
A more performant “onresize” and “onscroll” in JS
Advanced drop shadows with CSS3
I use the name “CSS3″ only for its “commercial” aspect. Actually, we will use my two favorite pseudo-elements
:before which are available since CSS2.1. I mean they are available since a long time ago… Demos you see in the demo page are composed with only one unique
<div> and some CSS properties.