内容简介:Current browser support for CSS math functions. Via:caniuse.com:information_source:
Current browser support for CSS math functions. Via:caniuse.com
▶ min(),
max() , and
clamp()` Are CSS Magic — The min
, max
, and clamp
functions are now starting to see more widespread browser support . Here’s a video running through how these properties can be used to really open up responsive typography techniques.
Kevin Powell
Accessible Font Sizing, Explained — Bootstrap core team member Andrés Galante runs through how we can ensure our font sizes are accessible by asking what sort of best practices we can rely on to make an accessible reading experience.
CSS-Tricks
Learn Advanced Creative Coding with WebGL & Shaders — Go deeper into creative coding. Join Matt DesLauriers to learn 3D vectors and shader effects using WebGL, ThreeJS, and GLSL.
Frontend Masters sponsor
CSS for Internationalisation — An excellent guide to the various features in CSS that can be used as part of an internationalisation strategy that goes beyond mere translation.
Chen Hui Jing
AMP Introduces 'User-Friendly' Content Encryption Support — AMP aims to be all about providing speed to mobile consumers of content but paywalls just, well, get in the way. So Google and the AMP folks have come up with a way where protected content can be served and unlocked client-side for more performance. Cynically, of course, you could consider this yet another form of DRM for Web content...
The AMP Blog
Responsive Web And Desktop Development With Flutter — A look at the current state of Flutter for browser-based apps and how to create a responsive app using it.
Carmine Zaccagnino
:computer: Jobs
Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.
Vettery
Frontend Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands.
X-Team
:information_source: Interested in running a job listing in Frontend Focus? There'smore info here.
:orange_book: News, Tutorials & Opinion
Spacing in CSS — This is pretty much everything you need to know about spacing in CSS, covering grid layout, flexbox, positioning, and lots more.
Ahmad Shadeed
▶ Performance Profiling for Web Applications — An overview of how to use Chrome DevTools to understand a Web application’s performance bottlenecks.
Sam Saccone
JS VidCon - Virtual Conference for Developers — JS VidCon, on May 7th, where developers from all over the world can share & gain knowledge from the comfort of their home.
EventHandler sponsor
Gardened — A thought-provoking piece by Ethan that looks at some of the problems inherent in our self-regulated industry, in particular related to performance and accessibility.
Ethan Marcotte
CSS Clamp: The Goldilocks of CSS Math Functions — As with the video featured above, here's a quick look at how to use min
, max
, and size
with the clamp
property.
Steve Fenton
:wrench: Code, Tools and Resources
98.css: A Design System for Building Faithful Recreations of Old UIs — If for any reason you need to your interface to look like Windows 98 then this library has you sorted. Here’s the associated repo .
Jordan Scales
Color Accessibility: Tools and Resources to Help You Design Inclusive Products — We’ve linked to this before, but it’s recently been updated and remains a solid resource.
Stéphanie Walter
Will It CORS? — A handy online tool/wizard for establishing how your (potential) use case will (or won’t!) operate alongside CORS (Cross-Origin Resource Sharing).
HTTP Toolkit
Faster CI/CD for All Your Software Projects Using Buildkite
Buildkite sponsor
Shorthand: A CSS Framework for Designers — Includes a “lite” (only gray) and “full” version. This is similar to utility class-based frameworks, so the draw here is that you don’t have to write any CSS, just add classes.
Jiten Bansal
1loc: A Collection of One-line JS Snippets — A neat little collection of vanilla JavaScript one-liners divided into various categories (arrays, date/time, DOM, etc).
Nguyen Huu Phuoc
ICYMI (Some older stuff that's worth checking out...)
- Tim Kadlec shares thoughts on the 'blunt instrument' of loading stylesheets via preload , and some performance advice around how you go about loading CSS and the DOM order.
- Dynamic elements: Nothing new here for frontend experts, but this is a good summary for beginners discussing how elements can be built dynamically outside of the initial markup.
- Here's an in-depth look at a fairly simple feature: the disabled attribute for form elements ( and how to handle them ).
- Kevin Powell shares six simple (beginner) typography tips to achieve a more professional looking site. Skip to around the3:20 mark to get straight into it.
- How to create a fully responsive fluid layout in just 20 lines of CSS ( that also includes responsively resizing multi-column elements ).
- Author Brian Hicks explores reducing asset sizes with subsetting . He uses a headless Chrome instance with Puppeteer to automate font subsetting on his static pages for savings of 87% on the original size.
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
引爆社群:移动互联网时代的新4C法则(第2版)
唐兴通 / 机械工业出版社 / 69.00元
社群已经被公认为是这个时代的商业新形态,原有的商业逻辑和方法被颠覆,新的基于社群的商业体系和规则亟待构建,今天几乎所有的企业都在为此而努力,都在摸索中前行。 本书提出的“新4C法则”为社群时代的商业践行提供了一套科学的、有效的、闭环的方法论,第1版上市后获得了大量企业和读者的追捧,“新4C法则”在各行各业被大量解读和应用,积累了越来越多的成功案例,被公认为是社群时代通用的方法论。也因此,第1......一起来看看 《引爆社群:移动互联网时代的新4C法则(第2版)》 这本书的介绍吧!