10928 shaares
389 private links
389 private links
24 results
tagged
pattern
Infinite Scroll checklist
*If in doubt, always prefer pagination.
- With infinite scroll, always integrate a footer reveal.
- Consider separating “old” and “new” items visually.
- Provide an option to continue browsing later.
- Consider using “load more” + infinite scroll together.
- Consider using pagination + infinite scroll together.
- Change the URL as new items are loaded in and expose it to users.
- Allow users to jump to any page with a pagination drop-down.
- Consider using scrollbar range intervals.
- Consider allowing users to pin or bookmark items/areas of interest.
- Make sure accessibility and performance are major considerations in the implementation.
A collection of UI patterns from different libraries. It shows their similarities!
Wow I definitely need to read this on my free time !
| command | meaning |
|---|---|
| ${parameter:-defaultValue} | Get default shell variables value |
| ${parameter:=defaultValue} | Set default shell variables value |
| ${parameter:?"Error Message"} | Display an error message if parameter is not set |
| ${#var} | Find the length of the string |
| ${var%pattern} | Remove from shortest rear (end) pattern |
| ${var%%pattern} | Remove from longest rear (end) pattern |
| ${var:num1:num2} | Substring |
| ${var#pattern} | Remove from shortest front pattern |
| ${var##pattern} | Remove from longest front pattern |
| ${var/pattern/string} | Find and replace (only replace first occurrence) |
| ${var//pattern/string} | Find and replace all occurrences |
| ${!prefix*} | Expands to the names of variables whose names begin with prefix. |
| ${var,} | Convert first character to lowercase. |
| ${var,pattern} | Convert only if the pattern match |
| ${var,,} | Convert all characters to lowercase. |
| ${var,,pattern} | Convert only if the pattern match |
| ${var^} | Convert first character to uppercase. |
| ${var^pattern} | Convert only if pattern match |
| ${var^^} | Convert all character to uppercase.} |
| ${var^^pattern} | Convert only if pattern match |