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
CSS, since its version 2.1, offers a relatively unknown counter system due to an old incompatibility on IE. Some of you will probably defend the following position: CSS is not made for that, you have to use JavaScript. So be it! But know that it exists, and discover how to use it. Small introduction!
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.
Customize checkbox and radio button 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 aspect 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 style checkboxes and radio buttons… Ready?
Copy into clipboard with JavaScript
You certainly already met those buttons to “Copy into Clipboard”. They usually use a trick made with Flash to overcome a security feature provided by our web browsers? Avec the evolution of JS API and the listening of developer requests, you can now (since some months) do it with JavaScript natively.
Advanced drop shadows with CSS3
I use the name “CSS3″ only for its “commercial” aspect. Actually, we will use my two favorite pseudo-elements :after
and :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.