20161117 前端开发日报

手机端页面自适应解决方案—rem布局;9款超绚丽的HTML5/CSS3应用和动画特效;引人瞩目的 CSS 变量(CSS Variable);聊聊响应式图片;浅谈 iOS 与 H5 的交互- JavaScriptCore 框架;一个健壮且可扩展的 CSS 架构所需的 8 个简单规则;JavaScript 小模块的开销;10款效果惊艳的HTML5应用和源码

  1. 前端开发博客(47次阅读/14次分享/3次评论/8次点赞)

    #rem#【手机端页面自适应解决方案—rem布局】原文:手机端页面自适应解决方案—rem布局相信很多刚开始写移动端页面的同学都要面对页面自适应的问题,当然解决方案很多,比如:百分比布局,弹性布局flex(什么是flex),也…请戳→ #前端开发博客#

    手机端页面自适应解决方案—rem布局
  2. 程序员俱乐部(34次阅读/9次分享/1次评论/3次点赞)

    9款超绚丽的HTML5/CSS3应用和动画特效 HTML5现在已经不是很前卫的东西了,越来越多的网站和移动应用都在不断地尝试使用HTML5来更好地优化用户体验。今天我们要分享9款超绚丽的HTML5/CSS3应用和动画特效,这里面有菜单、按钮、图片、Loading加载动画等,一定会有你需要的。 1、CSS3飘带状3D菜单 菜单带小图标 这次我们要来分享一款很特别的CSS3菜单,菜单的外…

    9款超绚丽的HTML5/CSS3应用和动画特效
  3. 程序员俱乐部(30次阅读/15次分享/2次评论/5次点赞)

    引人瞩目的 CSS 变量(CSS Variable) 这是一个令人激动的革新。 CSS 变量,顾名思义,也就是由网页的作者或用户定义的实体,用来指定文档中的特定变量。 更准确的说法,应该称之为 CSS 自定义属性 ,不过下文为了好理解都称之为 CSS 变量。 一直以来我们都知道,CSS 中是没有变量而言的,要使用 CSS 变量,只能借助 SASS 或者 LESS 这类预编译器。 但是…

    引人瞩目的 CSS 变量(CSS Variable)
  4. 前端大全(27次阅读/16次分享/8次评论/17次点赞)

    聊聊响应式图片》“响应式(Responsive)”这个词我想大家没有听过一千遍,也有一百遍了。本文我们不讲页面布局的响应式,我们主要来看看“响应式图片”。(by TGCode

    聊聊响应式图片
  5. iOS大全(25次阅读/41次分享/11次评论/15次点赞)

    《JavaScript :浅谈 iOS 与 H5 的交互- JavaScriptCore 框架》小的作为一个iOS程序猿,可能研究JavaScript以及H5相关的知识并不是为了真正的要去转行做这一方面,其实更多的为了要研究OC中的JavaScriptCore框架。 ( by 神经骚栋 )

    浅谈 iOS 与 H5 的交互- JavaScriptCore 框架
  6. 稀土掘金(21次阅读/7次分享/1次评论/2次点赞)

    #掘金原创# [译]一个健壮且可扩展的 CSS 架构所需的 8 个简单规则 – 本文列出了一个健壮且可扩展的 CSS 架构所需的 8 个简单规则,是作者在 Web 开发中浸淫多年总结出来的八个规则,值得一看,长文慎入,建议先收藏再慢慢看。翻译 by @llp有爱 |阅读全文: 我也想去翻译计划玩→ 全文
  7. Linux中国(19次阅读/1次分享/1次评论/1次点赞)

    JavaScript 小模块的开销 » 译者:Yinr » 一个大的 JavaScript 包比一百个小 JavaScript 模块要快。尽管这是事实,我依旧希望我们社区能最终发现我们所处的困境————提倡小模块的原则对开发者有利,但是对用户不利。…

    JavaScript 小模块的开销
  8. 程序员俱乐部(19次阅读/10次分享/3次评论/5次点赞)

    10款效果惊艳的HTML5应用和源码 HTML5已经越来越流行起来了,尤其是移动互联网的发展,更是带动了HTML5的迅猛发展,我们也是时候学习HTML5了,以防到时候落伍。今天给大家介绍10款效果惊艳的HTML5应用,方便大家学习,也将应用的源码整理了一下发给大家。 1、纯CSS3实现打火机火焰动画 这又是一款很酷的纯CSS3动画特效,它是一个可以点燃的打火机,当你…

    10款效果惊艳的HTML5应用和源码
  9. 程序员俱乐部(18次阅读/17次分享/1次评论/2次点赞)

    让人心动的jQuery插件和HTML5动画 在之前的分享中,有不少是关于jQuery和CSS3相关的应用和插件,特别是基于jQuery的,兼容性非常不错,你也可以在jQuery插件这个栏目中寻找自己需要的插件。这里我们精选了一些让人心动的jQuery插件和HTML5动画,分享给大家。 1、jQuery/CSS3带表单的下拉菜单 今天要分享一款基于jQuery和CSS3的下拉菜单,这款jQuery下拉菜…

    让人心动的jQuery插件和HTML5动画
  10. IT程序狮(17次阅读/3次分享/2次评论/1次点赞)

    #前端技术#【纯 CSS 气泡框实现方法探究】详见: 气泡框(或者提示框)是网页中一种很常见的元素,大多用来展示提示信息。本文中,我们将随作者详细探究如何利用纯 CSS 来实现各类气泡框样式。[喵喵]

    纯 CSS 气泡框实现方法探究
  11. 程序师视野(16次阅读/1次分享/1次评论/2次点赞)

    github上提交代码的 emoji 表情指南——原来表情文字不能乱用】,emoji 表情在提交代码的时候也不能乱用,否则容易造成误解。因此开源项目 gitmoji专门规定了在 github 提交代码时应当遵循的 emoji 规范: […]

    github上提交代码的 emoji 表情指南——原来表情文字不能乱用
  12. 稀土掘金(16次阅读/6次分享/1次评论/1次点赞)

    #掘金原创# 携程是如何做 React Native 优化的 – 携程专家分享他们使用 React Native 开发中遇到的一些问题,以及他们给出的的优化方案。原创 by 携程技术中心 / 分享 by 东岸往事 | 阅读全文:
  13. SegmentFault(14次阅读/10次分享/1次评论/4次点赞)

    JavaScript 开发者所需要知道的 V8(一):V8 In NodeJS】来自@大大大大大大培杰 传送门:欢迎来我的博客阅读:「JavaScript 开发者所需要知道的 V8(一):V8 In NodeJS」 Motivation JavaScript 是一款拥有「自动垃圾回收」功能的编程语言。市面上具有这样功能的语言,一般都是拥有相对应的虚拟机的,…

    JavaScript 开发者所需要知道的 V8(一):V8 In NodeJS
  14. LUPA开源社区(12次阅读/1次分享/1次评论/1次点赞)

    ReactOS 0.4.3发布,类XP的操作系统】ReactOS 0.4.3 发布了,ReactOS 是免费的和开源的操作系统,它基于 Windows NT 架构中反映出来的最佳设计理念。ReactOS 完全从零 …
  15. 程序员俱乐部(12次阅读/10次分享/2次评论/7次点赞)

    视觉盛宴 HTML5 3D动画应用赏析 以下是一些很棒的HTML5 3D动画应用,值得一看。 1、3D HTML5 Logo动画 HTML5多视角3D旋转动画 HTML5 3D动画实现起来非常方便,之前介绍过基于jQuery的3D旋转插件是利用多张多视角图片播放来实现的,而今天分享的这款HTML5 3D旋转动画是利用纯HTML5技术实现的,该动画实现了HTML5 Logo旋转的效果。          2、HTML5 3D…

    视觉盛宴 HTML5 3D动画应用赏析
  16. IT程序狮(12次阅读/1次分享/1次评论/1次点赞)

    #IT技术分享#【Gitbook 的使用和常用插件】详见: Gitbook 是基于 Node.js 的命令行工具,用来创建漂亮的电子书,且可以托管在 Github 上。今天分享的这篇文章,作者将带大家快速使用 Gitbook,并推荐给大家一些常用的插件。喜欢的朋友,不妨来看看。

    Gitbook 的使用和常用插件
  17. IT程序狮(12次阅读/1次分享/1次评论/1次点赞)

    #前端技术#【简单实用的表单验证库:SMValidator.js】详见: 一款简单实用的表单验证库:SMValidator.js .它不依赖第三方库,灵活定义校验规则,可自定义样式,简单易用。[馋嘴]中文教程: Demo地址:

    SMValidator.js
  18. 开发者头条(11次阅读/3次分享/1次评论/2次点赞)

    微信小程序之 ES6 与事项助手 好久没有写关于微信小程序的随笔了,其实是不知道写点什么好,之前的豆瓣图书和知乎日报已经把小程序的基础部分写的很详细了,高级部分的API有些还得不到IDE的调试支持。之前发表了知乎日报小例,有网友问我小程序有没有关于日历显示的组件,可以显示所有天数的,自己看了一遍,好像没有这个组件,所以打算那这个功能来…
  19. 全栈开发者(9次阅读/2次分享/1次评论/6次点赞)

    Web不是未来会赢,而是已经赢了 】全文=>Web不是未来会赢,而是已经赢了时间2016-11-16 06:40:00 InfoQ 原文 http:…过去20多年来,Web已由一个基本的文档共享网络发展成为诞生之初我们根本无…

    Web不是未来会赢,而是已经赢了
  20. 开发者头条(9次阅读/2次分享/1次评论/1次点赞)

    流动的数据,使用 RxJS 构造复杂单页应用的数据逻辑 by 徐飞摘要: 本文整理自 OSC 第 54 期重庆源创会上徐飞老师的演讲,他详细地介绍了如何使用 RxJS 构造复杂单页应用的数据逻辑,干货满满,各位程序员不要错过了,尤其是前端的程序员们~欢迎大家积极参加源创会,一起交流、学习、进步。 徐飞,Teambition 前端架构师,长期从事企业应用前端架构的工作…

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流