2015年已悄然离去,已成为昨天。回忆昨天,我有过2012年的《我和W3cplus的故事》,悄悄《走过的2013年》,随着《辞旧迎新,更上一层》,迎来了2015,可是时间的流逝,不知道不觉得就踏入了2016年。也走过了码农传说中的宿命节点35岁。这也是我为何将这篇总结命题为 码农的自留地 ,希望自己能一直拥有这块自留地,一直耕耘下去。
2015年的W3cplus
W3cplus曾经是自己的一个博客,只是想让他成为一个在线笔记本。如今我把他当做一块码农的自留地,所以一直在认真而又努力的耕耘他。希望他在大家的支持之下能越来越强大。越来越受大家的欢迎。
既然是写总结,我先对2015年的W3cplus发展做一个简单的总结。
在整个一年中,总共发表博文 249篇 ,其中译文 201篇 。这些译文都是翻译自国外一些优秀的前端教程,同时总觉得自己江郞才尽,不知道或应该写些什么(原创)。不过虽然不是原创,但个人觉得这些译文都是非常不错的教程(虽然有很多译得不好,但让自己在某些方面得到提高)。
早期主要以CSS3相关的技术文章发表,但现在CSS3已不是新课题,在今年发布的文章中,我们主要偏向于SVG、PostCSS、Sass等相关知识。其中SVG文章有 34篇 、 Sass 有 40篇 、 PostCSS 有 12篇 , Web Animation相关 的有 28篇 。除此之外还有一些有关于前端方面的其他技术文章。
在大家一路支持之下,网站的访问数据相对于往年也得到了较高的增长(下面几张图是2015年的几个数据截图):
希望在2016年能给同学们带来更多有价值,值得阅读的文章。也借此机会向大家说声谢谢!感谢大家一路以来对我以及W3cplus的支持。
新朋旧友
自从有W3cplus,让我认识了很多朋友,也结识很多基友。在这里我需要特别感谢 @珠峰培训 、 @妙味课堂 和 @慕课网 对W3cplus的大力支持。同时也需要特别感谢@南北(翻译了近50篇)、@彦子(翻译了近50篇文章)、@Blueed(翻译了近30篇文章)几位同学,同时也非常感谢参与我们翻译团队的其他同学。当然也希望未来有更多的同学能参与进来,一起做值得做的事情。
险此之外,我和@南北、@彦子同学在年初一起翻译了 @Lea Verou 在2015年有关于CSS方面的一本力作《 CSS Secrets 》。将译名全名为 CSS秘密花园系列 :
本想将其翻译能出版,只可惜未能拿到出版权。不过喜欢的同学可以关注本书相关的信息,据我了解,中文版本@CSS魔法已译完,应该很快就能上架了。如果你想提前看此书,可以看看英文原版,或者偶尔到小站上看看。
同时希望之后有机会与出版社一起合作,带领小伙伴们翻译一点有意思的前端书籍。
社区活动
这几年前端发展的速度让前端从业人员应接不暇,前端社区的活动也是一个接一个。当然前端圈的撕逼也是很热闹。在2015年中,我也凭着老脸到外面走了几场秀。
CSS3带来的变化
这是 @优设网 在上海针对设计师举办的一场分享会。我去客串一个主题,给设计师普及一点前端的知识,好让设计师在工作中能更理解与体谅前端的码仔。这次分享的主题是《CSS3带来的变化》。只找到了PPT,视频没找到。
Web重构之道
这 2015年上海Qcon 前端专场。由贺佬出品的新时代前端专题,我去分享了《Web重构之道》( 在线视频 )。这也是第一次上这样的分享峰会,说实在的压力蛮大的。可算也是打酱油过去了,分享的主题也没有什么技术含量。借此要非常感谢@winter老湿、@Hax给我这样的机会,上去露脸。不过对我自己的成长还是有很大的帮助。
-OOCSS+Sass
第三场是@点头猪公司举办的CFF前端分享会,我厚着脸皮也去站了一次台,主要分享了前端开发中如何使用Sass去OOCSS化开发。说实在的,操着不伦不类的胡建话或广东口音,增加了不少的槽点。(^_^),似乎这成了我的一个标签。
除此之外还参加了@波波的CSSConf、@娜姐的HTML5峰会、2015年WebRebuild上海分会和D2的大会。每次去参加这些活动,都让自己增涨不少的见识。当然每次活动都能见到一些久别的朋(基)友和认识一些从未谋面,但又非常熟悉的朋友。
心灵的鸡汤
我是一个不会讲故事的码农,只不过经历的事多了,看得也就多了。在年初的面试中和自己历年被面的过程中碰到了各种不同的奇葩事情,因此身有所感的写了一篇博文《写给前端面试者》。
也不知道是怎么了,今年我也混上知乎了,在里面碰到很多同学问怎么学习前端、怎么提高技术等等。做为一名伪前端我写下了《前端路上的旅行》:
从步入社会算起到今天,风风雨雨走过了15个年头,望着天空,掐指一算,从事前端已近五个年头。也算三分之一的时间在做前端,也是从事过时间最久的一份工作。问我为什么能做这么久?其实我也时常问自己,怎么就进前端这个行当,怎么就整了五年。正如网上所言,一入前端深似海。
玩了五年,或许后面还会有一个五年,两个五年,或许...... 未来的路,谁与说不清楚,我只想每天走好自己想走的路。
只是希望刚入前端或即将步入前端的同学,不要像我一样走一条弯路。能在前端的路上走得更好。
自我变化
2015年对于我自己来说也有一些变化。年初离开鞋城踏进了阿里前端团队,能进入国内这样强大的前端团队工作,我感谢自己非常的庆幸。在此需要特别感谢@winter老湿给了我这样的一个机会能在这样一个优秀的团队工作。能与一群优秀的年轻人一起工作。
自从加入了手淘无线前端团队,才感觉自己是多么的渺小,懂得知识是多么的匮乏。才知道自己与其他队友有多大的差距。同时带来巨大的压力让我保持一颗向前冲的心,让我能坚持下去的动力。
虽然在手淘这一年没有参与到双11的大促活动的备战中,但有机会切身体验了备战双11的活动氛围。只有在这样的环境才能体验到双11活动是多么的有意思,我在想能直接参与备战中能让自己感觉到无比的荣耀。我也在想,或许在2016年的双11大促,也能看到自己做的效果。
除了工作的变动,今年还完成了人生中另一件大事。有了自己一个固定的家,让自己在外漂泊累了的时候有一个停靠的港湾可以休息。
图解CSS3
自从2014年上架到15年年底,《图解CSS3》一书已经突破了9000册的量,希望在2016年还能增印。现在想想也有一些后怕,书中还有不少的错误,在读者朋友的支持也帮助之下,整理了一个勘误列表,希望对读者有所帮助。
读书计划
原计划今年要读一些书,但自己太懒,这个计划彻底的流产了,希望在2016年能完成这个计划,通过多读书能让自己多涨一些见识,技术也能更进一步。
经营公众号
由于W3cplus没有开发订阅功能(主要自己能力不及,这个功能一直没做成),所以借用微信公众号,向大家推送相关文章。主要是方便给喜欢W3cplus的同学,能第一时间获取最新发布的文章。如果您觉得W3cplus的文章对你有所帮助,欢迎大家扫二维码关注(现在有5千多的用户在关注(^_^),比起@情封的早读客来说,还是少得可怜,以后向@情封同学学习)。
2016年
一切计划都没有变化来得快,对于2016年,我只希望自己能比2015年更进一步...
梦想还是要的,说不定哪一天实现了呢?

布尔属性是HTML中的特殊属性,不需要值即可激活。1.布尔属性通过存在与否控制元素行为,如disabled禁用输入框。2.它们的工作原理是浏览器解析时根据属性的存在改变元素行为。3.基本用法是直接添加属性,高级用法可通过JavaScript动态控制。4.常见错误是误以为需要设置值,正确写法应简洁。5.最佳实践是保持代码简洁,合理使用布尔属性以优化网页性能和用户体验。

HTML代码可以通过在线验证器、集成工具和自动化流程来确保其清洁度。1)使用W3CMarkupValidationService在线验证HTML代码。2)在VisualStudioCode中安装并配置HTMLHint扩展进行实时验证。3)利用HTMLTidy在构建流程中自动验证和清理HTML文件。

HTML、CSS和JavaScript是构建现代网页的核心技术:1.HTML定义网页结构,2.CSS负责网页外观,3.JavaScript提供网页动态和交互性,它们共同作用,打造出用户体验良好的网站。

HTML的功能是定义网页的结构和内容,其目的在于提供一种标准化的方式来展示信息。1)HTML通过标签和属性组织网页的各个部分,如标题和段落。2)它支持内容与表现分离,提升维护效率。3)HTML具有可扩展性,允许自定义标签增强SEO。

HTML的未来趋势是语义化和Web组件,CSS的未来趋势是CSS-in-JS和CSSHoudini,JavaScript的未来趋势是WebAssembly和Serverless。1.HTML的语义化提高可访问性和SEO效果,Web组件提升开发效率但需注意浏览器兼容性。2.CSS-in-JS增强样式管理灵活性但可能增大文件体积,CSSHoudini允许直接操作CSS渲染。3.WebAssembly优化浏览器应用性能但学习曲线陡,Serverless简化开发但需优化冷启动问题。

HTML、CSS和JavaScript在Web开发中的作用分别是:1.HTML定义网页结构,2.CSS控制网页样式,3.JavaScript添加动态行为。它们共同构建了现代网站的框架、美观和交互性。

HTML的未来充满了无限可能。1)新功能和标准将包括更多的语义化标签和WebComponents的普及。2)网页设计趋势将继续向响应式和无障碍设计发展。3)性能优化将通过响应式图片加载和延迟加载技术提升用户体验。

HTML、CSS和JavaScript在网页开发中的角色分别是:HTML负责内容结构,CSS负责样式,JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容,确保语义化。2.CSS通过选择器和属性控制网页样式,使其美观易读。3.JavaScript通过脚本控制网页行为,实现动态和交互功能。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

SecLists
SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

SublimeText3 英文版
推荐:为Win版本,支持代码提示!

Atom编辑器mac版下载
最流行的的开源编辑器

禅工作室 13.0.1
功能强大的PHP集成开发环境