资讯月刊下载

第121期(18-03)

2018年03月 - 总第121期
  • Java程序员开发常用的工具
  • 3月全球数据库排名:PostgreSQL 再迎暴涨
点击下载>>

第120期(18-02)

2018年02月 - 总第120期
  • 开源巨献:2017 年 Google 开源了这些超赞的项目
  • 关于区块链,程序员需要了解什么
点击下载>>

第119期(18-01)

2018年01月 - 总第119期
  • 编写高性能Java代码的最佳实践
  • 从15000个Python开源项目中精选的Top30,Github平均star为3707,赶紧收藏!
点击下载>>

更多月刊下载

活跃编辑

资讯编辑

CSS

原创新闻 [Web前端] Safari 的3D CSS效果

iPhone使用3D transforms 已经有一段时间了,但我们一直没能在Safari上看到这个效果。直到现在,Charles Ying在博客上演示了3D CSS的视觉效果(Youtube)—Snow Stack。这个演示使用纯HTML,WebKit 的3D CSS效果扩展和JavaScript。点击查看演示:http://www.satine.org/research/webkit/snowl ...
zly06 评论(3) 有6967人浏览 2009-07-16 9 1

原创新闻 [Web前端] SlickMap CSS:可视化的Sitemap工具

Matt Everson为我们带来了 SlickMap CSS,一个简单的样式单,根据sitemap显示对应的图形化信息。轻松的美化你的网站地图。使用HTML的unordered list来制作sitemap的内容。 demo:http://astuteo.com/slickmap/demo/ demo-CSS:http://astuteo.com/slickmap/demo/slickmap ...
zly06 评论(5) 有5648人浏览 2009-07-15 14 0

原创新闻 [Web前端] 有趣的3D CSS 和 Video

Zach Johnson 通过使用简单的CSS为我们带来有趣的3D效果 - isocube 。 CSS就像这样: .face { position: absolute; width: 200px; height: 200px; overflow: hidden; font-family: monospace; font-size: 24px; } .top { top: 0; left: 89 ...
zly06 评论(0) 有5505人浏览 2009-06-24 11 1

原创新闻 [Web前端] 有趣的WebKit css gradients

Chris Williams像我们推荐了CSS gradients。即使没有图片,CSS gradients也能创造出美观的效果。他是如何使用CSS的? .albumInfo { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#626262), to(#000000), color-stop(.5, #202020), color ...
zly06 评论(2) 有6981人浏览 2009-06-01 7 0

原创新闻 [Web前端] CleverCSS:用于CSS的小型标记语言

CleverCSS是一个小标记饰语言用于CSS,从Python得到灵感,采用通过简单和干净的结构方式。在很多方面它都比CSS2整洁和强大。 与CSS最明显的区别是句法:它基于缩进而且不单调。显然这违反了Python的规则,但也不失为组织样式的一个好方法。 一个小例子: ul#comments, ol#comments: margin: 0 padding: 0 li: padding: 0.4e ...
CSS
zly06 评论(1) 有4383人浏览 2009-05-27 5 1

原创新闻 [Web前端] 使用css transformations 创建三维立方体

现在有一个更为先进的方法,使用css transformations,在不使用JavaScript, imagery,canvas或SVG的情况下也能创建三维立方体。不过目前只支持基于WebKit和Gecko的浏览器:Firefox 3.5+ -moz-transform (documentation)和 Safari 3.2+ -webkit-transform (documentation)。 ...
zly06 评论(3) 有7713人浏览 2009-05-12 9 0

转载新闻 [Web前端] CSS Sprites + 圆角

初步介绍 当然,我知道现在有成千上万个关于 用CSS处理圆角 的教程,但不管怎么说,我仍然想把这篇文章展示给您。也希望您会发现这篇文章会非常有用。需要重点指出的是,这篇教程彻底地应用高级CSS技术,但是,我会尽力使初学者看起来简单。CSS3 在这里还没有得到完全的应用,所以,知道现在,我会保持W3C验证的有效。 看一下演示 | 下载 css sprites + 圆角 您还可以参考一下文章: 43 ...
CSS
zly06 评论(11) 有24197人浏览 2009-05-08 26 3

转载新闻 [Web前端] 解密CSS Sprites:技巧、工具和教程

CSS Sprites并没有一个确定的中文翻译,通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟。CSS Sprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。 本文系统的介绍了CSS Sprites的概念、用途和用法,相信本文会解决你在使用CSS S ...
zly06 评论(12) 有10465人浏览 2009-04-30 17 0

原创新闻 [Web前端] FireDiff:跟踪DOM和CSS修改的Firebug插件

Kevin Decker发布了FireDiff,一个非常酷的Firefox插件,可以跟踪页面DOM和CSS修改。 FireDiff 是一个修改监测器,能够记录所有Firebug和应用自己修改CSS和DOM的内容,这提供了能够深入了解应用内部的功能,以及提供了修改的记录,为页面的调试和修正显示提供参考。 从这里 下载FireDiff,用到了最新的Firebug 1.4代码中的最新功能。
ouspec 评论(3) 有5235人浏览 2009-04-19 12 0

转载新闻 [Web前端] 25 个在 Web 中嵌入图表的免费资源

COMSHARP CMS 写道:在 Web 中嵌入图形图表的技术越来越丰富,我们可以选择 JavaScript 库,CSS,Flash,Silverlight,PHP 库,服务器端的组件,也可以选择 Google Chart API 这样的 Web 服务。本文介绍了25个在 Web 中嵌入图形图表的免费资源。 JS Charts (基于 JavaScript 的图表生成工具) Protovis ...
zly06 评论(5) 有17084人浏览 2009-04-14 24 1

转载新闻 [互联网] 43个PSD to XHTML,CSS教程

在中国,很多前端开发初学者都会把xHTML+CSS页面制作说成DIV+CSS,甚至很多人都还不知道xHTML+CSS是 什么意思,只知道盲目的追求DIV+CSS,但在国外,是没有DIV+CSS这个概念的,很明显如果单从字面上去理解,DIV+CSS的网页就要全都是 div,很明显是无法达到语义化标准的。在国外xHTML+CSS(DIV+CSS)也可以叫做PSD2XHTML。 以下是43个PSD t ...
zly06 评论(3) 有15940人浏览 2009-03-31 10 0

转载新闻 [互联网] 100 个高质量的 XHTML/CSS 模板(下)

网上的免费 Web 模板多如牛毛,良莠不齐,这组模板是 Smashing Magazine 推荐的,全部是基于 XHTML/CSS 的。在 W3C 标准愈趋重要的时代,自觉使用最规范的代码可以让您的设计更经得起时间的考验。XHTML 在代码上的要求比 HTML 更规范,而 CSS,几乎就是现代 Web 设计的代名词。这100个 XHTML/CSS 模板分三组推出。这是第三组,其它部分请参阅第一组, ...
jejwe 评论(0) 有5695人浏览 2009-03-30 4 1

转载新闻 [互联网] 100 个高质量的 XHTML/CSS 模板(中)

网上的免费 Web 模板多如牛毛,良莠不齐,这组模板是 Smashing Magazine 推荐的,全部是基于 XHTML/CSS 的。在 W3C 标准愈趋重要的时代,自觉使用最规范的代码可以让您的设计更经得起时间的考验。XHTML 在代码上的要求比 HTML 更规范,而 CSS,几乎就是现代 Web 设计的代名词。这100个 XHTML/CSS 模板分三组推出。这是第二组,其它部分请参阅第一组, ...
jejwe 评论(1) 有4686人浏览 2009-03-30 5 1

转载新闻 [互联网] 100 个高质量的 XHTML/CSS 模板(上)

网上的免费 Web 模板多如牛毛,良莠不齐,这组模板是 Smashing Magazine 推荐的,全部是基于 XHTML/CSS 的。在 W3C 标准愈趋重要的时代,自觉使用最规范的代码可以让您的设计更经得起时间的考验。XHTML 在代码上的要求比 HTML 更规范,而 CSS,几乎就是现代 Web 设计的代名词。这100个 XHTML/CSS 模板分三组推出。这是第一组,其它部分请参考第二组 ...
jejwe 评论(11) 有13196人浏览 2009-03-30 35 3

转载新闻 [Web前端] 有一种生涯,叫 PSD2HTML

CSS 诞生以前,如果谁拿着自己的 Photoshop 设计稿找人转换成 Web 页面,他只能失望。CSS 让一种不可能的生涯成为现实,PSD to HTML 或 XHTML,如今这是一个成熟的行业,本文搜集了40个从事 PSD2HTML 服务的网站,他们的真实水准我们不得而知,不过,他们自己的网站设计已经到了美轮美奂的地步。 Nifty XHTML PSD to HTML MediaGirl ...
jejwe 评论(19) 有10041人浏览 2009-03-29 21 0

原创新闻 [Web前端] 使用CSS创建时钟

如果你去过BBC网站,你一定会注意到网站右上方的时钟: Paul Hayes创建了一个类似的模拟时钟,使用CSS来设计时钟的外形,使用JavaScript用来获取当前的时间。 真正的魔术在于CSS的转换,如: /* -webkit-transition: property duration timing-function */ clock img[src*='hour'] { -we ...
zly06 评论(8) 有10707人浏览 2009-03-27 15 1

转载新闻 [Web前端] 9 个基于JavaScript 和 CSS 的 Web 图表框架

COMSHARP CMS 写道:jQuery, MooTools, Prototype 等优秀的 JavaScript 框架拥有各种强大的功能,包括绘制 Web 图表,使用这些框架以及相应插件,我们可以非常轻松地实现曲线图,圆饼图,柱状图等 Web 图表的绘制,而不必象以往那样通过复杂的 Flash 技术实现。本文介绍了9个优秀的基于 JavaScript 与 CSS 的 Web 图表框架。 1. ...
zly06 评论(4) 有14795人浏览 2009-03-17 17 0

原创新闻 [Web前端] Juicer:打包Javascipt和CSS

Christian Johansen发布了一个很不错的Sprocket-esque工具-Juicer,用于打包和保护你的JavaScript和CSS。它采用了最佳的做法,并将它们放在了一个工具中,其中包括: 解决JavaScript和CSS文件的相依性 结合文档 增加了CSS文件内URLs的cache busters 缩小文件(目前只有YUI Compressor) 压缩前,使用JsLint检查J ...
zly06 评论(0) 有3926人浏览 2009-03-06 3 0

原创新闻 [Web前端] Object Oriented CSS -面向对象的CSS

Nicole Sullivan为我们带来了Object Oriented CSS,它拥有YUI grids的全部功能,并增加了一些更重要的功能: 只有4kb,是YUI grids大小的一半 允许无线嵌套和堆积 唯一的改变是在HTML中,任何对象都可以替换它。简化了后端的开发,使其更统一管理新的成员。 Object Oriented CSS View more presentations ...
zly06 评论(7) 有6929人浏览 2009-03-03 21 1

原创新闻 [互联网] 08年,50个最佳CSS设计欣赏

今年,越来越多的设计师开始使用超大的背景图片技术和一些JavaScript框架(如jQuery及MooTools)来提高用户体验。还有一些设计师将Flash和CSS混合使用。 这是由WebDesignerWall今年选出50个最佳CSS设计,也许我们能从中发现2009年的新网页设计趋势?Let It Bleed大胆的视觉效果使这个网站脱颖而出。Vermont Coffee Works很好的混合使 ...
CSS
╱/罒呍唲 评论(18) 有10631人浏览 2008-12-08 14 0

最近热门TAG

JavaScript(842) Web(669) HTML5(533) jQuery(480) HTML(380) CSS(307) UI(273) Flash(222) Adobe(216) Ajax(172) JavaFX(94) Flex(82) GWT(73) EXT(71) AIR(69) Firebug(65) webkit(55) json(40) YUI(40) zk(38)

热门资讯

Global site tag (gtag.js) - Google Analytics