分类：WEB开发

2014
12-03

Web 开发中 20 个很有用的 CSS 库

在过去的几年中，CSS已经成为一大部分开发者和设计者的最爱，因为它提供了一系列功能和特性。每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发。像CSS库，框架，应用这样的工具能够为开发者做很多事，而且可以使开发者创造出创新立异的WEB应用。在这篇文件章中我们找到了一系列对开发者有用的CSS库，它们能帮助开发者在一定的期限内取得有创造性和创新性的成果。我们希望这个列表能有助于您的开发并为您提供方... 继续阅读 >
2014
12-03

2014年20款最好的CSS工具

说到WEB设计，不得不介绍介绍CSS工具，CSS工具在这里面扮演很重要的角色，可以简化无数开发者和设计师的工作，写出更好的CSS代码。而网上有非常多的CSS工具，帮助设计师和开发者高效的工作和进行更多创新的创作，设计师和web开发者也把越来越多的CSS工具收入为自身的开发和设计利器。在这篇文章中，我们罗列了2014年最好的20款CSS工具，希望能帮助大家简化自己的开发工作，创作出更多更好的创新... 继续阅读 >
2014
12-03

10款最佳HTML5绘图工具

HTML5无疑是当前最受宠的一项技术，每个web设计者都在热烈的讨论这种神奇的标记语言的兴起。HTML5是一种学起来毫不费力的标记语言，但它却能提供迷人的、富有艺术性的特征，帮助web设计人员完成他们的构思想象。HTML5对于一个设计人员来说能毫不费力的理解，轻松的掌握。草绘和制图是设计工作者工作中一个重要的特征。HTML5将会这方面显露出不可限量的前途。今天，我给web设计人员收集了几款最好的HTML5绘图或涂鸦... 继续阅读 >
2014
12-03

9款最新炫酷HTML5/CSS3应用推荐

HTML5的强大之处我们已经体验过很多了，包括HTML5游戏、HTML5视频，另外结合CSS3，也能创造更多炫酷的动画特效和实用应用。今天我们要分享9款最新的炫酷HTML5/CSS3应用。如果你喜欢，赶紧分享给你的朋友吧。1、HTML5webkit3D立方体图片旋转滑块应用今天再来分享一款HTML5 3D立方体动画，这个只是一个3D效果模型，你可以用图片替换演示中的立方体4个面，这样就可以将这款HTML5立方体旋转动画改造成HTML53D焦... 继续阅读 >
2014
12-03

前端必备：六款CSS工具让代码充满魅力

随着一系列围绕JavaScript使用所衍生的相关工具，开发人员与设计师们正亲眼见证着框架、样板以及类似技术方案在扩展、标准化以及加快CSS使用方面所作出的巨大贡献。目前大部分此类方案已经逐步成熟，能够切实帮助开发人员与设计师们在各类设备平台上创建出一致性、响应式网站与Web应用程序。我们就六大人气CSS技术方案与开发人员们进行了交流，旨在了解空前繁荣的风格化工具选项如何支持他们创建出自己的工具并解决项目... 继续阅读 >
2014
12-03

CSS字体大小: em与px、pt、百分比之间的对比

CSS样式最混乱的一个方面是应用程序中文本扩展的font-size属性。在CSS中,你可以用四个不同的单位度量来显示在web浏览器中的文本大小。这四个单位哪一种最适合Web?这个问题引起了广泛的争论。找到一个确定的答案是困难的,因为这个问题,本身就是如此难以回答。接触这些单位1.  “Ems”(em):“em”是一个可伸缩的单位,用于web文档媒体展示。一个em等于当前的字体大小,例如,如果文档... 继续阅读 >
2014
12-03

HTML5网站开发专用基础模板（包含完整注释）

分享一个HTML5页面开发的基础性模板，包含了两个版本：开发版本注释版本开发版本<!DOCTYPEhtml><html><head><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metacharset="utf-8"><title></title><metaname="description"content=""><metaname="author"content=""><metaname="viewport"content="width=device-width,initial-scale=1"><linkrel="stylesheet"href=""><!--[ifltIE9]><scriptsrc=... 继续阅读 >
2014
12-03

5 款 Linux 下免费的 CSS 编辑器

一台计算机系统不能没有操作系统，大公司的开发者也开发过不复杂易于使用的操作系统。而Linux被认为是复杂的系统,它仍然是最常使用的系统，当然不仅仅是开发者和极客会使用，也可能是日常生活中的你或我，也喜欢它。因为它的神奇般的稳定因素和应用的拓展水平，都比WindowsOS好得多。互联网上，有很多工具为网页设计者和开发者而准备的。今天我要分享一款适用于linux用户的CSS编辑器。请访问这里并分享你的想法。1... 继续阅读 >
2014
12-03

html标签的嵌套规则

XHTML的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套，那么，html标签的嵌套规则有哪些呢？一、HTML标签包括块级元素(block)、内嵌元素（inline）1、块级元素一般用来搭建网站架构、布局、承载内容……它包括以下... 继续阅读 >
2014
12-03

CSS编写指导规范和建议

在参与规模庞大、历时漫长且参与人数众多的项目时，所有开发者遵守如下规则极为重要：保持CSS易于维护保持代码清晰易懂保持CSS的可拓展性为了实现这一目标，我们要采用诸多方法。本文档第一部分将探讨语法、格式以及分析CSS结构；第二部分将围绕方法论、思维框架以及编写与规划CSS的看法。CSS文档分析无论编写什么文档，我们都应当维持统一的风格，包括统一的注释、统一的语法与统一的... 继续阅读 >
2014
12-03

10个程序员最喜欢的 HTML和CSS 等在线代码编辑器

一般软件开发中必备的一样工具就是代码编辑器。传统的代码编辑器一般都是以软件安装包的形式安装到电脑里面，代码编辑保存后一般也是通过ftp或者svn等工具提交到服务器的（当然，像.NET开发中MicrosoftVisualStudio这样强大的集成工具另说了。）。在实际的项目开发中这样的方式也是挺便捷的。但是，随着各种云服务的兴起，云存储时代几乎已经是大势所趋了。个人或者小公司搭建一个类似的服务自然代价不菲。这时候利用... 继续阅读 >
2014
12-03

CSS垂直水平完全居中手册

居中一直是CSS中被抱怨的典型。为什么实现起来这么辛苦？所以有人被嘲笑。我觉得问题不是没有办法做到，只是视情况而定，有很多不同方式，但是很难弄清楚应该用何种方式。因此我写了这篇文章，希望能把他变得容易点。水平居中 内联元素（inlineorinline-*）居中?你可以让他相对父级块级元素居中对齐.center-children{text-align:center;}块级元素（blocklevel）居中?你可以通过设置... 继续阅读 >
2014
12-03

11个实用的CSS学习工具

1.盒子模型的幻灯片通过3D转换效果产生的互动的幻灯片。按向左或向右箭头键切换，全屏观看会有更好的效果。2.CSSDiner通过一个简单的小游戏让你学习CSSselector，输入正确的selector来完成每一关。你也可以通过菜单来选关。3.CSSSelectors交互这是一个简单可视化CSS选择器。选择左边菜单中的选择器,选择的条目就会出现在右边。4.前端Web开发考查CSS属性有大小写之分吗？5.TheMa... 继续阅读 >
2014
12-03

即使不编程 你也应该学会HTML和CSS的9大理由

你是不是听过太多人告诉你：「人人都应该要会coding！」都快要不耐烦了对吧？到底为什么身为一个行销专业者、作家、金融巨擘……，整个世界还要你学会coding？其实只要对HTML、CSS有基本的认识，就可以对你的事业造成很大的影响了！学习电脑语言可不只是产品助理与设计师的责任，就算你是个业务主管、活动企画、甚至是魔术师，你都能藉由学习coding来为你自己获得好处。听起来是不是说的比... 继续阅读 >
2014
12-03

8个提高效率的CSS实用工具

CSS，也就是CascadingStyleSheets，推出于1997年，差不多是17年前，至此为我们开发网页大开方便之门，协助我们制作出一个又一个惊艳绝伦的网站设计和模板，提升了我们的创造能力，给整体平台增加了对称美。网页设计不是一蹴而就的，需要不断的实践和改进，然后在最后期限前完成。如果你在写CSS代码上花费大量的时间，那么你就是在浪费资源。因为有很多工具能提高我们改进CSS文件的工作效率。这些工具需要我们先... 继续阅读 >
2014
12-03

HTML head 头标签

HTMLhead头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head头部结构，移动端的meta元素，显得更为重要。了解每个标签的意义，写出满足自己需求的head头标签，是本文的目的。本篇以一丝的文章为基础，进行扩展总结介绍常用的head中各个标签、元素的意义以及使用场景。DOCTYPEDOCTYP... 继续阅读 >
2014
12-03

HTML5 中 40 个最重要的技术点

内容介绍SGML（标准通用标记语言）和HTML（超文本标记语言），XML（可扩展标记语言）和HTML的之间有什么关系？什么是HTML5？为什么HTML5里面我们不需要DTD（Document Type Definition文档类型定义）？如果我不放入<! DOCTYPE html>标签，HTML5还会工作么？哪些浏览器支持HTML5？HTML5的页面结构同HTML4或者更前的HTML有什么区别？HTML5中的datalist是什么？HTML5中哪些是不同... 继续阅读 >
2014
12-03

HTML 5 History API的”前生今世”

History是有趣的，不是吗？在之前的HTML版本中，我们对浏览历史记录的操作非常有限。我们可以来回使用可以使用的方法，但这就是一切我们能做的了。但是，利用HTML5的HistoryAPI，我们可以更好的控制浏览器的历史记录了。例如：我们可以添加一条记录到历史记录的列表中，或者在没有刷新时，可以更新地址栏的URL。为什么介绍HistoryAPI？在这篇文章中，我们将了解HTML5中HistoryAPI的来源。在此之前，我们... 继续阅读 >
2014
12-03

怎样用纯HTML和CSS更改默认的上传文件按钮样式

如果你曾经试过，你就会知道，用纯CSS样式加HTML实现统一的上传文件按钮可能会很麻烦。看看下面的不同浏览器的截图。很明显的，他们长得很不一样。我们的目标是创造一个简洁，用纯CSS实现的，在所有浏览器里的样子和布局是一样的上传文件按钮。我们可以这样： 步骤1.创建一个简单的HTML标记 <divclass="fileUploadbtnbtn-primary"><span>Upload</span><inputtype="file"class="upload"/>... 继续阅读 >
2014
12-03

这30类CSS选择器 你必须记在脑袋里！

大概大家都知道id,class以及descendant选择器，并且整体都在使用它们，那么你正在错误拥有更大级别的灵活性的选择方式。这篇文章里面提到的大部分选择器都是在CSS3标准下的，所以它们只能在相应最新版本的浏览器中才能生效，你完全应该把这些都记在你聪明的脑袋里面。1.**{margin:0;padding:0;}在我们看比较高级的选择器之前，应该认识下这个众所周知的清空选择器。星号呢会将页面上所有每一个元素都选到。... 继续阅读 >
2014
12-03

7个你可能不认识的CSS单位

众所周知CSS技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。随着web继续不断地发展，对于新技术新解决方案的要求也会不断增长。因此，作为网页设计师和前端开发人员，我们别无选择，必须熟悉我们手上的工具，做到知己知彼，这样才能百战不殆。这就意味着有那么些个特别的货，虽然平常都不怎么会用上，但是一旦某个地方需要它们了，他们就真的是特么得合适不过来了呢。今... 继续阅读 >
2014
12-03

为HTML5开发人员量身打造的7个Web框架

HTML5规范开发完成时，将成为主流。据统计2013年全球将有10亿手机浏览器支持HTML5，同时HTMLWeb开发者数量将达到200万。毫无疑问，HTML5将成为未来5-10年内，移动互联网领域的主宰者。毋庸置疑，HTML5已经改变了我们的percieve在线网站、应用程序和内容。它是如此的先进，以至于许许多多的浏览器期望使用上HTML5的最新功能，然而这需要很长时间来计划以及实施。如果你之前有与网络相关的脚本经验，那么学习HTML5可能并... 继续阅读 >
2014
12-03

推荐十款超赞的Google Chrome扩展插件

浏览器作为互联网的重要入口，越来越受到人们的重视。而一款好的浏览器，除了可以浏览网页之外，还应该是个“全能选手”。譬如谷歌的Chrome浏览器，其一大魅力就在于可以安装各种扩展插件，让Chrome自身的功能更加丰富。所谓“好马还需配好鞍”，本文笔者将推荐十款超赞的Chrome扩展插件。EyeDropper作为GoogleChrome及Chromium的插件EyeDropper，它允许开发者从任何网页或颜色选择器中挑... 继续阅读 >