20160906 前端开发日报

在大型项目中组织CSS;程序员;在 Github 上部署自己的简历;jQuery宽屏时间轴焦点图插件;有趣的CSS像素艺术;HTML;HTML5 Canvas放射线动画;别工作太长时间,这对你和公司都有好处;代码;原生开发才是王道

  1. 9月06日 17:12HTML5中国(20次阅读/8次分享/2次评论/8次点赞)

    在大型项目中组织CSS 编写CSS容易。 编写可维护的CSS难。这句话你之前可能听过100次了。 原因是CSS中的一切都默认为全局的。如果你是一个C程序员你就知道全局变量不好。如果你是任何一种程序员,你都知道隔离和可组合的模块是构建可维护 …

    在大型项目中组织CSS
  2. 9月06日 09:31SegmentFault(20次阅读/54次分享/12次评论/19次点赞)

    在 Github 上部署自己的简历】文章传送门;项目简介:本课程将带领大家在 Github Pages 上部署自己的简历,教大家如何将简历保存为 pdf 格式且该简历文件可直接在 A4 纸上打印。另外本课程还提供了简单的在线可编辑的简历页面,同学可直接使用它来生成自己…

    在 Github 上部署自己的简历
  3. 9月06日 13:00程序员俱乐部(19次阅读/10次分享/1次评论/3次点赞)

    jQuery宽屏时间轴焦点图插件】在线演示: 源码下载:jQuery宽屏时间轴焦点图插件 | HTML5资源教程这是一款非常炫酷的jQuery焦点图插件,这款jQuery焦点图的特点是有一个时间轴,点击切换按钮时,时间轴会逐渐移动,时间轴上的图片也会逐渐切换。另外,在图片上方也可以放置自定义样式的文字。

    jQuery宽屏时间轴焦点图插件
  4. 9月06日 09:29程序员俱乐部(18次阅读/18次分享/3次评论/14次点赞)

    有趣的CSS像素艺术 像素艺术作为一种遗失的艺术形式,与超清晰,高分辨率图片相比黯然失色。我在CodePen上浏览时偶然发现了一些像素艺术,它提醒我这种艺术是多么令人敬畏! 是不是很酷?像素化图形中有某种简单友好的东西,而这些东西是高清晰图形和插图中缺失的。 这也是教我们如何用HTML和CSS创建像素艺术的一个很好的案例。让我们分析下这个概念,并创建一个可以在其他情况下使用的模式。 创建网格 第一件事,我们需要一张绘制我们像素化作品的画布。我们有多种..

    有趣的CSS像素艺术
  5. 9月06日 14:00程序员俱乐部(16次阅读/4次分享/6次评论/3次点赞)

    HTML5 Canvas放射线动画】在线演示:HTML5 Canvas放射线动画DEMO演示 源码下载:HTML5 Canvas放射线动画 | HTML5资源教程这是一款基于HTML5 Canvas的放射线动画,实现这款动画的思路也比较简单,先是根据数学图形公式构造放射线绘制的路径,然后利用HTML5将射线绘制在Canvas上,并在射线上绘制随机的颜色,这样整个射线图形看上去色彩斑斓。

    HTML5 Canvas放射线动画

  6. 9月06日 20:00伯乐在线官方微博(16次阅读/9次分享/3次评论/7次点赞)

    别工作太长时间,这对你和公司都有好处》在软件公司,永远都有做不完的工作:太多新功能要实现,太多bug要修补。有时候你就是没法快速完成积压的工作,写不够代码量,花太多时间在一个看上去不可能修复的bug上。(@小米云豆粥 译)

    别工作太长时间,这对你和公司都有好处
  7. 9月06日 20:04开发者头条(15次阅读/1次分享/1次评论/5次点赞)

    原生开发才是王道 分享自 @googdev 开通的独家号《AndroidDeveloper》 原生开发才是王道 stormzhang · 5 小时前 之前很多朋友问我这么一个问题,说刚做 Android 开发不久,但是市面上被 H5,React Native 等这些移动趋势冲击的不得…
  8. 9月06日 11:10实验楼官方微博(15次阅读/2次分享/1次评论/1次点赞)

    #编程技术分享#css学习资源整理,爱学习的前端er看完就转走了[嘻嘻] :1、【50款实用的CSS工具、【148个资源让你成为CSS专家】、【10个学习 CSS3 的在线资源】、【程序员和设计师必备的20个CSS工具】

    50款实用的CSS工具
  9. 9月06日 19:59IT程序狮(13次阅读/5次分享/1次评论/1次点赞)

    #前端技术#【Canvas 学习之 API 整理笔记】详见: 学习Canvas,当然少不了了解其 API.这篇文章里,作者整理了常用到的Canvas API,方便以后查阅。

    Canvas 学习之 API 整理笔记
  10. 9月06日 17:13优秀网页设计(11次阅读/265次分享/39次评论/350次点赞)

  11. 9月06日 14:18慕课网(9次阅读/20次分享/3次评论/22次点赞)

    Python正则表达式指南】地址: 本文介绍了Python对于正则表达式的支持,包括正则表达式基础以及Python正则表达式标准库的完整介绍及使用示例,希望对学Python的朋友们有所帮助。[给力]Python学习法宝,一招在手,全部都有:

    Python正则表达式指南
  12. 9月06日 22:04开发者头条(8次阅读/16次分享/2次评论/5次点赞)

    [译] NGINX 高性能缓存实践(中) by 巫明瀚 分享自 @杰微刊 开通的独家号《杰微刊》 1天前 – 内容缓存的基本原则就是让上游服务器不用处理重复工作。当用户第一次请求网站上的一个内容的时候(上图中蓝色的线),TA的HTTP请求就会被发送到NGINX,并…
  13. 9月06日 13:18慕课网(8次阅读/21次分享/35次评论/19次点赞)

    响应式布局的三大要点】在本文中,我们将从网页设计中页面排版布局的类型、布局的实现为大家引出响应式布局的三大要点。用响应式布局开发课程:全文:响应式布局的三大要点_慕课文章

    响应式布局的三大要点
  14. 9月06日 08:25IT程序狮(8次阅读/5次分享/2次评论/5次点赞)

    #前端技术#【70个建议教你更好的进行 CSS 编程】详见: 在本文中,作者分享了一些很有用的 CSS 窍门,提示,意见,方法,技巧以及编程解决方案,希望这70个专业 CSS 建议,可以提高你的CSS编程效率。[熊猫]

    70个建议教你更好的进行 CSS 编程
  15. 9月06日 01:11w3cplus(7次阅读/5次分享/1次评论/6次点赞)

    SVG元素上的transform_SVG, transform 教程_w3cplus同HTML元素一样,我们可以通过transform函数操作SVG元素。然而transform在SVG元素和HTML元素上的工作方式会有一些差别。首先,IE不支持SVG元素的CSS transform属性,但是如果只是应用一些2D变换,为了适配IE,我们可以使用SVG的transform属性。SVG的transform属性中的所有函数的参数只能是纯数字,比如说,我们不能在translate函数中使用%单位(虽说在火狐浏览器中的CSS transform属性也不能使用—此处有链接—),rotate,skew角度只能使用deg单位,我们能在CSS transform属性中可以使用的所有其它单位在这里都不能使用。
  16. 9月06日 18:00程序员俱乐部(5次阅读/19次分享/3次评论/9次点赞)

    HTML5 Canvas彩色像素进度条动画】在线演示:HTML5 Canvas彩色像素进度条动画DEMO演示 源码下载:之前我们分享过很多不错的CSS3进度条,效果相当不错。今天我们来推荐一款基于HTML5 Canvas的彩色像素进度条动画,它有两个特点,其一是进度条颜色会随着进度的改变而改变,其二是进度条更新时,会产生像素掉落的动画特效,很有创意。

    HTML5 Canvas彩色像素进度条动画
  17. 9月06日 20:54SegmentFault(5次阅读/2次分享/1次评论/7次点赞)

    程序员,别了校园入了江湖】这一回作者不分享指南,和大家讲讲程序员的故事,文章传送门:刚过去不久的七月,火辣辣的热,在这份热辣中却也有一份略显冰凉的愁绪。一批刚毕业的学生刚告别了校园,进入了职场,一个新的江湖。这次来到我所在公司的同学,不说全部,至少百分之九十五都会成为一名新入行的…

    程序员,别了校园入了江湖
  18. 9月06日 22:17实验楼官方微博(5次阅读/1次分享/1次评论/1次点赞)

    #IT实战项目课程#新课首发【C语言实现 Linux 网络嗅探器】该项目实现一个轻量级的网络嗅探器。通过原生套接字的方式,监听所有本地主机收发的数据链路层帧结构,然后解析数据包的类型,并记录到日志文件。[围观] 项目教程:

    C语言实现 Linux 网络嗅探器
  19. 9月06日 09:45JAVA大本营(5次阅读/41次分享/15次评论/29次点赞)

    Java核心技术点之集合框架 概述 Java集合框架由Java类库的一系列接口、抽象类以及具体实现类组成。我们这里所说的集合就是把一组对象组织到一起,然后再根据不同的需求操纵这些数据。集合类型就是容纳这些对象的一个容器。也就是说,最基本的集合特性就是把一组对象放一起集中管理。根据集合中是否允许有重复的对象、对象组织在一起是否按某种顺序等标准来划分的话,集合类型又可以细分为许多种不同的子类型。 Java集合框架为我们提供了一组基本机制以及这些机制的参考实现,其中基本..

    Java核心技术点之集合框架
  20. 9月06日 13:12HTML5中国(5次阅读/4次分享/1次评论/7次点赞)

    HTML 不同空格的特性与表现研究在编写 HTML 模板时,有时候会利用空格来充当文字排版的手段,最为常见的情况是在一段文字之间插入空格,来分隔相对独立的词汇。但面对这种情况,一般是…

    HTML 不同空格的特性与表现研究

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

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


关注我

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

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

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