Styled components are a CSS-in-JS tool that bridges the gap between components and styling, offering numerous features to get you up and running in styling components in a functional and reusable way. Here’s how to use them in React: https://www.smashingmagazine.com/2020/07/styled-components-react/
(Feed generated with FetchRSS) https://twitter.com/smashingmag/status/1286283392536006657 icreationslab.com
0 Comments
Any attempts to limit user’s ability to type what they want — add character limitation for credit card, disabling copy-paste, disabling "submit" buttons, requiring dashes/delimiters for gift codes — often cause more frustration than help.
(Feed generated with FetchRSS) https://twitter.com/smashingmag/status/1286275288456998914 icreationslab.com
How exactly can we use modern CSS techniques to improve websites legibility? @edocavazza on defining the scale, letter and word spacing, optimal line height, and using CSS variables and properties to build dynamic web pages. https://www.smashingmagazine.com/2020/07/css-techniques-legibility/ https://t.co/mHPWQISxWy
(Feed generated with FetchRSS) https://twitter.com/smashingmag/status/1286212118585450496 icreationslab.com
Which aspects should we take into consideration when designing and developing for reading? How can we create accessible, comfortable, inclusive experiences for all readers, including the most challenged and those affected by dyslexia? https://www.smashingmagazine.com/2020/07/css-techniques-legibility/#comments-css-techniques-legibility
(Feed generated with FetchRSS) https://twitter.com/smashingmag/status/1286042435764846593 icreationslab.com
Is there actually still a reason why we keep using “Address Line 2” in web forms, rather than just providing a taller multi-line textarea instead?
(Feed generated with FetchRSS) https://twitter.com/smashingmag/status/1285980907938164736 icreationslab.com
Interested in all things frontend? Our friends @azureadvocates are organizing a half-day online event on topics such as building inclusive and accessible web apps, static sites, and so much more! ? Date: July 29 ⏰ Time: 8:30AM - 11:00AM (PDT) Join in: http://aka.ms/createfrontend
(Feed generated with FetchRSS) https://twitter.com/smashingmag/status/1285953623369940996 icreationslab.com
– 280ms needed to type 1ch in English – 400ms needed to switch keyboard <-> mouse – 1900ms needed for mouse to move from one field to next – 280-740ms needed for tabs In general, tabbing is 3× faster. Always avoid switching between keyboard and mouse in web forms. /via @Baymard
(Feed generated with FetchRSS) https://twitter.com/smashingmag/status/1285904635228753926 icreationslab.com
Electron is an open-source software framework developed and maintained by GitHub. It allows for the development of desktop GUI applications using web technologies. ↬ Let’s take a closer look at how Electron applications are built with Vue.js: https://www.smashingmagazine.com/2020/07/desktop-apps-electron-vue-javascript/
(Feed generated with FetchRSS) https://twitter.com/smashingmag/status/1285695385206493189 icreationslab.com
User Frustrations in 2020: please avoid them if possible. https://twitter.com/smashingmag/status/1285534260129128450
(Feed generated with FetchRSS) https://twitter.com/smashingmag/status/1285689122762498052 icreationslab.com
“Having accessibility in mind from the very beginning of development makes creating accessible content much easier than making these considerations late in the software development lifecycle.” https://www.smashingmagazine.com/2020/07/design-wireframes-accessible-html-css/ (Article supported by @dequesystems ?)
(Feed generated with FetchRSS) https://twitter.com/smashingmag/status/1285567348628488192 icreationslab.com |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
April 2023
Categories |