@smashingmag 님을 차단했습니다
정말로 이 트윗을 보시겠어요? 트윗을 봐도 @smashingmag 님의 차단을 해제하지 않습니다
-
메인 트윗
Let's make 2021... fast!

Front-End Performance Checklist 2021 [PDF, Pages, Word]
Metrics, targets
Bundling
Delivery
Single-Page Apps
HTTP/2, HTTP/3
3rd-party, JS bundles
Tooling
TL;DR Checklist
Free PDF #perfmatters https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/ …pic.twitter.com/l05RoZ8ZIi
감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
Smashing Magazine 님이 리트윗했습니다
I wrote an article for
@smashingmag about websites giving age-old features new verve. Sometimes it’s the little things in web life that make us look twice.https://twitter.com/smashingmag/status/1385248683424468999 …
감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
Smashing Magazine 님이 리트윗했습니다
A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors.
https://www.smashingmagazine.com/2021/04/guide-supported-modern-css-pseudo-class-selectors/ …
With demos, code samples and explanations, by @5t3ph. – :any-link – :focus-visible – :focus-within – :is – :where – :not – :has() – :emptypic.twitter.com/D4DkaMrLba
감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors.
https://www.smashingmagazine.com/2021/04/guide-supported-modern-css-pseudo-class-selectors/ …
With demos, code samples and explanations, by @5t3ph. – :any-link – :focus-visible – :focus-within – :is – :where – :not – :has() – :emptypic.twitter.com/D4DkaMrLba
감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
How do you structure and organize your CSS these days? SMACSS, Atomic CSS, BEM, OOCSS, ITCSS, CUBE CSS? What worked for you, and what didn't? (https://matthiasott.com/notes/how-i-structure-my-css …)
감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
Smashing Magazine 님이 리트윗했습니다
What browser extensions boost your debugging workflow immensely every other day?
감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
Smashing Magazine 님이 리트윗했습니다
Quick evening devsheet.
`accent-color` will enable us to have style-matching checkboxes and radios.
Spec: https://drafts.csswg.org/css-ui-4/#widget-accent …
CodePen example: https://codepen.io/stefanjudis/pen/abpPvYQ …
#devsheets Video alt: A purple coloured radio and checkbox input.pic.twitter.com/tYCH1hWPeL감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
What browser extensions boost your debugging workflow immensely every other day?
감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
From carousels to documentation to cookie disclaimers, here are some sites taking the mundane and sprinkling in a little magic:
https://www.smashingmagazine.com/2021/04/web-design-done-well-part1/ …pic.twitter.com/lLUHRcyBfV
감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
Smashing Magazine 님이 리트윗했습니다
Excited to share my new guide on Incremental Static Regeneration! Thank you
@smashingmag
https://twitter.com/smashingmag/status/1384872988345049088 …
감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
A Complete Guide To Incremental Static Regeneration (ISR) With Next.js.
– Static generation of large sites
– ISR approach
– stale-while-revalidate
– Fetching data
– Generating paths
– Tradeoffs
– Rolling back instantly
– Examples and code snippets
https://www.smashingmagazine.com/2021/04/incremental-static-regeneration-nextjs/ …pic.twitter.com/pz05QKdGfi
감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
Do you have some doodles or sketches lying around that are too good not to be shared? Our May wallpapers challenge might be the perfect opportunity to get them out into the world and brighten up someone’s day.
↬ Join in: https://www.smashingmagazine.com/desktop-wallpaper-calendars-join-in/ …pic.twitter.com/UGZ9QW75jO
감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
How would you go around designing a virtual venue? A case study by
@flexport. https://medium.com/flexport-design/designing-a-virtual-venue-510d627314c …pic.twitter.com/OlcaB6VqM2
감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
UX Challenges, a lovely little site for training yourself in UX skills and tools. https://uxtools.co/challenges/ pic.twitter.com/NX2Qi3zZ4y
감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
Why Content Is Such A Fundamental Part Of The Web Design Process.
https://www.smashingmagazine.com/2021/04/content-fundamental-part-web-design-process/ …
With strategies for stitching design and content together. By @matt5409.pic.twitter.com/QFsRqIcYk7
감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
Do you have experience with Next.js, and like to write? We’d love to work with you on articles all around Next.js for a new guide that we are currently building. DMs are open!

감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
Smashing Magazine 님이 리트윗했습니다
CSS Tip!
Style UI based on its state without JavaScript
How? Use pseudo-selectors!
Have you tried :in-range or :out-of-range?
Used here to style this truck.
No JS, all CSS
input:out-of-range ~ .truck {
--tyre-size: 10;
}
http://codepen.io/jh3y/pen/MWWowEb … via @CodePenpic.twitter.com/lgI3HIDUND이 스레드 보기감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
Smashing Magazine 님이 리트윗했습니다
Just discovered a CSS selector I had no idea existed
:in-range and :out-of-range allow you to select an input whose value is within/outside the min and max attributes
pic.twitter.com/o9NOpkIsoO감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
How to ask for design feedback at every stage of a project. How to find the right audience, and find the right timing. https://ux.shopify.com/how-to-ask-for-design-feedback-at-every-stage-of-a-project-95ffc85caf83 …pic.twitter.com/5O2T3iHTPy
감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
And if you think that your company or your organization might want to provide live front-end & UX training, we have a few bundle options available for you: https://smashingconf.com/online-workshops/bundles … Please share with your friends or colleague if you have a minute. Thank you.

이 스레드 보기감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소 -
We couldn't be more grateful for your kind support and your trust — and we'd love to see you at our workshops as well: https://smashingconf.com/online-workshops/ … Thank you so much for being so smashing — now and ever.
이 스레드 보기감사합니다. 보내주신 피드백은 타임라인을 개선하는 데 사용됩니다. 취소취소
로딩하는데 시간이 지연되고 있습니다.
트위터의 트래픽이 폭주했거나 일시적인 문제가 발생했을 수 있습니다. 다시 시도하거나 트위터 상태 페이지를 방문하여 자세한 내용을 확인해 보세요.