Jako wspรณลtwรณrca projektu zapraszam, bo bฤdzie mega ๐ฅ๐ฅ๐ฅ!
Wraz z MirkoVolt mamy do ogลoszenia bardzo waลผnฤ
rzecz! ๐ฒ
Co to takiego? Przekonajcie siฤ juลผ dziล o 20:00 na naszym kanale Twitch! ๐ฅ
twitch.tv/hotseat_gg
๐ฝ ๐จโ๐ป Krystian Tokarski retweeted
project || prototype starter styles:
โ
normalize box sizing
โ
zero out margins
โ
document & body fill viewport
โ
use OS system font
๐ด Codepen starter
codepen.io/argyleink/pen/gOpโฆ
ALT * { box-sizing: border-box; margin: unset; } html { block-size: 100%; inline-size: 100%; } body { min-block-size: 100%; min-inline-size: 100%; font-family: system-ui, sans-serif; }
My name will fly to Mars on a future NASA mission. Send your name to too! mars.nasa.gov/participate/seโฆ ๐ฝ๐ฝ๐ฝ
๐ฝ ๐จโ๐ป Krystian Tokarski retweeted
I wrote a blog post to give an overview/comparison of the next-gen image codecs #JXL, #AVIF, #WebP, predicting once again the end of the #JPEG, but this time for real (I hope).
cloudinary.com/blog/time_forโฆ
๐ฝ ๐จโ๐ป Krystian Tokarski retweeted
whitehouse.gov scoring super well on lighthouse, has dark mode and font size selector
h8ers gonna be mad that it's wordpress and jQuery tho
๐ฝ ๐จโ๐ป Krystian Tokarski retweeted
#CSS tip (8):
You can implement a snap effect for scrollable content on your site with just 2 lines of CSS!
1๏ธโฃ `scroll-snap-type` on parent
2๏ธโฃ `scroll-snap-align` on children
๐ป Play with the code:
stackblitz.com/edit/scroll-sโฆ
๐ฝ ๐จโ๐ป Krystian Tokarski retweeted
rad article on #CSS `prefers-reduced-data` ๐
โ
great breakdown
โ
hot tips
โ
excellent attention to detail
polypane.app/blog/creating-wโฆ
ALT /* Serve a smaller image by default */ body { background-image: url(/images/small-fast-image.webp); } /* But replace it with a large image when applicable */ @media (prefers-reduced-data: no-preference) { body { background-image: url(/image/large-pretty-image.png); } }
I wrote an article about creating websites with prefers-reduced-data.
prefers-reduced-data lets your visitors request a lighter version of your site. Here how you can do that.
polypane.app/blog/creating-wโฆ
๐ฝ ๐จโ๐ป Krystian Tokarski retweeted
Your Jest Tests are Leaking Memory disq.us/t/3iwv5g9
WOW ๐ฎ
Oh exciting! leading-trim in CSS will allow us to trim off all the extra space from reference points in a typeface of your choice with just two lines of CSS.
h1 {
text-edge: cap alphabetic;
leading-trim: both;
}
medium.com/microsoft-design/โฆ
๐ฝ ๐จโ๐ป Krystian Tokarski retweeted
native EyeDropper API?!
VisBug is down!
๐ read more github.com/MicrosoftEdge/MSEโฆ
ALT const eyeDropper = new EyeDropper() eyeDropper.addEventListener('colorselect', ({value}) => { console.info(value) eyeDropper.close() })
new homepage of #webpack: webpack.js.org
...but fortunately this link still works...uff webpack.js.org/guides/gettinโฆ
#FrontEnd #BLACK_LIVES_MATERS
