大约2月前 - 1个评论
HTML5和CSS3已经开始彻底变革全世界的Web前端开发和Web设计发展格局，因为他们给这个领域带来了太多太多令人惊奇的新特性！我用大量时间学习了HTML5和CSS3技术，它们的动画、圆角等特效会令你震惊…在后面的内容中将向大家推荐一些能帮助你更好的掌握甚至精通HTML5和CSS3的终极工具资源集合。虽然还有很多特性不被浏览器所支持，但我们作为前端开发从业者，有必要掌握它们。希望这些HTML5和CSS3工具资源能对大家的学习和工作有所帮助。 HTML5 & CSS3 准备就绪 该网站通过扇形图表的形式展现了从08年到10年以来各大浏览器对HTML5和CSS3的支持情况。发展势头还是很可观的。 HTML5安全手册 CSS3按钮生成器 所见即所得的为你生成CSS3按钮，你仅需通过基本的鼠标点击便可生成令人满意的CSS3按钮，点击生成好的按钮即可查看相应的CSS3代码。 When can I use…（HTML5 & CSS3 浏览器兼容性） 很详细的关于HTML5, CSS3, SVG等技术的浏览器兼容性列表。 CSS3颜色值/名称速查手册 CSS3颜色值查询手册，包括颜色英文名、16进制值、rgb百分比、rgb整数值、颜色缩写和颜色效果等… CSS3生成器 在线测试CSS3新特性，即时生成效果。 Modernizr 当前浏览器对HTML5支持情况测试 该工具可以帮助你测试当前你使用的浏览器对HTML5的兼容情况，很详细，很有用！ CSS 边框半径(代码生成器) 通过输入数值即可生成CSS3代码的CSS 边框代码生成器。使用很简便。 FindMeByIP（HTML5 & CSS3 浏览器兼容性手册） 很详细的HTML5和CSS3浏览器兼容性手册。 CSS3渐变生成器 CSS3 Watch 前端开发工具&资源小集合 CSS3, please!(实时体验CSS3代码) font dragr CSS3生成器 CSS桌面 CSS桌面可以让你在线练习CSS3代码，并实时将渲染效果呈现在右侧，很棒的CSS3在线练习工具。 HTML5修订版本跟踪器 font-face 生成器 CSS3 选择器测试工具 IE 打印保险器 详细CSS 浏览器支持情况列表
大约2月前 - 6个评论
这些天除去其他项目的维护的工作，主要精力还是放在了迈石网站建设上，上一篇提到了两个方向这篇开始我用Milestone来代表迈石科技。 进度如下： 完成了对整个站点的HTML5标签重构，由于HTML5、CSS3目前还处于定义草案阶段，这里仅做参考； W3C 在 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性：嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档。其他特性包括新的页面元素，比如 <header>, <section>, <footer>, 以及 <figure>。 通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则，HTML 5 改进了互操作性，并减少了开发成本。 Milestone的HTML5页面框架： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>迈石科技领先的商务E化综合服务商</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <!–[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script> <![endif]–>
大约2月前 - 12个评论
由于公司的网站建设是基于几年前的 HTML 4.01 Table布局站点，结构不清晰，多Table的嵌套布局不适合搜索引擎的检索抓取，缺点这里就不多说了，毕竟已经有一大群整天喊着DIV+CSS，都快喊烂了。现考虑将这个站点重构，之后再进行搜索引擎优化。 网站重构 — 制定搜索引擎喜欢的网站构架 采用最近流行起来的HTML5+CSS3的更符合语义化的标签来进行页面的布局（由于Milestone这个站点结构比较简单，并没有使用之前提到的圣杯布局，合适的才是最好的） 搜索引擎优化 前面提到的“制定搜索引擎喜欢的网站构架”是基础，在对基础设施进行完善之后，就开始相应的搜索引擎优化了，以期望达到目标关键词能在搜索结果页中有个较好的排名，实现更多的流量转化。 先来完成两步（优化代码、静态化页面上面以说这里不考虑） 第一步，路径的设计 – 搜索引擎能对路径和网页上的关键词进行匹配，因此路径中带有关键词是有利于在搜索结果页排名的 第二步，标签的设计 – Title – Keywords – Description 第三步，待续。。 这将会是一个学习和实践的过程，事实上已经开始实施了，这周基本可以完成重构工作，很高兴Cherry能一起参与进来协同工作。 Random Posts Loading…
大约1周前
进来学习 学习 哈哈