如何快速学习前端

前阵子在找资料的时候,从Google Fundamental网站发现一个学习链接,点过去以后发现居然是一个中文网站,而且课程提供方居然是像Google、Facebook、Amazon这种级别的厂商。因为有免费试听,于是就开了一个前端学位,然后发现免费试听只有一周时间…于是就疯狂看了一周……

结论而言…这是我见过的网校(加上我听说过的培训班中)性价比最高的…这个名为优达学城的网站,实际上是一个国际化的计算机技能培训(网校)……2017年的第一篇文,居然是没给广告费的网校广告(捂脸……),下面说一下这个网站的优点:

阅读全文

CSS background 属性使用手册

background 属性是CSS中用于设置元素背景的属性,最简单的background属性名,是针对背景若干设定的合并简写,最早的CSS只能使用单一背景图片,而在现在却可以设置多个背景图片。而不用图片的话,最早的background只能使用纯色填充,现在却可以使用各种渐变效果。现在所用的模型来自于CSS Backgrounds and Borders Module Level 3所定义的规范,主要分成了8个子属性。

阅读全文

从菜鸟到行家,从面条说起

这几天在给公司页面加新功能,前前后后改了三四天。我司的代码混乱不堪的程度,让“找到需要改的部分”都成为了一项技能,对,我时不时就会收到帮忙找文件的请求……添功能本身不是件麻烦事,大部分的时间用来整理代码结构和逻辑。我把其中一部分面条截图给小伙伴,相顾无言,唯有泪千行。

花了一整天把功能整理好,重写了方法,回头想了想,我大概又 Level Up 了。如果说美工和设计师,打字工和程序员有什么质的区别,可能很多人都会说,学习和思考。学什么,想什么,如何判断哪些东西是自己要学的,如何判断哪些东西是自己该想的,却鲜少有人提及。我也只是想站在设计师与程序员的夹缝地带聊一聊这些事。

阅读全文

【译】使用客户端查询托管响应式图片

很多人都对响应式图片略有耳闻,至少也从经验者那里学到过一二。毋庸置疑,响应式图片标准是网络的伟大胜利。然而不少线报都表示响应式图片不怎么好看
好消息是我们能解决这个问题!不用向JavaScript扔去挑战,只要请服务器伸出援手。输入Client Hints(客户端提示),Google牵头的这项技术已经可以在浏览器(Chrome和Opera)上使用,而且非常好用。我们来看一下Client Hints是如何减少图像体积与冗长的响应式图片标记的。

阅读全文

在线创建美图表、流程图

之前写醍醐灌奶酪的时候,做了一张很大的图。可以说,当时写文查资料只占那篇文全部精力的一半,剩下一半则是作图 ><。

在我记忆里这种图用 Axure 或者 AI 也不是不能画,但是好死不死我电脑里并没有这两个软件也并不想装。我相信万能的互联网会给我答案!经过一番筛选,我也成功找到了心仪的它 XD,它就是——Gliffy

阅读全文

来一起玩定向吧 ><

7月底的时候去了一趟瑞典,参加了传说中的五日赛。早在第一次听说全世界最大的定向越野比赛的时候,就心驰而神往,之后每年都念叨着想要去,今年终于算是得偿所愿(下面这个是2016年五日赛的宣传视频)

阅读全文

弹弹弹,弹出好多框框

我们有一个设计师吃货群,聚集了两岸三地海内外的华人吃货话唠设计师,设计师和吃货都是关键词。因为人员背景复杂,经常会出现常用名词都互相不了解的情况,曾经因为“意面”一个词热烈讨论了一个多小时,大抵结论就是台湾的意面并不像内地这样特指意大利面(当然也不是Pasta),是另外一种做法的鸡蛋面(虽然他们当地人也一直说不清2333)。光中文就搞成这样,英文就更不用说,之前群里聊起来 dialog 和 modal 到底哪里不同要怎么用的问题…虽然我觉得用弹出窗口、对话框、气泡提示之类的中文可能更好理解,但是群里很多人表示还是讲英语省得搞不清(虽然我觉得在这里中文反而讲得清…),所以我过来理理清~

阅读全文

Date对象及其使用要点

前阵子做了一个倒计时的促销,需求很简单,在活动开始前显示活动即将开始的文字,活动中显示倒计时的时钟,在活动结束后显示活动结束的文字。快刀斩乱麻地做了一个本地Demo,用var now = new Date()获取现在的时间,用Date的构造函数创建了开始时间和结束时间,然后减一下判断一下就OK……

调试通过之后准备用Ajax把当前时间换成服务器时间,就搞定了……本以为是这样简单的事…后来发现自己 too young too simple

阅读全文

醍醐灌奶酪

某次和朋友去逛吃,在北京有一种名为“老北京奶酪”的食物,吃起来其实有点像老酸奶…虽然一直以来对于“奶酪”的印象应该是停留在《猫和老鼠》里面 Jerry 最爱的那个黄色的长满了洞洞的玩意儿,但是基于近年来对食物的不断深入的认识及体验,我知道事情远没有这么简单!

阅读全文

如何通过CSS设置打印页面

在这个无纸化的时代里,打印似乎是离我们越来越遥远的事情了(对!我只会写冷门和偏门的东西!),当然我们也不能因此忽略掉这部分用户的需求。像是预订的订单,产品的规格书这些,多少还是有打印需求的。而且如果页面有做过打印适配的话,用户(虽然可能只有1%)也会很高兴啦 XD

阅读全文