查看详情

SVG Sprite 入门（SVG图标解决方案）

关于浏览器图标解决方案，一直就有很多 CSS Sprite,Icon Font,CSS Icon以及SVG.相对而言svg矢量图标以及支持浏览器自身解析的优点，很多团队都已经在使用了。这篇文章主要说明svg图标的使用和制作。 演示地址 代码 SVG Sprite 传统的做法 使用AI或者合并SVG图像，然后用background-postion; 打开AI，新建一个30 * 60(px)的画布，设置好网格和参考线. 用AI打开svg文件，然后复制路径到画布上调整大小 其他就和css-sprite没有差异了 .icon-bg{ display: inline-block; width: 30px; height: 30px; background: url(./res/svg-sprite-background.svg); background-size:100% 100%; vertical-align: middle; } .icon-facebook-logo{ background-position: 0 0; } .icon-earth{ background-position: 0 -30px; } .icon-like{ background-position: 0 -60px; 详情 »

《创业日记－20160426》

天气晴 降温了，好在相差不多。买好了来去的厦门机票，好兴奋。 终于重新写了自己的简历了导航栏上的About Me.主要原因在于之前freleap站点下线，之前的简历找到不到了，于是便重新写了份。 今日和某校长聊教育，发觉这年头做教育的生意人真多，创业不能只靠情怀，靠情怀活不长。当然更不能忘记情怀。 信心真的是突然就会有的，你会觉得自己所做的事情是有意义并且合理的，也相信未来是值得期待的。 详情 »

查看详情

《创业日记－20160423》

天气晴。 今天又一次惨败，3:7。 为什么我们运气那么差，前一次题武警，这一次又踢去年冠军。 团队运动确实对各方面要求都很高，体力，技术，战术。大一第一次参加正规篮球比赛，体会最为深刻的就是体力，看着nba的运动员来回跑确实都是几十年的不断训练出来。团队运动确实最为磨练大家的心理素质，心理防线一倒，大家都会渐失去斗志的。 昨夜和Xie老板聊创业，艰难的是心理。所以安利一个视频吧，梅西的，《Don't go down》.创业的同伴和对手都加油吧，千万不要轻易倒下。 详情 »

《创业日记－20160421》

天气热。 请容许我用“热”字形容。夏天快到了。 今天工作心情就是： BUG,BUG,BUG beng~beng~beng~ Test,Test,Test,bang~bang~bang~ 人生就是不断的填坑，填自己的坑，填别人的坑。 累死宝宝了🐶~ 详情 »

《创业日记－20160419》

天气小雨转晴。 感觉是入春来的第二场雨，虽然没有怎么下起来，但湿答答的路面，窗外的水珠，确实让人怀念长沙阴雨延绵的春天。 对于雨的心情，自然有变化，有开心过，也有忧愁过。人其实控制情绪确实很难，什么时候能“畅所欲言”，什么时候能微言灼见，确实很难。有的时候会想起寝室半夜无休止的争吵至天亮，那个时候大家似乎都只针对一些事情，一些议题，没有对与错，重要的是发表自己的观点，理解他人的方向。其实，现在多少发觉争吵少了，少了吵了的人，少了吵了的事，所以，有的时候争吵未必是坏事。 详情 »

查看详情

使用JavaScript 进行单词发音

在w3c草案中增加了对Web Speech Api的支持;主要作用在 两个非常重要的方面: 语音识别 (将所说的转换成文本文字 / speech to text); 语音合成 (将文本文字读出来 / text to speech); 而chrome在版本33发布后宣布对该特性的支持;今天重要介绍第二部分。 演示地址 文档和演示代码 开始使用 // 你可以直接打开你的控制台粘贴下面代码 var words = new SpeechSynthesisUtterance('Hello captain'); window.speechSynthesis.speak(words); 当然你还可以修改很多参数去调整你的发音: volume:声音; rate:发音速度; pitch:音调; voice:声音; language:语言(en,zh,ja...更多参考) var msg = new SpeechSynthesisUtterance(); var voices = window.speechSynthesis.getVoices(); msg. 详情 »

《创业日记－20160416》

天气晴。 今日早起体检，相比去年发觉变化不太多。医生建议少吃点辣的食物。游泳戴上耳塞，确实自己最近游泳都没怎么用，虽然没有感觉到不适。相比秋天，胖了2斤，可能是电子厂的误差，确实自己觉得应该维持在116左右卡到好处。 锻炼，无论是跑步还是游泳还是Nike Traning Club我觉得对个人改变最大的是三方面。一是大脑的放松，工作久了，持续的电脑面前作业，确实到了一定时间段会是非常疲惫的。转换下，让大脑放松也是提高工作效率。而另一方面则是个人体质的增强，锻炼确实对于减肥，免疫，塑形都有很大的帮助。话说学习新技能(游泳)和不断提高旧技能（篮球，耐力）也算第三点吧。 最近《跑男第四季》又开始播了，不过至今还是觉得《韩国行》那期最棒。似乎，浙江卫视的跑男和好声音，似乎一年就完了。已是4月中旬，16年。 详情 »

查看详情

React Native最佳学习模版- F8 App开源了

在刚刚结束的Facebook f8开发者大会不久。FB开源了自己的f8 App。 界面和体验都是相当精美的。 React Native 项目用的自己啊的React Native，可以同时build iOS和 Android.相信不少学习react native的人也希望看看FB团队自己怎样去写App的吧。正如介绍中一样，我们可以看到他们所用到的一些关键词:React Native, Redux, Relay, GraphQL。 开始构建 环境需要React Native,CocoaPods 1.0+ (only for iOS),MongoDb（服务端使用） git clone项目 $ git clone https://github.com/fbsamples/f8app.git $ cd f8app 安装依赖 (npm v3+): $ npm install $ (cd ios; pod install) # only for iOS 详情 »

何时才能忆起健康

今日预约了体检。似乎体检变成了一年一度的大考。告别了那么多纸面上的考试，面对的健康的考试所少是会紧张的。害怕突如其来的不幸。害怕医生突然的神情凝重。 不过对比去年，不爱长跑的自己还是跑完了200km，春天办了张游泳卡🏊，下水了十几次，虽然对全潜式自由泳的掌握还么那么熟练，但是越发觉得对水的畏惧已没有以前。唯独遗憾的是大冬天都没怎么碰过篮球，希望转暖后，还是可以投入到篮球的训练中。 所以自认为自己哈哈，体检报告比去年应该会好点吧，希望体重降了，长高了，各项正常😄😄😄 详情 »

《创业日记－20160413》

天气雾霾。 最近提交了很多东西，一个design.jackpu.com终于推了新版，却发现web优化要做的太多，不然真的容易卡死。在behance提交了四个作品，把page view刷到了134,不过依旧在焦急等待dribble invites.给Cssgram提交了PR，以及做了新的DEMO，在等待老外replay。自己所做的绘画练习也到13。总之其实想关注几位FB的工程师和他们的博客。都不容易，继续努力吧。 开始加入微信页面，主要支持用户反馈和帮助。我觉得现在到了第二阶段，其实越发觉得性能还需要有进一步的优化。 今天在看去厦门的机票了，不出意外还是希望完成5月份去见一次室友。😊 详情 »