图书

  • Telethink 7推荐

    Image Map,是映射还是地图?

    Image map大家想必都不陌生。网页上经常见到这样一种图片:在上面点击不同的位置会导航到不同的地方。这就是Web世界沿用多年的Image Map技术。记得当年学第一本HTML方面的书时,先粗略浏览了一下目录,忽然见到“图像映射”四字,只觉心中一凛,暗想这是个什么高深物事,名…...

  • 天方夜 7推荐

    浏览器的渲染:过程与原理

    内容说明 本文不是关于浏览器渲染的底层原理或前端优化具体细节的讲解,而是关于浏览器对页面的渲染——这一过程的描述及其背后原理的解释。这是因为前端优化是一个非常庞大且零散的知识集合,一篇文章如果要写优化的具体方法恐怕只能做一些有限的列举。 然而,如果了解清楚浏览器的渲染过程、…...

  • 海兴 6推荐

    你知不知道屏幕后面长了一棵树

    不管你在刷朋友圈,还是在购物,或者在看新闻,你所看到的都是浏览器呈现给你的。 现在的网页一般都很复杂,里面有各种图片、不同字体和颜色的文字、音频和视频、动态菜单等等。但在呈现到你眼前之前,浏览器从网络另一端的服务器上得到的只有一行行的代码。它要把那些杂乱的代码变成一副规整的画…...

  • 张玳 6推荐

    结构化HTML和CSS

    对于结构化HTML和CSS的一些思考。 网页的三个构成部分 网页是由三个部分构成的:结构、展示和内容。变动最大的是内容,随时都有可能变。其次是展示,而最稳定的是结构。 结构化 HTML 网页的结构分成两个,一个是其信息结构,一个是其 HTML 的结构。HTML 本身应该…...

  • berlinix 6推荐

    从HTML入手

    十月中旬的时候,我说到要教一位唤作程咬金的门外汉学习编程(参考本合集第一篇),转眼到十二月中旬,是时候简单总结下这两个月的进度了。 起初,我建议程君从网页编写开始了解编程。最简单不过写HTML了吧,无需任何的配置与编程环境,在开始的第一个10分钟内,用熟悉的浏览器打开即可看到…...

  • 羡辙 3推荐

    02 - Dive into HTML

    Please visit http://zhangwenli.com/blog/2014/05/02/02-dive-into-html/ for more information. What will you learn in this … ...

  • 尛沫 3推荐

    谈谈HTML的基础认知

    HTML标记是由“<”和“>”所括住的指令标记,用于向浏览器发送标记指令。主要分为:单标记指令、双标记指令(由“<起始标记>”+内容+“”构成)。HTML语言使用标志对的方法编写文件,既简单又方便。它通常使用“<标志名>内容< /标志名…...

  • 高翌翔 3推荐

    偶得新玩具——通用文档转换器Pandoc

    话说[图灵社区][]测试版上线后,从功能到风格都很棒。俺经常回帖并积极参加社区活动。前几天社区中发起了[iTran乐译第1期][]的活动,俺申领了文章[How Logical AND and OR Operators Actually Work in Javascript.](…...

  • 高翌翔 3推荐

    [翻译]《Pandoc用户指南》之一

    摘要 pandoc [options(选项)] [input-file(输入文件)]… 描述 Pandoc是一个用于从一种标记格式转换为另一种的Haskell库,还是一个使用该库的命令行工具。它可以读取[markdown](http://daringfireball.ne…...

  • 炎藤 3推荐

    百度地图 JavaScript 开发入门

    这里有相当丰富的示例和演示: http://developer.baidu.com/map/jsdemo.htm#b0_7 最基本的元素: Access Key,必须先从百度 API 控制台那边申请到,地址: http://lbsyun.baidu.com/apicons…...

  • 炎藤 3推荐

    上下居中的处理方式

    1. 幽灵杠杆法(推荐) 我最早是在中国的网站上看到的,这种方法看似比较简单,实际上还是很有内涵的。简单的说是就是通过添加一个有高度的隐形元素来撑高整个 DIV。深入一些,这里用一个 inline-block 就解决了兼容问题了。这是我目前看到的最简单的,并且又能实现兼容的方…...

  • 炎藤 3推荐

    [草稿] CSS Reset 中应该处理那些元素呢?

    目前前端开发比较趋向于标准化,比如都要处理一下 body 的 padding 和 margin 好让不同的浏览器都达到意向的显示效果,又比如字体的处理,中文比较多是用雅黑,可是这个不是所有系统都支持的(MacOS 10% 的市场不要了吗?那也是大概1亿左右的用户呀!Linux?…...

  • 网事已疯 2推荐

    利用Qt将网页保存为PDF

    blog文章地址[http://www.godebug.org/index.php/archives/129/][1] 起因是在群里和大家讨论自己做一个图灵社区的客户端,说没有API不好搞,后来fairjm童鞋发了个[java版的豆瓣日志转pdf的文章][2],我忽然想用C++…...

  • 高翌翔 2推荐

    [翻译]关于通用文档转换器Pandoc

    [Pandoc][]——通用文档转换器。[在线试用Pandoc][] (提示:从HTML源码转换为Markdown格式应设置为,from HTML to Markdown (strict)) 如果你需要将文件从一种标记格式转换成另一种的话,那么Pandoc就是你的瑞士军刀。…...

  • jjfat 2推荐

    推荐十款来自极客标签的超棒前端特效[第十三期]

    本周,我们带来了极客社区推荐的10款前端特效,仍然是非常有趣的小动态效果的页面生成。喜欢的可以直接将我们的在线调试代码插入,希望可以带给大家一些更好的帮助和不同以往的更好的体验! 一款JavaScript实现的迷宫发电机特效 一款JavaScript实现的迷宫发电机特效 …...

  • 羡辙 2推荐

    00 - About this series

    Full version: [http://zhangwenli.com/blog/2014/04/27/00-about-this-series/][1] Why do I write this series? Web Front-End Programming has …...

  • 羡辙 2推荐

    01 - The Whole Picture

    Full version: [http://zhangwenli.com/blog/2014/04/27/01-the-whole-picture/][1] **Ideally, HTML files define the content of Web pages (text…...

  • 尛沫 2推荐

    把HTML插入canvas实现网页截图

    将DOM内容HTML绘制到画布中是有可能的,但如何有把握并且安全地实现它,就应该按照规范行事。你不能把HTML画到canvas上。相反,你需要使用一个SVG图像,其中包含你想要呈现的内容。可以使用<foreignobject>元素包含HTML内容,之后把这个svg绘制到你…...

  • 羡辙 2推荐

    03 - Dive into CSS

    Please visit zhangwenli.com/blog/2014/05/18/03-dive-into-css/ for full edition with code and images. What will y… ...

  • 方健 2推荐

    HTML-CSS教程

    http://zh.learnlayout.com http://learn.shayhowe.com/html-css/ https://css-tricks.com/snippets/css/a-guide-to-flexbox/ ...