W3cplus_-CSDN博客

原创 Hexi Flexi Grid Layout

在《Sass绘制多边形》和《使用Sass制作菱形网格布局》文章中，我们了解了怎么通过Sass来实现多边形和菱形相关的网格布局，但这些在实际的布局中使用场景并不常见。最近@vmcreative的Hexi Flexi Grid让我感到CSS Grid布局更强大的一面。而这种布局在实际的布局也可以一用。今天把这个仓库中的功能集成了SassMagic中。那么简单的花点时间来看看Hexi Flexi Gri

2017-12-13 00:00:00 436

原创编写 SVG 的指南

简介Scalable Vector Graphics (SVG)是在XML中描述二维图形的语言。这些图形由路径，图片和（或）文本组成，并能够在不失真的情况下任意变换尺寸。本书主要介绍了内联SVG，它是指在HTML中编写的嵌入式代码，以便在浏览器中生成这些图形。以这种方式使用SVG有许多优点，包括为了交互目的访问所有图形的各个部分，支持访问 SVG 文档构成的 DOM 节点树，查询、修改 DOM 节

2017-12-12 00:00:00 1297

原创使用Firefox 网格检查器调试 CSS网格布局

这篇文章介绍了Firefox DevTools的一些鲜为人知的特性，这些特性可以在你构建和调试新的CSS网格布局时派上用场。你可能在今年听过不少有关于CSS特性的讨论。如果你在同一个句子中听到CSS和网格这两个词，那么我强烈建议你去看看CSS Grid的这个CSS模块。浏览器以CSS盒模型的方式呈现HTML元素，而CSS Grid则是一种新的布局模式，它为开发者提供了控制这些盒子及其内容大小和位置

2017-12-05 00:00:00 689

转载做前端好还是Java好？看这三方面

这几年来伴随着互联网的迅速发展，新兴互联网产业的兴起，传统行业也逐渐开始互联网化，使得互联网职业在这样的背景下成了备受瞩目的热门职业，其中“前端开发”和“Java开发”就是热门职业其中之二，两者在关注度和热度上不分伯仲，但外界对他们得评价也是褒贬不一，随着互联网的继续发展，前端，Java工程师人才缺口大的现状也日益显著，在发展前景和薪资的吸引下，不断有刚毕业的大学生，或者有一定职场经验的工作者转行

2017-11-14 00:00:00 8343 5

转载 AC 2017：Alloyteam Web前端大会

每年一度的 AlloyTeam Conf 大会即将于2017年10月29日在深圳盛大举行！届时，腾讯明星前端团队 AlloyTeam 讲师会到场，将一年来业界前沿技术，成熟技术实践，顶尖解决方案，全方位的呈现给所有到场的开发者。 AC大会，汇聚了 AlloyTeam 在业内最为知名，最具实力的前端工程师，如图形动画界网红专家当耐特，iPresst 两位作者老教授和何骏，AlloyImage作

2017-09-29 00:00:00 506

原创 iPhone X的缺口和CSS

苹果公司（Apple）的发布会也开完了，新产品也将登陆了。估计很多开发人员看到iPhone X的设备是要崩溃了，特别对于前端开发人员更是如此。iPhone X的屏幕覆盖了整个手机的屏幕，为相机和其他各部件留出了一个空间。结果是屏幕设计出现了一些尴尬的情况。比如将网站限制在一个“安全区域”。而在屏幕上的安全区域中，造成网站左边或右边有空白区域。很多像我这样的前端开始在考虑，这个蛋疼的东西怎么处理。而

2017-09-17 00:00:00 722

转载 CSS中的艺术

本文介绍了用于大型Web应用程序（通常是SPA）的CSS最新趋势。我不想质疑这是对的还是错的，而是把它们列出来。以供大家参考和讨论。最初，Web页面被设计成具有超链接的信息页面（即使图像也不应该是内联的——它被解释为，在1990年，带宽和计算机资源非常小），类似交互式图书的东西。CSS的设计是为了添加一些基本的样式，最初它看起来像是一个好主意，用你自己的风格覆盖外部风格。现在，它绝对是一个疯狂的想

2017-09-02 00:00:00 381

转载今年的IMWebConf，将会是一场大咖云集的前端盛宴

【大会介绍】今年的IMWebConf，将会是一场大咖云集的前端盛宴。除了腾讯以及阿里巴巴前端技术专家、Qunar前端架构师、摩拜科技前端负责人、UC内核前端负责人等国内前端大咖以外，我们还邀请了W3C的技术产品总经理Philippe Le Hégaret，以Web标准化的视角，为您一探前端的《Now and the Future》；还有微软的技术专家Limin zhu，为您开启一场

2017-08-29 00:00:00 288

转载写CSS的姿势

前两天去帝都参加第三届FEDay前端开发者大会，见了很多老朋友，也认识了很多新朋友。最主要的是听了很多大神的分享，涨了不少的姿势。想写这篇文章的出发点是PostCSS作者@Andrey Sitnik分享完之后有些同学提问，让我有感而发。希望这篇文章对一些同学有所帮助。写CSS的姿势对于前端而言，会写CSS并不难，因为这是基础之一，但能写好CSS那就不一定了。在整个社区也经常会碰到类似这

2017-08-29 00:00:00 474

转载再聊移动端页面的适配

前端圈真乱，这话一点不假。但乱也乱的好处，乱则生变，有变化才有进步。今天还是老调重谈，聊聊移动端页面的适配。因为对于一枚前端而言，天天和页面打交道（H5页面），那么布局的活总是少不了，这也将面临不同终端的适配问题。不知道你是否和我一样，页面布局总是或多或少会有一些蛋疼的事情发生。如果是的话，建议你花点时间阅读完下面我扯蛋的东东。Flexible承载的使命Flexible到今天也有几年的

2017-08-02 00:00:00 860

原创高质量前端技术会议“FEDAY”来啦，张克军将出席会议！

由前端圈打造的高质量前端技术会议“FEDAY”将于2017年8月26日在北京国际会议中心举办第三届。本次大会将围绕前端架构、工程化、函数式、大型应用开发实践等方向进行展开，给大家带来一场高质量的技术盛宴。目前已经确认的嘉宾共5位：豆瓣前端专家、前端布道师张克军，Evil Martians前端工程师Alexey Ivanov，美团网酒旅基础服务前端团队资深前端工程师叶俊星，链

2017-07-26 00:00:00 439

原创 2017 Amsterdam CSS Day

2017 CSS Day于6月15日和16日在Amsterdam举办，到今天已经过去一个多月了。虽然说是CSS Day，但这次话题并不仅仅是有关于CSS方面，这次大会主要分成两个方面的话题：Browser API Special和CSS。第一天主要是有关于Browser API Special（6月15日），第二天主要是有关于CSS的（6月16日）。每个主题各邀请八位世界级的分享嘉宾来分享。比如熟

2017-07-20 00:00:00 564

原创渐进式动画解决方案

今天聊的内容是淘宝虚拟互动实验室的@渚薰大神在2017年06月在北京GMTC大会上分享的一个主题。未能亲临听到相关的精彩分享，但还算是有幸的，在内部听到@渚薰大神的分享。个人对Web动画这方面的课程非常的感兴趣，而且现在和团队一直在致力于手淘互动动效相关的研究。经历了从Gif、视频到CSS Animation的零至一的过程，并且致力于JavaScript驱动的动效开发，以及现在致力于研究的数据

2017-06-16 00:00:00 681

转载 CSS的状态

JavaScript越来越有一统天下的趋势，这已经不是什么秘密了。但是你可能不知道的是，CSS也同样的在进化，在创新。CSS最近已突飞猛进，得到很多的改善。甚至CSS都有可能不再是你认识的CSS了。当你不注意的时候，CSS社区开发了很多真正解决许多古怪的CSS问题，在这个过程不需要使用一些黑魔法，以前的缺陷也不再是缺陷。也使这些害群之马从前端的家庭中踢出去。在这篇文章中，将会介绍CSS中的

2017-06-14 00:00:00 374

W3cplus