分类目录归档：全部列表

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

ASP.net升级后在IIS7中Form认证无法登录问题的解决

ASP.net1.1开发的Web应用程序，在升级到2.0或3.5以后，通过IIS7发布。程序中认证方式采用Form认证，Web.Config文件中代码如下：<authenticationmode="Forms"><formsloginUrl="Pages\SystemPage\Login\logon.aspx"name=".ADUAUTH"protection="All"></forms></authentication>【遇到问题现象】认证登录后，程序始终显示登录页logon.aspx通过程序跟踪，发现logon.aspx.cs中SetAuthC... 继续阅读 >
2014
12-03

如何让 IIS 支持 HTTPS

介绍对给本地IIS创建并管理自签名SSL证书本文很有帮助。对在本地IIS中创建一个安全的服务器本文也很有帮助。背景在浏览本文之前你应该具有IIS的知识。创建自签名SSL证书的步骤下载并安装InternetInformationServices(IIS)6.0ResourceKitTools(不用烦心它与IIS5.0兼容)点击这里下载.顺序点开执行Start->IISResources->SelfSSL->SelfSSL.exe.用下面的命令给IIS中默认的WebSite创建一... 继续阅读 >
2014
12-03

在Nginx下对网站进行密码保护

很多时候我们需要对一些网站进行密码保护，比如团队内部的站点、demo站点等等。这里所说的密码保护是服务器级的，并非网站应用层的注册登录那一套，而是利用服务器配置和htpasswd文件来实现访问的密码验证。最后的效果就类似（不同浏览器的界面有所不同）：如果认证失败，就会报HTTP错误：401AuthorizationRequired。要实现这样的功能，就需要更改服务器的配置，并设定好用于登录的用户名和密码。首先... 继续阅读 >