惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

G
Google Developers Blog
博客园 - 聂微东
J
Java Code Geeks
Engineering at Meta
Engineering at Meta
Jina AI
Jina AI
D
Docker
B
Blog
S
SegmentFault 最新的问题
宝玉的分享
宝玉的分享
D
DataBreaches.Net
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Y
Y Combinator Blog
N
Netflix TechBlog - Medium
月光博客
月光博客
F
Fortinet All Blogs
爱范儿
爱范儿
H
Help Net Security
腾讯CDC
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
WordPress大学
WordPress大学
The Cloudflare Blog
有赞技术团队
有赞技术团队
T
Tailwind CSS Blog
U
Unit 42

张鑫旭-鑫空间-鑫生活

1分钟速度了解text-align match-parent声明 « 张鑫旭-鑫空间-鑫生活 光标的形状也能设置了,就是CSS caret-shape属性 « 张鑫旭-鑫空间-鑫生活 pretext与文字四面环绕效果的实现 « 张鑫旭-鑫空间-鑫生活 JSON.rawJSON方法的作用是什么? « 张鑫旭-鑫空间-鑫生活 如何使用CSS判断鼠标从哪个方向进入元素? « 张鑫旭-鑫空间-鑫生活 借助mediabunny纯JS实现视频水印、剪裁、合成等功能 « 张鑫旭-鑫空间-鑫生活 务必谨慎使用JS WeakRef弱引用 « 张鑫旭-鑫空间-鑫生活 CSS六边形头像的实现与蜂巢布局 « 张鑫旭-鑫空间-鑫生活 CSS corner-shape与背景底纹技术 « 张鑫旭-鑫空间-鑫生活 浅学WebTransport API:下一代Web双向通信技术 « 张鑫旭-鑫空间-鑫生活 HTML dialog元素新支持了closedBy属性 « 张鑫旭-鑫空间-鑫生活 HTML interestfor属性与悬停popover交互效果 « 张鑫旭-鑫空间-鑫生活 CSS3模拟window7炫酷界面效果展示 « 张鑫旭-鑫空间-鑫生活 图片旋转+剪裁js插件(兼容各浏览器) « 张鑫旭-鑫空间-鑫生活 纯js无图片无外链CSS图片幻灯片播放插件 « 张鑫旭-鑫空间-鑫生活 CSS border三角、圆角图形生成技术简介 « 张鑫旭-鑫空间-鑫生活 CSS “渐进增强”在web制作中常见应用举例 « 张鑫旭-鑫空间-鑫生活 让IE6/IE7/IE8浏览器支持CSS3属性 « 张鑫旭-鑫空间-鑫生活 jQuery – 高亮动态显示页面HTML代码插件 « 张鑫旭-鑫空间-鑫生活 翻译 – 逐渐消失的Flash网站 « 张鑫旭-鑫空间-鑫生活 CSS reset的重新审视 – 避免样式重置 « 张鑫旭-鑫空间-鑫生活 新浪微博插入话题后部分文字选中的js实现 « 张鑫旭-鑫空间-鑫生活 JavaScript实现http地址自动检测并添加URL链接 « 张鑫旭-鑫空间-鑫生活 CSS实现兼容性的渐变背景(gradient)效果 « 张鑫旭-鑫空间-鑫生活 CSS content内容生成技术以及应用 « 张鑫旭-鑫空间-鑫生活 CSS gradient渐变之webkit核心浏览器下的使用 « 张鑫旭-鑫空间-鑫生活 CSS渐变之CSS3 gradient在Firefox3.6下的使用 « 张鑫旭-鑫空间-鑫生活 区分IE8/IE7/IE6及其他浏览器-CSS “\9″hack « 张鑫旭-鑫空间-鑫生活 CSS实现跨浏览器兼容性的盒阴影效果 « 张鑫旭-鑫空间-鑫生活 CSS3&HTML5各浏览器支持情况一览表 « 张鑫旭-鑫空间-鑫生活
我要上头条——鑫表情包1.0正式发布 « 张鑫旭-鑫空间-鑫生活
张鑫旭,zhangxinxu · 2013-12-19 · via 张鑫旭-鑫空间-鑫生活

by zhangxinxu from http://www.zhangxinxu.com
本文地址:http://www.zhangxinxu.com/wordpress/?p=3845

关于技术文章

互联网世界,技术文章就像牛魔王身上的虱子——抖也抖不完!

你的文章如何从这茫茫多的文章中脱颖而出?

寻找差异,保持特色!

韩国小姐选美,你不整容,脱颖而出;农村选美,你去整容,脱颖而出。

技术文章的普遍特定是什么?

答曰:术语连串,语言干巴。

于是,如果你的文章通俗易懂,富有情感,自然容易受到亲睐啦!

如何通俗易懂?如何富有情感?

“通俗易懂”的要诀很简单,换位思考:“如果你是小白,你能看懂你自己写的东西吗?如果不懂,多想想其他易懂的方式讲解。” 这种思考是需要时间与精力的,好的作品都是要融入自己的精力、思考以及责任心在里面的。如果你没有意识到这点,心理上没有足够的准备,又想写出好的技术文章,很难,至少很难坚持。

“富有情感”略抽象。毫无作用的解释就是:“语言中要融入情感”。OK,语言融入情感大家都知道,关键如何融入。我的一点心得是,你脑中想的不要是技术,而是人,我要跟这个人交流,我要跟他分享,我要跟他互动。可能不知不觉中,你的语言就有了情感。当然,还有一种更简单直接,大家都会使用的方式,就是在文字中穿插表情图片表达你此时的感受。

我们QQ, 或微信聊天都会用表情。为何文章中部用用呢?不要觉得插图麻烦,所谓一分耕耘一分收获。文章本身就是一种沟通与交流,只是你的交流对象是潜在的。

关于品牌

如果你的东西一如既往的好,久而久之,即使不主动宣传,也会形成品牌。

此时,你除了关注内容、作品之外,还需要关注下品牌的建设。

我们可以看到身边很多例子。比方说淘宝系的淘公仔,对吧;淘宝页面的loading.gif图片都是淘公仔的形象。这就是一点一滴的品牌建设。

作为一个个人网站,所谓的“品牌建设”其实很简单。尽量使用自己的的东西,且必须带有明显的个人特色或标示的。比方说视频播放器(流量原因,现在用的优酷的,以前使用的是自己制作的),插图、表情以及漫画等。

这完全无关专业、美感等。重要的就是展现真实的你,原本的你。

其实,反倒是你的东西显得不是很专业,才能和云云多的普通人形成共鸣,更容易得到他们的支持与认可。——群聚效应。

关于鑫表情

早在去年,也可能是去年的去年了,我已经开始在文章中不断使用具有自己特色的表情图。当时可能只是因为funny. 不过从大家的反馈来看,挺有意思,虽然没什么技术含量,但有特色。甚至有人提议可以弄一套表情包,我把这个建议一直放在了脑中。

于是在后来的日子里,偶尔就会因为文章需要补一两个表情。久而久之也有了一定的数量。

今年来到了新的团队,有很多非常出众的视觉设计师,她们绘制的表情,哇哦~~我怕是坐上火箭都追不上。但是,我在跟他们在群里聊七聊八时候,偶然冒出的几个鑫表情得到了他们的赞许,觉得挺有意思的。同事建议我可以搞了表情包,发给他们用用。甚至有同事说我这套表情一定会火的。

“就算你说会火我也不会高兴的,你这混蛋”
hipi表情 鑫表情

我擦,你这明明是高兴的表情好吗?
小吃惊 鑫表情

于是,就在今天,趁着ieBetter.js的余热,与汪峰不冲突日子,决定发布我的“鑫表情包”。

首批表情共45个,参见下面的缩略图截图(不含上面两个为文章临时鼠绘的):

鑫表情包目前的45个表情

所有表情图片都是白色背景,黑色线条,基本都是静态,全部都是.gif后缀,尺寸为150像素*150像素。

鑫表情下载

QQ表情包已放在微云上,点击后面地址下载:鑫表情.eif

如果您对表情包无感,喜欢原汁原味的图片,也有下载,我已经打包成zip包:鑫表情.zip

会不定期更新哦。

调皮 鑫表情

表情绘制教程

下面录制的视频演示的如何画一些鑫表情特色的表情,你会发现,要完成一个表情,其实只要30秒,通俗易懂,人人可以上手,人人都可以称为插画家。

首先,你需要安装adobe photoshop. 然后……

哈,下面这张就是上面视频演示的表情图啦。

可爱表情 鑫表情

哈哈,于是就有46个表情了~

可爱表情 鑫表情

最后,号召一下:
ladys and 乡亲们,帮忙传播吧,让他火起来,上头条!

威武 鑫表情

本文为原创文章,转载请注明来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]
本文地址:http://www.zhangxinxu.com/wordpress/?p=3845

(本篇完)