- Tiny scrollable panes
- Tiny click targets
- Unexpected content shifts
- Menu opening on hover
- Country selector on dropdown
- Generic error messages
- Unsupported back button
- Disabled "next" buttons
- Filters freezing UI on each input
- Tooltips that cover user input
- No text input option in sliders
- Draconian password requirements
- Inline validation kicking in early
- Birthday picker, starting 2021
- Scrolljacking and parallax
- Identifying buses/crosswalks (Captcha)
Right Timing for Input
01 - When's the right time for any given action?
02 - When's the right time to verify email?
03 - When's the right time to ask for a password?
04 - When's the right time to ask for location?
05 - When's the right time to ask for push notitifcation?
06 - When's the right time to move users into the funnel?
07 - What's the minimum needed to get started?
Common frustrations in 2020:
- tiny scroll-able panes
- tiny click targets
- select drop-down for country selector
- disabled "Continue" buttons
- auto-playing carousels/videos
- slow websites
- unsupported back button
- push notifications
- app install prompts
- promo ads
User expectations in 2020 for web forms:
- Proper keyboard tabbing (incl. focus)
- on-blur inline validation and error discovery
- support of "enter" to submit a form
- correct behaviour for auto-fill
- support for any formatting for phone number/coupon codes
User expectations in 2020 for navigation
– Mega-drop-down opening on tap/click
– Hamburger icon navigation being overloaded
– Carousels often ignored or scrolled over (except product pages)
– Search autocomplete
– Pop-ups closed instinctively
– Onboarding usually skipped
Source: Smashing Magazine
# search for a pattern
grep -iar "<?php" | cut -d':' -f 1 > phpfiles.txt
#remove recursed
cat phpfiles.txt | grep -vP "php.*" > phpfiles.txt.filtered
# check if any remaining files to move
wc -l phpfiles.txt.filtered
# move found files
cat phpfiles.txt.filtered | xargs -i mv '{}' ./php/
/* CSS rules */
.sf-dump { display: none !important; }
.sf-dump-show { display: block !important; }
// JavaScript statements
$('.sf-dump').addClass('sf-dump-show'); // to show debug info
$('.sf-dump').removeClass('sf-dump-show'); // to hide debug info