设计师必读的15个响应式网页设计教程

@陈子木 响应式设计是由著名网页设计师Ethan Marcotte在2010年5月提出的设计概念,随后席卷前端和设计领域,成为了如今网页设计的大趋势。正如同Ethan所说:“响应式网站设计提供了一种全新的选择,这种基于栅格布局和CSS3的流动性网页设计,可以让网页随着屏幕变化而响应。这是一种更为统一,更加全面的设计技巧,一种打破网页固有型态和限制的灵活设计方法。” 这种兼顾多屏幕多场景的灵活设计,这就是响应式设计令 人着迷的所在。这一点和编程开发领域所追求的“一次编写,到处运行”有着异曲同工之妙。所以它在短短几年内迅速火起来,然后成为大趋势,可以说是意料之 中,水到渠成。响应式设计的网页现在已经很多了,… Read More

响应式网页设计应该注意的9个原则

响应式网站越来越受到大家的欢迎,有利也有弊的因素。它没有固定的页面尺寸、没有毫米或英寸,没有任何物理限制,让人感到无从下手。下面就和大家分析如何运用响应式web设计的各项基本原则来实现。为了简单起见,就说说响应式网站的布局。希望对你有所受益。 1、Web字体Vs系统字体 想 让自己的网站拥有炫酷的Futura或Didot效果吗?那就是用web字体吧。尽管web字体看起来很炫酷,但你要记住,这些字体都需要用户下载,字越 多,用户加载页面的时间也就越长。另一方面,系统字体加载速度则快得多(前提是用户本机就有),但太过普通。这里有很多适合制作web的网页字体。 2、移动优先还是台式桌面优先 严格来说,项目从小屏… Read More

Shopify 英文(多国语言)国际网店 注册指南

点击这里 快速注册 shopify 英文网店 可以获得14天免费试用,注册完成后 您可以设置您的网站,添加您产品,快速预览你的网店 , 开启国际电子商务之旅注册时注意以下几点 1 . 注册时使用的管理员邮箱,与paypal账户同一个邮箱,默认注册完成后绑定你的paypal账户 2.  在安装时 选择 shopify online store system 可以同时使用 shopify pos system 费用是29元一月 3. shopify 系统支持除英文以外,世界上所有国家主流语言,包括中文简体,繁体,俄罗斯文,德文, 法文,西班牙文等等,可以通过非常简单设置,来完成你所需要的国家语言, 4.  如果你只需要信用卡刷卡机器和shopify… Read More

Shopify:删除版权信息 Powered by Shopify 在网站底部

进入编辑 Edit HTML/CSS  页面. 打开 Layouts 文件夹, 点击 在 theme. 打开在线原代码编辑板. 使用键盘 Ctrl+F (或者 Cmd+F 在 Mac 系统)  搜索 {{ powered_by_link }}.如果不能找到? 每个模板有一点点不一样, 所以我们要找到这个标签有点不一样在模板文件. 或者点击这里查看 Shopify Themes 假如你不能找到你的标签 或者你有一个 制作来自 Shopify 模板. 删除 {{ powered_by_link }}来自你的模板 保存,并退出 Shopify 模板 假如正在使用 Classic, Pop, Solo or Supply, 标签在你的底部文件 footer.liquid sni… Read More

PHP简单方法判断文件是否是图片 PHP best way to check if file is an image

(PHP 4 >= 4.3.0, PHP 5, PHP 7) exif_imagetype — 判断一个图像的类型 图像类型常量 值 常量 1 IMAGETYPE_GIF 2 IMAGETYPE_JPEG 3 IMAGETYPE_PNG 4 IMAGETYPE_SWF 5 IMAGETYPE_PSD 6 IMAGETYPE_BMP 7 IMAGETYPE_TIFF_II(Intel 字节顺序) 8 IMAGETYPE_TIFF_MM(Motorola 字节顺序) 9 IMAGETYPE_JPC 10 IMAGETYPE_JP2 11 IMAGETYPE_JPX 12 IMAGETYPE_JB2 13 IMAGETYPE_SWC 14 IMAGETYPE_IFF 15 IMAG… Read More

shell中的括号(小括号,中括号,大括号/花括号)

一、小括号,园括号()   1、单小括号 ()     ①命令组。括号中的命令将会新开一个子shell顺序执行,所以括号中的变量不能够被脚本余下的部分使用。括号中多个命令之间用分号隔开,最后一个命令可以没有分号,各命令和括号之间不必有空格。     ②命令替换。等同于`cmd`,shell扫描一遍命令行,发现了$(cmd)结构,便将$(cmd)中的cmd执行一次,得到其标准输出,再将此输出放到原来命令。有些shell不支持,如tcsh。     ③用于初始化数组。如:array=(a b c d) 命令替换$(cmd) 命令替换$(cmd)和符号`cmd`(注意这不是单引号,在美式键盘上,`是ESC下面的那个键)… Read More

给程序员的VIM速查卡

前几天酷壳发布过“vim简明攻略”,不知道大家练得怎么样了。如果你练了一下,那么这里这个速查卡就会对你有帮助了。以前本站也有过一个(vim速查卡),不过其太简单了。我觉得这个很不错,很全,很直观。这个速查卡来自这里。其用颜色标注了级别:   Green   = 存活级   Yellow   = 感觉良好   Orange   / Blue = 高级   Red   = 专家级 下面的图片点击可以看大图: 你还可以下载PDF版的和Excel版的,如果你是色盲的话,还有蓝色版PDF的。如果你不是很喜欢的话,这里还有几个: http://www.viemu.com/a_vi_vim_graphical_cheat_sheet_tu… Read More

游戏:VIM大冒险

不知道大家是否还记得“Vim简明攻略”呢?你是不是对Vim的那一大堆热键很头痛呢?现在好好,下面这个游戏是一个使用VIM热键玩的游戏。你可以在玩游戏的过程中熟悉Vim的热键。 你可以点击图片,或是图片下的网址打开这个游戏 http://vim-adventures.com/ 我试玩了一下这个游戏,真的很不错,下面是一些我给的游戏攻略。 第一关,场景一,首先是使用vim的h, j, k, l四个键来控制方向。(如果你妄图使用光标键的话,系统会出现黄色警告的)你需要使用h, j, k, l 四个方向走到图的右边,找到一把钥匙。(注意:迷宫墙上有些斜面,你可以通过斜面),找到钥匙后,钥匙会出现在你的右上角的位置,示意着你… Read More

程序员技术练级攻略

月光博客6月12日发表了《写给新手程序员的一封信》,翻译自《An open letter to those who want to start programming》,我的朋友(他在本站的id是Mailper)告诉我,他希望在酷壳上看到一篇更具操作性的文章。因为他也是喜欢编程和技术的家伙,于是,我让他把他的一些学习Python和Web编程的一些点滴总结一下。于是他给我发来了一些他的心得和经历,我在把他的心得做了不多的增改,并根据我的经历增加了“进阶”一节。这是一篇由新手和我这个老家伙根据我们的经历完成的文章。 我的这个朋友把这篇文章取名叫Build Your Programming Technical Skills… Read More

程序员眼中的编程语言

下图是一个搞笑的图片——程序员眼中的编程语言。 图片的横轴是编程语言。 纵轴是各语言的程序员、粉丝、信徒。 中间的各个小图片则是,粉丝眼中的编程语言的形象。 比如说, 第一行第一列,是Java程序员看Java语言的样子,一幢现代化的大厦。 第一行第二列,是Java程序员看C语言,一个年老过时的骨灰级老头。 当然,C程序员看Java语言也比较搞,见第二行第一列。呵呵。 其它的大家自己看吧。还有另外一个关于操作系统的《粉丝眼中的操作系统》   本文:程序员眼中的编程语言… Read More

粉丝眼中的操作系统

在发布完《程序员眼中的编程语言》一文后,发现网上还有一个关于操作系统的。如下所示。 图片的横轴是三大操作系统。 纵轴是各操作系统的粉丝和信徒。 中间的各个小图片则是,粉丝眼中的操作系统的形象。 本文:粉丝眼中的操作系统… Read More

php实现畅言留言板和网易跟帖样式

我要实现的就是下图的这种样式,可参考下面这两个网站的留言板,他们的实现原理都是一样的 http://changyan.sohu.com/blog/?p=177 http://www.reddit.com/r/wow/comments/2y6739/method_vs_blackhand_mythic_kill_video_world_1st/   和 原理 需要在评论表添加两个主要字段 id 和 pid  ,其他字段随意添加,比如文章id、回复时间、回复内容、回复人什么的。 其中pid就是当前已经回复过的评论的id。 从上图可以看出,里面每一层的pid就是就是他上一层评论的id。仔细观察下上面的布局。是不… Read More

php将json格式的数据直接存入mysql数据库

直接使用php函数 json_encode ,数据存入mysql时会报错: $imgs_str = json_encode($imgs_array); $update_query = "updatearticleset imageList = $imgs_str where id = $targetid"; 解决方法 json编码后的数据是这样的: {"key":"value"} 那sql就是这样的: insert into `table` (`field`) values ("{"key":"value"}") 所以就出错了 完整代码: $data = json_encode($array); // 过滤 $data = addslashes($data); /… Read More