既然选择了远方,便只顾风雨兼程。
暂时未有相关通用技术能力~
阿里云技能认证
详细说明在网页中,我们可以用CSS的font-family属性来定义字体,然而定义的字体在用户的电脑上能否正确呈现则要看用户的电脑是否安装了该字体。我们经常能看到国外的一些个人网站使用了非常漂亮的字体,而这些字体通常在用户的电脑中是没有安装的,所以用font-family属性就无法实现了,今天我们就介绍使用@font-face实现个性化字体。
目前,文字信息仍是网站最主要的内容,随着CSS3技术的不断成熟,Web字体逐渐成为话题,这项让未来Web更加丰富多彩的技术拥有多种实现方案,其中之一是通过@font-face属性在网页中嵌入自定义字体,主流的浏览器都支持这项技术,本文介绍主要的几种Web字体格式及各浏览器兼容情况。
提交表单是网站非常重要的一部分,之前曾介绍了25个优秀的表单设计案例,今天要介绍的是25个带单个输入框和提交按钮的表单设计案例,这种表单最常见的应用场景是搜索和邮件订阅。让我们一起来参考一下这些非常有吸引力的设计。
我们的生活和时间一样从来没有停止过,但是我们仍然有时会发现在某些情况下,我们感觉到时间停留在了某个特定的瞬间,比如摄影师在他拍摄的时候就能体会到。要拍摄一张完美的照片是真的很难,因为你不仅需要完美的时机,还要考虑光线、角度等很多重要因素。
在工作中借助一些非常好用的工具可以让你专注于更重要的事情,进而提高工作效率。本文收集了一些设计和开发相关的在线工具,分享给大家,希望对你有帮助。 ProCSSor ProCSSor是一个很不错的CSS代码美化工具,它可以帮助你很轻松的把代码转换成很美观。
十天前,W3C发布了HTML5的Logo,不过WHATWG随后宣布取消HTML5的版本号,取而代之的是一个活的HTML标准,这个标准会随着新技术的发展而不断更新。其实大家叫HTML5都叫习惯了,我们还是继续叫HTML5好了,只是这个名称的含义仅是用来指最新的HTML技术而已。
在设计一个网站时,我们有很多因素要考虑,比如菜单,导航按钮,表单,页眉,页脚等许多特别重要的设计细节。今天,这篇文章列举了圆形元素在网页设计中应用得非常好的例子,向您展示美丽的圆形按钮,菜单,图片和其他细节。
优秀网页设计案例 寻找网页设计灵感的27个最佳网站推荐 最新30个漂亮的个人作品集网页设计案例 分享35个非常漂亮的单页网站设计案例 60佳灵感来自大自然的网页设计作品欣赏 分享100佳精美的作品集网站设计案例 表单是网站非常重要的一部分。
W3C发布的HTML5官方Logo 在2009年的时候,我们宣布HTML5草案制定已经接近尾声了,原先计划的时间是今年完成草案并在2012年正式发布,然而,不久之后我们认识到人们对增加HTML新功能的需求一直高涨,因此在可以真正称它为HTML5之前,我们仍然称作HTML并继续增加新的功能,我们将转移到一个新的发展模式,HTML将不再带有版本号,而是一个活的标准,随着技术的发展而不断更新。
昨晚WHATWG宣布了一条重大消息——HTML5变为HTML。 他们发布的文章标题是:HTML is the new HTML5,什么意思呢?它的依据是,实际应用中的HTML和JavaScript在很多方面都在不断的进步,时刻都在变化,HTML5这个名称已经没有什么实际意义了,这意味着这份规范将发布更少的版本,取而代之的将是一个活的标准,将随着不断发展的新技术而自动调整。
您可能还喜欢 60款很酷的 jQuery 幻灯片演示和下载 Web开发者必备的20款超赞jQuery插件 分享30个最佳 jQuery Lightbox 效果插件 提升你网站水平的 jQuery 插件推荐 12个很棒的学习 jQuery 的网站推荐 jQuery是一个非常优秀的Javascript框架,使用简单灵活,同时还有许多成熟的插件可供选择。
这个星期在做一些调查,在网上查找资料的时候发现几个网站都出现了可怕的错误空白页面,于是决定整理一份404错误页面与大家分享。花时间去认真设计一个错误页面是一件非常好的事情,尽管知道这个页面被看到的概率很小,至少不应该被看到,然而我们的网站有时候难免出现错误,对于那些极少数时候出现的错误情况,更好的做法让用户看到一个新颖的错误页面。
1. 在线文本生成器 BlindTextGenerator:对设计师来说,这是一个简单又好用的文本生成小工具。内含许多种字体,可设置字符的大小,数量,样式,段落的数量及对齐方式等,还可以很方便且精确地调节文本区块的大小。
有人说喜欢一个人,没必要了解她的过去,然而想读懂一个人,却需要了解她的过去。JavaScript自1995年诞生以来已过去了16个年头,如今全世界无数的网页在依靠她完成各种关键任务,JavaScript曾在Tiobe发布的编程语言排行榜中排到了第8名,紧随C#,JavaScript从过去装饰性的一种脚本语言转变为主流的编程语言,人们用它来开发更大更复杂的程序,这就需要Web开发人员更深入的了解JavaScript,了解它的过去、现在和未来。
每种语言都有它特别的地方,对于JavaScript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来很简单,然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节,与大家分享。
导读:国外技术站点Mashable.com评出了开发人员在2011年应该关注的5项Web开发技术,包括jQuery Mobile(jQuery移动版)、Hardware-Accelerated Web Browsers(基于硬件加速的浏览器)、Node.js(服务器端JavaScript)、Real-Time Clickstream Sharing(实时点击流分享)、NoSQL Databases(NoSQL数据库)入选。
作为一名前端,我们通常要做的就是让页面在各系统A-Grade浏览器,甚至网站浏览份额0.1%以上的浏览器上良好显示。当然,还有性能问题。不过,今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9/Mozilla(Gecko)系列/Chrome/Safari/Opera etc. 这些浏览器的兼容,无不让前端们头痛。
在处理多媒体文件的时候,我们通常都是使用自己电脑上已安装好的桌面应用程序,如果某天我们在使用的公共电脑上没有我们需要的软件,更坏的情况是,这些公共电脑不允许安装软件,这时候就需要在线的编辑器了。最近几年,Web应用程序越来越受到关注,原因在于它的简单、方便和轻巧,只要你有一个连接到互联网的浏览器,就可以马上处理你的图片、音频和视频。
2010年还有几天就要结束了,和往年一样,在每年的这个时候都会由我从过去365天诞生的若干互联网产品中,精挑细选出10款也许最值得大家跟我一起去回味和关注的创新并且小众互联网产品。感谢这些值得尊敬和信赖的创业者和团队丰富了我们的互联网生活;2011年,分享网络2.0与你们共同成长!![本文首发于Mobinode] No.1 卷豆网 是一家致力于为站长用户提供适合在线社区的电子商务解决方案的服务性站点,淘金链(LinkMiner)是其发布的第一个产品。
网站的加载速度是决定网站等级的重要因素,值得站长特别关注。原因很简单,没有人愿意为了打开一个网页而等老半天,换句话说,如果你的网站打开速度很慢,将流失大量的访客,甚至出现多米诺效应的不良影响。在埋头深入代码中试图提高网站速度之前,先要确定导致网站访问速度缓慢的真正原因是什么。
这里收集了30个提供字体下载的网站列表,推荐给设计的朋友们,有些字体真的特别漂亮,不过有些是免费的,有些是付费的。如果你有更好的提供字体下载的网站,记得分享给大家哦,赶紧瞧瞧。 DaFont HighFonts MyFonts Fonts101 1001 Free...
经过这段时间国内(百度,淘宝,新浪)及国外(Facebook,Youtube,Yahoo)各大公司的集中自曝,我们可以从中总结出2010 Web前端技术的一些趋势。总的来说,随着后端技术(存储,并发,分布式)的成熟,各大公司已经把重点从后端架构调整/建设转移至前端(TTI时间,快速发布,带宽利用率)。
下面提到的这些工具包括各种实用工具,优化器,测试和调试工具,它们可以提高开发者创建Web站点的效率。 1,JavaScript compressor and comparison tool 有许多工具可以帮助你压缩JavaScript代码,但是这个过程比较耗时,并且,对于某个特定的场景来说,很难分析出具体哪个工具表现的最好。
David Hellman Work Sucks Alisa.mtv.ru The English Riviera Comedy Film Festival Shyland Gisele Jaquenod Mooty Graphic Design ...
1 Cantya Studio 预览 | 下载 | 来自 indeziner 2 Creative Media 预览 | 下载 | 来自 indeziner 3 SindromK 预览 | 下载 | 来自 indeziner 4 Sleek 预览 | 下载 | 来自 Template ...
作为一个网站设计/开发人员,你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的css工具可以有效地节省你设计网站的时间。 优化/格式化类 CSSTidy – css Tidy是一个开源的css分析和优化工具; CleanCSS - CleanCSS是一个基于CSS Tidy的强大的CSS优化和格式化工具。
请不要低估这些小工具,他们极其的方便并且能节省很多的时间和工作,下面就是这些在线工具的列表,挑几款来试试吧。 我还是比较喜欢Ajax Load和Web 20 Badges Generator的,你们呢? Favico 一个图标制作工具,很是方便。
主题: Akylas 演示 | 下载 主题: Side Blog 演示 | 下载 主题: WooThemes – The Morning After 演示 | 下载 主题: Hydrogenize 演示 | 下载 主题: GraphPape...
由于IE系浏览器对标准的支持不够好,导致Web开发中经常需要去处理浏览器兼容性问题,特别有些莫名其妙的问题很让人头疼,今天要说这个问题就是这样的,先从插入CSS的三种方法说起: 外部样式(External Style Sheet) 当样式需要应用于很多页面时,外部样式表将是理想的选择。
前两天IE9 Beta版发布了,对于从事Web开发的朋友们来说真是个好消息啊,希望将来有一天各个浏览器都能遵循统一的标准。今天要和大家分享的是JavaScript中的Get和Set访问器,和C#中的访问器非常相似。
兼容性问题 目前市面上流行的浏览器有多种,这些浏览器在处理一个相同的页面时,表现或行为有时会有差异。这种差异可能很小,甚至不会被注意到;也可能很大,甚至造成在某个浏览器下无法正常浏览。我们把引起这些差异的问题统称为“浏览器兼容性问题”。
互联网越来越重要,我们可以用它来工作、学习和娱乐,在娱乐方面,我们在互联网上玩游戏,搜索,收听和下载最喜欢的歌曲,视频和电影。互联网也是个非常好的学习环境,有利于我们查找资料,帮助我们解决碰到的问题,还可以得到其他人的支持和帮助,这在计算机领域非常普遍,特别是程序开发,很多人认为编程语言只是用于工作,没有什么乐趣,其实,只要我们发挥奇思妙想,再死板的东西也有有趣的一面。
CSS3给WEB开发带来了革命性的影响,以前很多需要javascript实现的复杂效果,现在使用简单的CSS3就能实现。下面这些绚丽的图片画廊效果就是用CSS3实现的。还有件非常有趣的事就是很多人都在使用宝丽来效果。
尽管我使用Javascript来做开发有很多年了,但它常有一些让我很惊讶的小特性。对于我来说,Javascript是需要持续不断的学习的。在这篇文章中,我将列出10个Javascript使用小技巧,主要面向Javascript新手和中级开发者。
动态应用,是相对于网站静态内容而言,是指以c/c++、php、Java、perl、.net等服务器端语言开发的网络应用软件,比如论坛、网络相册、交友、BLOG等常见应用。动态应用系统通常与数据库系统、缓存系统、分布式存储系统等密不可分。
Blackbird 是一个开源的 Javascript 调试工具,默认提供一种非常酷的方式展现 Javascript 调试信息,如下图,效果如何呢? 在我们的日常的学习或工作中,经常都会接触到 Javascript,有时为了进行一些简单的调试,我们也许会采用 alert(),但有时也是很麻烦的,比如在一个循环中,我们可能就要点击 n 次的弹出窗口了。
WP Super Cache 是 WordPress 官方开发人员 Donncha 开发,是当前最高效也是最灵活的 WordPress 静态缓存插件。它把整个网页直接生成 HTML 文件,这样 Apache 就不用解析 PHP 脚本,通过使用这个插件,能使得你的 WordPress 博客将显著的提速。
这儿介绍我试用的两款插件:wordpress-mobile-edition和wp-t-wap。1.先说一下两者的区别。 wordpress-mobile-edition插件使用后,可以用手机直接访问你的博客主域名,手机会自动调整成wap版本。
你不懂PHP,不认识CSS或JavaScript,基于连基本的HTML知识也没有,但是你很幸运,因为拥有WordPress。它成千万的插件,使你能够轻松打造一个完美的博客。当然,插件太多也是一个问题,因为选择总是一件困难的事,不过,今天,我为你总结了9类,精选了35个WordPress插件,让你更轻松打造出一个完美博客。
固定链接(Permalink)是博客日志、分类及其他博客内容列表的永久URL。其他博客主人可以使用固定链接链接到你的文章上,你也可以在email中发送某篇日志的链接。所有日志的URL应为永久性、固定不变的-这就是所谓的固定链接。
在Godaddy注册域名免费送10G空间,每月300G的流量,真的是很实惠啊。一直很想搭个WordPress博客,于是在免费空间里面进行实验,这里记录下一些东西。 隐藏广告: /*在CSS文件中加入*/#conash3D0 {display:none} //在JS文件中加入 if(navigator.
整个过程分为以下几步: 设置GoDaddy主机帐号(ftp account), 考虑好安装WordPress的目录 设置域 创建数据库 上传WordPress压缩文件到你的主机并解压 安装WordPress 好,我们进入第一步:设置GoDaddy主机帐号。
用插件把你的图片相册打扮的更加漂亮, 更加容易自己管理, 也更加利于访客的浏览. 本文里面, 帕兰为你收集了21款 WordPress 图片相册插件. 让我们先来看一下 Wordpress 的图片相册类插件的几个大类: 专业的相册插件: 这一类插件适合那种专门做图片展示类的 Gallery 博客.
每一个设计爱好者,几乎都会浏览Gallery画廊站点。在这些站点里面,你可以欣赏到最优秀,最具创意,最有技术性的网页设计。美,就是用来享受的。帕兰每次看到自己喜欢的设计,都忍不住小小的激动一下。在这篇文章里面,帕兰为你收集了个Gallery站点,并进行简短的介绍。
.htaccess 文件 (Hypertext Access file) 是Apache Web服务器的一个非常强大的配置文件,对于这个文件,Apache有一堆参数可以让你配置出几乎随心所欲的功能。.htaccess 配置文件坚持了Unix的一个文化——使用一个ASCII 的纯文本文件来配置你的网站的访问策略。
从全球千万计的网站中选出最具创意的230家网站进行介绍,其奇思妙想,令人叹为观止,开阔眼界,给人以启示,使人产生联想的火花。当然其中一些竞争已经比较惨烈,比如groupon模式,大家务必擦亮眼睛辨别,不要迷信。
尽管人们期望在屏幕上有些改变,但是CSS和HTML对页面中的交互能做的实在太少了,而那些还需要用代码来实现。 比如一个链接要么是这个颜色,要么是那个颜色;一个文本区域要么这么大,要么那么大;一张图片要么是透明的要么是不透明的;它们是从一个状态直接变到另一个状态——中间并没有过渡。
这两天刚装好Windows 7,碰巧前段时间有朋友问我Windows下如何安装搭建PHP环境,所以打算勤劳下,手动一步步搭建PHP环境,暂且不使用PHP环境搭建软件了,在此详细图解在Windows 7下安装配置PHP+Apache+Mysql环境的教程,希望对PHP初学者有所帮助。
一直想自己搭建个人博客,看重了当前最流行的WordPress,于是开始捣鼓起PHP来。去官方网站下载的时候发现有好多版本,一时弄不清该下哪个,于是去网上搜索帮助,找到了很满意的答案,特转来和学PHP的新手分享: 一、如何选择PHP5.3的VC9版本和VC6版本 VC6版本是使用Visual Studio 6编译器编译的,如果你的PHP是用Apache来架设的,那你就选择VC6版本。
作为一个 Web 设计师并不容易,不仅考虑设计与架构,还要时刻注意各种小细节,设计师的工作被各种各样的问题包围,你需要一套超级便利的工具帮你解决各种消耗时间和精力 的问题。本文介绍了50个非常强大的工具,你会发现,其中的一些工具会让你感到惊艳在,这是第二部分。