Tag: 前端

怎么开发谷歌相册网页的用户界面。需要解决四个技术难点:快速翻页,自适应、不裁切、不变形的缩略图排版,60 fps 的滚屏,立即载入图片。通常来说,优化性能对用户体验的改善,超过过场动画之类的精神愉悦。设计师也要了解一点前端 #前端 Building the Google Photos Web UI https://t.co/iHMilGQ0Sj https://t.co/MiOi8iYjbG

怎么开发谷歌相册网页的用户界面。需要解决四个技术难点:快速翻页,自适应、不裁切、不变形的缩略图排版,60 fps 的滚屏,立即载入图片。通常来说,优化性能对用户体验的改善,超过过场动画之类的精神愉悦。设计师也要了解一点前端 #前端 Building the Google Photos Web UI https://t.co/iHMilGQ0Sj https://t.co/MiOi8iYjbG

为什么 HSL 和 HSLA 色彩体系很适于程序化的色彩控制。怎么使用 CSS、JS 实现配色系统,例如选择一个颜色,计算出它的深色、浅色,以及近似色、对比色 #前端 #设计入门 // HSL() / HSLa() is great for programmatic color control https://t.co/9SiCIB0ubJ https://t.co/6dzDgGlwZD

为什么 HSL 和 HSLA 色彩体系很适于程序化的色彩控制。怎么使用 CSS、JS 实现配色系统,例如选择一个颜色,计算出它的深色、浅色,以及近似色、对比色 #前端 #设计入门 // HSL() / HSLa() is great for programmatic color control https://t.co/9SiCIB0ubJ https://t.co/6dzDgGlwZD

RT @nishuang: 新的字体和行距 – 我们怎么为英国政府网站做前端开发。一个很好的例子,说明前端工程师拿到设计稿之后,到底怎么翻译和重现设计。思路挺好,但是 CSS 写得很古典/奇怪 #前端 // Developing new typography and spaci…

RT @nishuang: 新的字体和行距 – 我们怎么为英国政府网站做前端开发。一个很好的例子,说明前端工程师拿到设计稿之后,到底怎么翻译和重现设计。思路挺好,但是 CSS 写得很古典/奇怪 #前端 // Developing new typography and spaci…

Linkedin 提供开源基于组件的 CSS 系统和CSS 优化工具,以提高 CSS 性能。1.9MB (压缩后156KB) 的 CSS 优化为 38KB(压缩后 9KB)#前端 // at Scale: LinkedIn’s New Open Source Projects Take on Stylesheet Performance https://t.co/ZQ6OL4dJGY https://t.co/ISQPUrmxc2

Linkedin 提供开源基于组件的 CSS 系统和CSS 优化工具,以提高 CSS 性能。1.9MB (压缩后156KB) 的 CSS 优化为 38KB(压缩后 9KB)#前端 // at Scale: LinkedIn’s New Open Source Projects Take on Stylesheet Performance https://t.co/ZQ6OL4dJGY https://t.co/ISQPUrmxc2

怎么在响应式网页设计中,使用 CSS 参数和 CSS 计算功能,来实现页面文字排版的垂直规律(行高、行间距、段落间距等)? #前端 // Responsive Vertical Rhythm with CSS Custom Properties and CSS Calc https://t.co/ljWEW5sTwW https://t.co/jqi7zDgqyU

怎么在响应式网页设计中,使用 CSS 参数和 CSS 计算功能,来实现页面文字排版的垂直规律(行高、行间距、段落间距等)? #前端 // Responsive Vertical Rhythm with CSS Custom Properties and CSS Calc https://t.co/ljWEW5sTwW https://t.co/jqi7zDgqyU

新的字体和行距 – 我们怎么为英国政府网站做前端开发。一个很好的例子,说明前端工程师拿到设计稿之后,到底怎么翻译和重现设计。思路挺好,但是 CSS 写得很古典/奇怪 #前端 // Developing new typography and spacing for https://t.co/3QA4r75RZp Frontend https://t.co/7HUSkXlP9J https://t.co/uipLyzoLKd

新的字体和行距 – 我们怎么为英国政府网站做前端开发。一个很好的例子,说明前端工程师拿到设计稿之后,到底怎么翻译和重现设计。思路挺好,但是 CSS 写得很古典/奇怪 #前端 // Developing new typography and spacing for https://t.co/3QA4r75RZp Frontend https://t.co/7HUSkXlP9J https://t.co/uipLyzoLKd

我怎么使用 CSS grid 进行设计?以 Tycho 的主页为例,详细说明了怎么用 CSS grid 实现一个复杂的、responsive 的网页。适合前端工程师 #前端 // How I design with CSS grid https://t.co/F1jjM7J4sb https://t.co/VFcdBpDOrJ

我怎么使用 CSS grid 进行设计?以 Tycho 的主页为例,详细说明了怎么用 CSS grid 实现一个复杂的、responsive 的网页。适合前端工程师 #前端 // How I design with CSS grid https://t.co/F1jjM7J4sb https://t.co/VFcdBpDOrJ

使用真实数据,利用 Sketch 和 Framer 制作区块链货币 APP 原型。Framer Studio 是 APP 交互原型制作软件,前端工程师思维,看了这篇文章,我决定认真试试它 #前端 // Real data prototypes with Sketch and Framer https://t.co/w8FwbB8ogI https://t.co/rEZLnTGJKA

使用真实数据,利用 Sketch 和 Framer 制作区块链货币 APP 原型。Framer Studio 是 APP 交互原型制作软件,前端工程师思维,看了这篇文章,我决定认真试试它 #前端 // Real data prototypes with Sketch and Framer https://t.co/w8FwbB8ogI https://t.co/rEZLnTGJKA

用纯 CSS 实现所有的 Instagram 滤镜。很神奇,也很方便,现在已有 42 个滤镜,作者 ( @picturepan2 ) 还打算继续支持其他滤镜 #前端 // Instagram.css – Pure CSS Instagram filters https://t.co/6LUlowgTv4 https://t.co/9dKlupYKz7

用纯 CSS 实现所有的 Instagram 滤镜。很神奇,也很方便,现在已有 42 个滤镜,作者 ( @picturepan2 ) 还打算继续支持其他滤镜 #前端 // Instagram.css – Pure CSS Instagram filters https://t.co/6LUlowgTv4 https://t.co/9dKlupYKz7

怎么让 CSS 动画感觉更自然?线性移动、带阻尼、增加延时、增加变形、增加弹跳、增加更多细微变形、增加自定义贝塞尔曲线 #前端 // Making CSS Animations Feel More Natural https://t.co/y1ria4jORE https://t.co/cESCnMkmgK

怎么让 CSS 动画感觉更自然?线性移动、带阻尼、增加延时、增加变形、增加弹跳、增加更多细微变形、增加自定义贝塞尔曲线 #前端 // Making CSS Animations Feel More Natural https://t.co/y1ria4jORE https://t.co/cESCnMkmgK

Scroll to Top