-
响应式设计的一种实现方式:滚动菜单
Multi-device scrolling menu 本例展示了多设备响应式设计的一种有趣的实现思路,即不是通过汉堡菜单隐藏,而是使用滚动菜单,当界面变小时,显示的菜单项变少,当用户鼠标悬停(或移动触摸拖拉)时,自动左右滚动。
-
HTML5 响应式产品服务价格表网页模板
Pricing Table 软件服务类网站常见的首页布局,展示公司的若干等级服务,标准不同的价格。本模板是响应式的。自适应各种尺寸的设备。
-
CSS3 简单的响应式无超文本卡片设计
Simple responsive hypertext-free card design 纯CSS实现的空元素响应式卡片,无HTML无JS。卡片标题和内容都使用伪类的content属性实现,没有使用HTML代码。
-
HTML5 使用弹性布局实现的响应式经典三列布局(也叫做圣杯布局)
Flexbox Holy Grail Layouts 该页面模板具有如下特性: 1. 可以切换布局模式:左边栏、右边栏或隐藏(滑入)边栏。 2. 响应式设计,在小屏幕下显示为竖向菜单栏。 3. 菜单项悬停的渐变平移动画
-
如何在JS中使用CSS媒体查询的分界点
Importing CSS Breakpoints Into Javascript 响应式设计中,如果CSS中更改了分界点,如何让JS的检测也随之改变。 本例给出了兼容IE9+的一个解决方案。 Source: https://www.lullabot.com/blog/article/simpler-solution-bring-css-breakpoints-javascript
-
HTML5 响应式表格(滚动条模式和列表切换式)
Responsive Tables. 预览窗口有3个表格对比,最上面的是非响应式,中间是使用滚动条,第3个是在表格和列表模式之间切换。
-
HTML5 响应式比较表格
HTML5 Responsive Comparison Table (CSS with JS fallback)
-
使用jQuery/Bootstrap/dataTables实现的多功能响应式表格控件
很不错的一款响应式表格,带分页、实时搜索、排序功能 Refer to: http://www.sitepoint.com/responsive-data-tables-comprehensive-list-solutions
-
使用CSS3弹性布局构建的响应式控制面板
Dashboard and Widgets with Flexbox 控制面板包含一些常用应用的界面组件,如笔记、日历、天气、邮件等。
-
CSS3 动态高度梯田样式的响应式标签集
HTML5/CSS3 responsive tabset with dynamic height
-
CSS3 响应式文本字体
Precision responsive typography 通过媒体查询和calc方法动态计算字体大小。 如果要实现响应式文本,可以直接复用本例中的CSS样式规则。
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
实时光线追踪技术简介
实时渲染视频级别的计算机三维图形是计算图形领域的终极目标,与现在普遍使用的光栅化渲染技术相比,光线追踪普遍被视为视觉技术的未来方向,可带来近乎真实的真...
生成本地npm包
1、创建一个文件夹,此处我的文件夹名字为test-my-pack
2、在文件根目录初始化npm,可以一路回车
npmOculus Go手柄(控制器)使用说明
Oculus Go是Facebook的一体式、3Dof VR眼镜,其手柄(即控制器)功能很简单。
电池安装
配对控制器
下载 Oculus 应用(这个需要手机科学上网)并...基于elementUI封装自己的UI组件库
three.js添加场景背景和天空盒(skybox)
本文我们介绍在three.js中如何给3D场景添加背景,我们有3种方式来实现这个目的。通过html添加背景元素,这实际上一个2D背景;在three.js加载图片并设置为scene.b...
更多...