HTML/CSS 速写神器：Emmet

2014-01-04 W.Y.
HTML CSS
在前端开发的过程中，一个最繁琐的工作就是写 HTML、CSS 代码。数量繁多的标签、属性、尖括号、标签闭合等，让前端们甚是苦恼。于是，我向大家推荐 Emmet，它提供了一套非常简单的语法规则，书写起来非常爽快，然后只需要敲一个快捷键就立刻生成对应的 HTML 或 CSS 代码，极大提高了代码书写效率。 more Emmet 的前身是大名鼎鼎的 Zen coding，它是一个编辑器插件，需要基于指定的编辑器使用，官方网站提供多编辑器支持，目前它支持的编辑器如下： Sublime Text Eclipse/Aptana TextMate Coda Espresso Chocolat Komodo Edit Notepad++ PSP 继续阅读 »

百度Web前端技术学院(1)-HTML, CSS基础

2015-04-15 浩阳
Baidu ife HTML CSS task
content {:toc} 百度前端学院的第一次任务笔记，HTML、CSS 基础。主要有 CSS 工作原理，选择器的使用，常用属性，行高属性，盒模型与定位，最后根据设计图实现4个页面。 任务 任务： HTML、CSS基础 继续阅读 »

自定义元素：在 HTML 中定义新元素

2015-02-02 W.Y.
Custom Elements
引言 现在的 web 严重缺乏表现力。你只要瞧一眼“现代”的 web 应用，比如 GMail，就会明白了： 堆砌 的方式一点都不现代。然而可悲的是，这就是我们构建 web 应用的方式。在现有基础上我们不应该有更高的追求吗？ 时髦的标记，行动起来！ HTML 为我们提供了一个完美的文档组织工具，然而 HTML 规范定义的元素却很有限。 假如 GMail 的标记不那么糟糕，而是像下面这样漂亮，那会怎样？ html Feelin' this Web Components thing. Heard of it? ... 继续阅读 »

markdown学习笔记

2016-04-14 zzyhappyzzy
markdown
markdown的目标是实现: 易读易写 1、兼容html。 A paragraph in HTML displayed as code html A paragraph in HTML displayed as code 2、不在markdown涵盖范围之内的标签，都可以直接在文档里用html编写，不需要额外标注。 3、html文件中，有两个字符需要特殊处理：<<和&&。<用于起始标签，&用于标记html实体。插入版权符号©© 4、段落的前后要有一个以上的空行，普通段落不需要空格或制表符来缩进。 继续阅读 »

Teach Girlfriend to make a Web Pages like Zhihu

2015-03-21 浩阳
BootStrap HTML CSS Zhihu
content {:toc} My girlfriend is learning html and css recently. I told her to follow the video. Here, I recommend a video in Chinese that suite for fresh learners. The name of course is Getting HTML web pages dev in 8 hours ( 8小时学会HTML网页开发 ) . I watched this video at very first time. The teacher named Eighteen Swallows 继续阅读 »

用 webpack 打包多个 html

2017-09-09 jude
更新 项目基于 webpack 2.X 版本，对应的源码在 master 分支；如果想使用 webpack 4.X ，请切换到 webpack4 分支。 webpack 4.X 大致思路不变，但配置 webpack 时的写法有变，同时可能要升级一些依赖。当控制台提示某个包缺少相应版本的 webpack 时，直接 npm install 包名 升级那个包就行。 继续阅读 »

java开发者常用软件下载地址收集

2016-11-14 blademainer
java tool download
这里收藏工作中用到的下载地址，也为了防止做重复的搜索工作，同时分享给大家。 more java相关 api https://docs.oracle.com/javase/8/docs/api/index.html javase http://www.oracle.com/technetwork/java/javase/downloads/index.html server-jre8 http://www.oracle.com/technetwork/java/javase/downloads/server-jre8-downloads-2133154.html linux wget下载 java8 wget --no-check 继续阅读 »

如何写好CSS？（OOCSS\DRY\SMACSS）

2014-03-16 Zhang zhengzheng
css oocss drycss smacss
很久没有写博客了，一是刚入职比较忙，二是因为总有学到新的有趣的东西，停不下脚步来总结一下。最近出差到了帝都，反而能挤出些时间来写点什么了，也正好趁着出差做的这个项目讨论一下CSS理论。 我现在面对的CSS基本上就是一个三头六臂的怪物，一点不夸张，因为真的是三头六臂，同一个样式在同一个element上作用了好几遍，而同一个样式又分散在4，5个class上，优先级有很多层。可以看得出这个怪物不是一个人造就的，早期的开发者选择了SCSS技术，但混乱的import导致了一些基本的样式被多次调用，而后面的开发者又为了摆脱之前的混乱引入了其他共用样式，但无济于事。原因出在HTML上，CSS依托于HTML没有被正确的抽象，而HTML又完全的依赖 继续阅读 »

Textarea 的高度自动增长

2017-01-20 Oliver Wang
textarea html
一般情况下，textarea 的高度是定死的，rows 指定了之后，高度就不变了，内容多了之后会出现滚动条，这样的设定在大部分的场景下面是够用的， 但是有时就会很丑陋（废话😊）。 我们都知道 HTML 的元素都有一个 scrollHeight 这个属性，就是当该元素出现滚动条的时候，内容的高度。 那就方便了： js $(".weui-textarea").on('input propertychange keyup',function () { $(this).height(this.scrollHeight); }); 这样就实现了高度自动增加的 Textarea，但当我试着删掉几行，想让它自动降低高度的时候不禁菊花 继续阅读 »

个人服务器搭建Hexo博客（Windows篇）

2017-01-11 Mystery0 M
Hexo 博客
说在前面 由于我也是第一次搭建，所有如果有什么地方说的不对，请大家提出来。很早之前就想从WordPress换到Hexo，倒不是说WordPress不好，只是不知道为什么我的后台页面是英语，一脸懵逼，也没去管，正好看到朋友自己搭建的挂载github上的博客非常好看，所以想搭一个Hexo看看。于是有了这篇教程。 Hexo原理 经过这一天的折腾，大改理解了Hexo的原理。首先我们写的博客源文件是md文件，然后经过Hexo的解析，生成html文件和文件目录，然后直接访问这些html文件就能浏览到对应的文章。至于将html文件推到github或者个人服务器上，就是作者自己的事情了。 此文使用配置 Windows10 PC ×1 Ub 继续阅读 »