Is 'pixel perfect' still a thing?

栏目: IT技术 · 发布时间: 4年前

内容简介::information_source:
Is 'pixel perfect' still a thing?

The State of 'Pixel Perfection' — I don’t really hear the term “pixel perfection” as much as I used to, but the author says it still pops up enough. Here, he compares what this phrase really means today versus what it used to, and suggests how we should move beyond it.

Ahmad Shadeed

Translating Design Wireframes Into Accessible HTML/CSS — Harris Schneiderman walks you through the process of analyzing a wireframe and making coding decisions to optimize for accessibility.

Smashing Magazine

Is 'pixel perfect' still a thing?

Learn State Machines from the Creator of XState, David Khourshid — By modeling the state in your application with state machines and statecharts, you will spend less time debugging edge cases and more time modeling complex application logic in a visually clear and robust way.

Frontend Masters sponsor

Modern CSS Grid Solutions to Common Layout Problems — How CSS grids can solve responsive layout issues and enable you to create sites that flow with screen sizes without having to worry about breakpoints.

Kevin Pennekamp

All the Ways to Make a Web Component — Compare coding style, bundle size and performance of 33 different ways to make a Web Component.

div riots

Is 'pixel perfect' still a thing?

3D Book Image CSS Generator — A neat little tool to create a 3D book cover that lets you customize perspective, animation duration, thickness of the book, rotation on hover, URL, etc. then grab the CSS code. I remember when we used to have to pay for tools like this :-)

Sebastien Castiel

:zap:️ Quick bits:

:computer: Jobs

One Application, Hundreds of Hiring Managers — Use Vettery to connect with hiring managers at startups and Fortune 500 companies. It's free for job-seekers.

Vettery

Web Tools Developer (Cupertino, California) — The WebKit Developer Experience team seeks an experienced engineer to work on developer tools including the WebKit Web Inspector, Safari WebDriver, and others.

Apple

:information_source: Interested in running a job listing in Frontend Focus? There'smore info here.

:orange_book: Tutorials & Opinion

Is 'pixel perfect' still a thing?

CSS Painting Order — If you’ve ever been baffled by z-index positioning, the example shared here is worth remembering. “ things inside a stacking context are painted together, as a unit

Martin Robinson

▶   The Details of UI Typography — A good half-hour look at how you can enhance type legibility, accessibility, and consistency across your UI.

Apple Developer

When Do You Use inline-block ? — Chris Coyier asked how folks use the inline-block value. Here’s a run through some common answers, and some issues that may crop up.

CSS Tricks

Faster CI/CD for All Your Software Projects Using Buildkite :rocket: — See how Shopify scaled from 300 to 1800 engineers while keeping their build times under 5 minutes.

Buildkite sponsor

Bootstrap 5: Learn How to Get Started Without jQuery — Yep, the latest version of Bootstrap (currently in alpha) does away with jQuery in favour of using vanilla JS. Here’s a few pointers on using it.

Zoltán Szőgyényi

The Trouble with Mailto Email Links and What to Do Instead — These mailto: links are everywhere and yet browsers and operating systems don’t really make them easy to use.

Adam Silver and Amy Hupe

How We Achieve "Simple Design" for Basecamp and HEY — The core approach here is dubbed ‘Fisher Price’ design - keeping things obvious and simple.

Jonas Downey (Basecamp)

:wrench: Code, Tools and Resources

Is 'pixel perfect' still a thing?

mailgo: A New Concept of mailto: and tel: Links — Add this script to convert mailto: and tel: links into a modal that appears on click that gives the user a choice to open in Gmail, Outlook, copy the link, etc.

Matteo Manzinello

Wikimedia FontCDN: A Privacy First Search and Proxy for Google Web Fonts —Google Fonts is a hugely popular way to bring custom fonts on to Web sites but if you’re feeling uneasy about giving Google all that user data, consider this. (You could, of course, also host the fonts yourself.)

FontCDN

css-media-vars: A New Way to Write Responsive CSS —Full explainer here but this basically uses CSS variables that are added to the <html> element and act as universal mixins.

PropJockey

doom-scroller.js - A JavaScript Library to Help You Avoid Endlessly Doomscrolling — Find yourself scrolling mindlessly through junk on social media? This Doom-inspired library may help. :sweat_smile:

Chris Johnson

:cake: CSS Is Cake — Because what isn’t cake?

Jhey Tompkins codepen

Upcoming Events:

  • ViennaCalling (July 29) — An online meetup streamed on Twitch for "all who work on the web".
  • Frontcon (August 12 - 14) — A frontend conf based in Latvia that's now taking a hybrid approach , offering both online and on-site attendance options.
  • Front-End Focus (August 17) – It's got the same name as this newsletter but it's nothing to do with us. It's from the An Event Apart team though and has some fantastic speakers lined up.

很遗憾的说,推酷将在这个月底关闭。人生海海,几度秋凉,感谢那些有你的时光。


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

网站分析实战

网站分析实战

王彦平 吴盛峰 / 电子工业出版社 / 2013-1 / 59.00元

《网站分析实战:如何以数据驱动决策,提升网站价值》由王彦平、吴盛峰著。目前,越来越多的网站开始重视数据,并期望从中发现新的机会,不管你是做网络营销、互联网产品设计、电子商务运营、个人站点运营维护,我们都希望从数据中寻找有价值的结论,并且指导公司管理层的决策,最终创造更大的网站价值。《网站分析实战:如何以数据驱动决策,提升网站价值》以通俗易懂的方式来讲解网站分析所需掌握的知识,剖析日常工作中遇到的问......一起来看看 《网站分析实战》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

MD5 加密
MD5 加密

MD5 加密工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具