-
CSS3基础知识 - 最小内容尺寸(min-content size)和最大内容尺寸(max-content size)
CSS sizing level3规范中,和布局尺寸相关内容,经常会出现min-content size和max-content size等术语。 这需要分为两类:一类是和块元素相关,一类是和行内元素相关。 1. min-content inline size 最小内容行内尺寸表示在尽可能使用软性(即非硬性指定)包含技术(比如自动换行)后,刚好包含了元素内容而不出现溢出的尺寸。 2. max-content inline size 和min-content inline size不同,最大内容行内尺寸表示在不使用任何软性包含技术时,在单行内(除非使用硬性换行)刚好包含了元素内容而不出现溢出的尺寸。 3. max-content block size 和 min-content block size 对于块元素而言,这两者是等同的。 4. max-content contribution 和 min-content contribution 最大内容贡献和最小内容贡献分别对应于max-content, min-content size, 只不过在此之上,还需要计算入内外边距(margin/padding)以及边界(border)的尺寸。
-
超酷的SVG+CSS3山水画+睡美人图
按下asdfjkl;键,可以触发更多动画。这是一幅交互式山水画,如果能结合虚拟现实的技术,可以展现更为梦幻的效果。
-
HTML5 很棒的交互式家居装修展览和情景购物
典型的情境式购物应用,包含4种场景,厨房、卧室、客厅和洗手间: 1.可以在一个实际的交互式场景中体验家居用品(家具)所带来的效果; 2.选中某个家具后,突显放大显示详细商品信息,并可以加入购物车完成购买。 如果结合虚拟现实的一些技术,可以更好的提升用户现场体验。也许不久的未来线下的体验完全可以通过线上来感受。
-
HTML5 身临其境的天气预报网页应用+雷雨特效
使用WebGL技术实现的真实下雨动画。包含鼠标感知、磨砂玻璃、雨滴滑落淡入淡出、闪电、环境污染效果。 很棒的一个移动Web App作品。
-
Three.js BufferGeometry 几何缓存绘画方法的使用实例
对于大量的粒子绘制,出于性能的考虑,通常需要使用绘画缓存技术。
-
CSS3 传统文章排版技术学习
Classic Typographic Studies 包括标题字体、段落分隔线、首字母大写、段落引用。
-
TweenMax.js SVG 蒸汽朋克照明机器动画 萤火虫发电
Steampunk Lighting. 蒸汽朋克Steampunk是一个合成词,由蒸汽steam和朋克punk两个词组成。蒸汽自然是代表了以蒸汽作为动力的大型机械了。朋克则是一种非主流的边缘文化,用街头语对白书写的文体,它的意义在于题材的风格独立,而非反社会性。蒸汽朋克的作品往往依靠某种假设的新技术,如通过新能源、新机械、新材料、新交通工具等方式,展现一个平行于19世纪西方世界的架空世界观,努力营造它的虚构和怀旧等特点。 本例中包含了丰富的工业元素如压力泵、白炽灯、管道、方向盘、插销开关、螺纹等。
-
HTML5 四种常用网格(Grid)布局技术
1. FLOATING GRID (CLASSIC) 2. INLINE-BLOCK GRID 3. TABLE-CELL GRID 4. FLEXBOX GRID
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
如何实现three.js响应式设计(消除拉伸变形和锯齿)
我们先创建一个基本的three.js场景里面有一个cube对象。分三步首先声明一个canvas的html元素并设置其样式canvas
AFrame工作原理简要说明
AFrame(a-frame)是Mozilla推出的基于Three.js的一个WebXR ( WebVR ) 应用开发引擎。其架构或设计模式为游戏引擎常用的Entity/Component/System。其总体思想是...
深入剖析JavaScript代码执行上下文、变量范围以及闭包(Closure)
Some concepts are important to grok before you can grok closures. One of them is the execution context.
WebXR桌面浏览器模拟器使用简介
WebXR标准最近(10月份)刚刚发布了工作版本(Working Draft),是一个重要的里程碑。由于WebXR的体验依赖于头戴设...
NodeJS中的module概念以及module.exports和exports的区别
NodeJS为js引入了模块化的一些概念,html里面可以引入js或css,甚至css也可以通过@import来引入其他css文件,而JS一直缺少这个机制,这使得JS很难像其他语言如ja...
更多...