🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

0 篇文章

47 Amazing CSS3 Animation Demos

Hereisacompilationof47jaw-droppingCSS3animationdemos.TheydemonstratethepossibilitiesoftheCSS3transformandtransitionproperty.SomeareveryusefulandcanbeusedasJavascriptalternatives.Mostofthemaresimplytolo

CSS3: @font-face

想要制作一些很酷的头部效果并且不使用图片文件嘛?可以尝试一下 CSS3 里面的@font-face。代码如下:@font-face{font-family:qianduanNet;src:url("SketchRockwell.ttf");}.fontFace{font-family:qianduanNet;font-size:3.2em;letter-spacing:1px;text-align:ce

腾讯微博应用

腾讯微博开放平台提供了一些官方微博应用,供开发者借鉴和利用,其中包括:一键转播——嵌入一键转播到你的网站里,访客便能将网页信息直接传播至腾讯微博。分享资讯的同时,用户通过来源链接可进入你的网站,从而提升访问流量。2.微博秀——使用微博秀,将生成的代码放置到你的博客、网站或是其它支持 html 代码的位置,就能向网页访问者展示你在腾讯微博的最新广播和听众。3.微博广播站——使用微博广播站,将生成的代码放置

2010 年最好的免费 WordPress 主题

懒得翻译了。将就看下*-*PostedbyHenryJonesShakenGridThisthemeisperfectforyouifyou’reinneedofagallery/portfoliowebsiteorifyoujustwantawebsitewithauniquegridlayoutthatnotmanywebsiteshavetakenfulladvantageofyet.“Sha

2010 年最流行的免费字体

Lastweekwekickedoffour“Bestof2010″seriesbyshowingyouthebestfreeWordPressthemesreleasedinthepastyear.Thisweekthefocusisonfonts.Therewereatonofremarkablefreefontsputoutin2010,soitwasverydifficultpickingo

b3log 皮肤

从开始做 b3log 到现在共做了 6 套皮肤,其中有 3 套因为种种原因已经废弃。目前还剩以下 3 套 1.经典淡蓝 2.i-nove 仿自:http://demo.neoease.com3.treehouse 仿自:http://www.thepixel.com/blog 已废弃的 3 套仿自以下地址:1.简约风格 http://blog.csdn.net/Vanessa219/archive/2009/10/28/47368

浏览器中的渲染模式

Quirks 模式是指 Web 浏览器保持向后兼容的一种技术,它可兼容只适用于旧版浏览器中的网页,从而不适用标准模式中的 W3C 严格解释和 IETF 标准。概述 web 网页的结构和外观被两中标准化语言共同描述:HTML,web 中用来设计的标记语言,它描述了网页的内容和结构;CSS,广义样式表语言,用于指定各种媒体中的页面应该如何被渲染(屏幕显示的视觉样式,当打印页面时使用的打印样式,使用屏幕阅读器阅读网页的听觉样

HTML 标签自定义

如果能在自己的网页中使用自定义的标签是不是很酷呢,比如用你的网站的域名、用你的网名、用你所爱的人的名字来定义 HTML 标签并内嵌到网页中,本文就介绍一下这方面的内容。首先需要在 <html> 标签中进行这样的申明:<htmlxmlns:vanessa>,xmlns 即 xmlnamespace 的缩写,是 HTML 标记的命名空间属性:一般其声明在元素开始标记的地方。只要在这里申明了我要使用的 vanessa 这一自定

No CSS Reset

在自己所做过的项目中还没有使用过颇为流传的 CSSReset,就发现了下面这篇文章。其实有时候不需要去技术跟风,只需了解一下便可。那些东西有一定的道理,但不一定适合。就像 CSSSprite,用的有感觉了,就知道什么地方该用,什么地方不该用。如果每处都用,那就成了滥用了。个人在平常项目中用到的最多的也就是下面这个*{margin:0px;padding:0px;}觉得没有必要用 CSSReset,个人感觉

各浏览器的默认 CSS

由愚人码头撰写 http://www.css88.com/archives/2418 在丸子主编的帮助下终于找到了各浏览器的默认 CSS。只要是由于今天解决了一个特殊的问题,依靠的就是看各浏览器的默认 CSS,然后重置它,所以很多时候浏览器的默认 css 还是很有用的。各浏览器的默认 CSS 可以在这里 http://www.iecss.com/找到,贪心一下,把这些样式都保存了一份:IE6(下载)IE7(下载)IE

CSS3 (Smashing Magazine) 设计比赛 获奖作品

SmashingMagazine 为了激发 Web 设计者对 CSS3 的兴趣,上月组织了一次 CSS3 设计赛,最终有 5 位设计师获奖,获奖作品体现了 CSS3 技巧的原创性与独特性,同时展示了 CSS3 的强大的功能,这些作品基于纯 CSS3 技术,并不借助 JavaScript 或其它技术。第一名:CSS3 图表 CSS3Charts[预览 | 下载]该设计试验了 CSS3 在图表方面的应用,不借助任何 JavaScript 和图片。用到了

5 个实用的 CSS3 实例

对于设计人员和开发人员来说,CSS 一直是 web 设计过程中重要的一部分,随着 CSS3 的出现以及越来越多的浏览器对它的支持,设计师们有了更多的选择。用纯 CSS 也可以实现各种各样很酷的效果了,甚至是动画。虽然有些效果不能跨浏览器(甚至是支持 CSS3 的浏览器)运行,有些只是展示并没什么实际用途,但仅用 CSS 实现出的这些效果似乎没什么可以挑剔的。这里有 5 个使用 CSS3 实现的常见效果,你可以马上动手试试看。1.

前端优化方案 - CSS 优化方案

Author:李丽媛 Date:2010/6/2Email:lly219#gmail.com1CSS 优化方案 1.1 使用 CSS 优化工具 a)onlineCSSOptimizer;b)CSSFormatterandOptimizer。解决方案:选取以上一个工具进行进行优化。1.2 清理 CSS 在我们写样式的时候,页面的 CSS 在经历几个版本的修改之后,可能有些样式已经用不到了,或许将某些样式更名了而原来的忘了删除

长度单位 PX/EM/PT/EM 区别及其转换公式与对照表

在网页设计 css 中,经常用到字体,而字体大小的设置单位,常用的有 2 种:px、pt。这两个有什么区别呢?先搞清基本概念:px 就是表示 pixel,像素,是屏幕上显示数据的最基本的点;而 pt 就是 point,是印刷行业常用单位,等于 1/72 英寸。这样很明白,px 是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可以很大。如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,

CSS 模板是怎么炼成的

作者:李丽媛邮箱:[email protected] 日期:2009-1-12 前言(自说自话)从初识 CSS 到现在已经 5 个年头了。大多是断断续续的,可是近一年来接触颇多,甚有一些些体会。第一次接触只知道 font,color,background,margin,padding 等基本知识,乃至连 margin、padding 都分不清个所以然。在第一次 Web 大作业中知道了有“div+csstemplate”,为了

实现圆角的几种方式

作者:李丽媛邮箱:[email protected] 日期:2009-1-61.css3 的圆角属性:-moz-border-radius:-webkit-border-radius:参数有 4 个时:上左的圆角大小,上右的圆角大小,下右的圆角大小,下左的圆角大小参数有 3 个时:上左的圆角大小,上右的圆角大小和下左的圆角大小,下右的圆角大小参数有 2 个时:上左的圆角大小和下右的圆角大小,上右的圆角大小和下左的圆角

你需要知道的 CSS3 动画技术

译自:你需要知道的 CSS3 动画技术译自:WhatYouNeedToKnowAboutBehavioralCSS 转自:http://www.qianduan.net/what-you-need-to-know-about-behavioral-css.html 译序:本文译自 Smashingmagazine,但是原文讲述的内容有些浅,也不是很完整,前端观察在翻译的前提下,增加了更多的更系统的内容。如有不

40 个超实用的 web 设计工具

灵感类 2.Webdesignlibrary1.DeviantartDeviantart 是互联网站最大的艺术展示站点之一。你可以在这里找到好灵感。WebDesignLibrary 是一个提供设计研究平台的资源站点,覆盖了大量的理论知识和实战方面的信息。3.StylevaultStylevault.net 是一个设计展示站点,设计师可以在上面展示才华的同时其他人也可从中获益。4.BehanceBehance

CSDN blog css -- 天藍风格

實例如下:制作步骤:1.选择 AnotherEon001 皮肤 2.把以下复制到自定义 CSS 样式 body{background:#F7F7F7url(http://hi.csdn.net/attachment/200911/7/2190_1257596077JTZF.jpg)repeatscrolllefttop;color:#5A554E;}a:hover{color:#516C00;text-deco

css—border, margin, padding - 浏览器

在 border,margin,padding 中,不同的浏览器解析的时候 heigh 得到的值总是不一样。border 的话,在使用 w3chtml4.0.1 标准后都不算在高度里面,也就是说你的 height=height。否则 IE6,7,8 里面 height=height-上下 border,FF 却不会。padding 的话,在使用 w3chtml4.0.1 标准后都不算在高度里面,也就是说你的 height=heigh