joi, 19 noiembrie 2020

User expectations in 2020 for web forms

 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

duminică, 23 februarie 2020

Recover deleted PHP files

# 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/

marți, 21 ianuarie 2020

(sf-dump)

Symfony Var Dumper Documentation:

    https://symfony.com/doc/current/components/var_dumper.html

But you don't need Symfony framework to use var dumper. You can just install it with composer.

https://packagist.org/packages/symfony/var-dumper
/* 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