CSS, HTML, 资源

15款非常有用的前端开发CSS网格(grid system)生成器

前端开发-网格生成器
现在的互联网上已经有很多能帮助设计师们的各种在线生成器,比如:图标(icon)生成器、背景生成器、按钮生成器和标志生成器等。Balkhis曾经为我们写过一片很不错的关于各种实用的在线生成器的文章。

如果没有这些在线的生成器,设计师们可能就要浪费很多精力在重复性的工作中了。今天彬Go将向大家分享一系列(15款)CSS网格布局生成器。如果大家不了解CSS网格布局的话,可以先看看彬Go之前的文章《960网格系统》、《使用Photoshop+960 Grid System模板进行网页设计》、《960 Grid System 基本原理及使用方法
(更多…)

CSS, HTML

学无止境的CSS(xHTML+CSS技巧教程资源大全)

学无止境的CSS(xHTML+CSS技巧教程资源大全)

今天在看我博客的访问统计的时候,看到了一个比较熟悉的网址,就是帕兰映像的博客,遂点击链接过去看看,结果发现了一个非常非常值得收藏的文章,这篇文章总结了许许多多CSS(xHTML+CSS或称DIV+CSS)的技巧、教程及资源。其中也有很多值得我学习的知识,相信这些资源对大家来说也是非常值得收藏的,看过之后收获是一定滴!所以转载到自己的博客上跟大家分享一下,在这里先感谢帕兰映像的辛苦总结。值得高兴的是,这篇文章中也包含了很多彬Go以前发表过的一些CSS教程或资源等。各位读者瞪大眼睛准备好哦,以下是原文:

(更多…)

CSS

960网格系统

随着CSS 框架的流行升温不断,前端er们也越来越关注CSS框架的使用,国内也有很多关于各种CSS框架的使用技巧和教程,彬Go一直关注着各种CSS框架,尤其是960 grid system(960网格系统),由于国内关于960网格系统的文章并不多,所以彬Go会尽量多的去帮助大家翻译和收集一些相关的教程和技巧,今天这篇关于960 grid system的文章转自译言,简单介绍了960网格系统(960 Grid System)问世的过程及960网格系统的特性及使用方法等。希望对大家有所帮助。同时彬Go在此祝大家Happy 牛 year!

更新:

Bryan Veloso 在最近在他重新发布的网站Avalonstar 上应用了960网格系统(960 Grid System)中的16列的PS模板开发。

在这同时感谢他给960.gs提供了网站的截图以供使用。

960-grid-system

(更多…)

网页设计

使用Photoshop+960 Grid System模板进行网页设计

960-grid-system-photoshop

前几天彬Go和大家一起讨论了960 Grid System这个CSS网格系统框架的基本原理和使用方法。今天,暴风彬彬将教大家使用Photoshop结合960 Grid System模板来设计一个真正符合960网格系统的网页效果图。

(更多…)

CSS

960 Grid System 基本原理及使用方法

960-网格系统

由于一些读者对于960 Grid System CSS Framework的原理和使用方法比较感兴趣,暴风彬彬今天将和大家一同分享这篇关于960 grid CSS Framework的基本原理和简单的使用方法。

关于CSS框架其实一直是一个比较热门且很有争议的话题,的确,国内的一些前端er们越来越关注CSS框架,并都开始尝试使用,觉得CSS框架能够节省更多的开发时间,显著提高工作效率。当然,还有很多人持相反意见,认为CSS并没有这么高级以至于要涉及到框架!我记得在cnBeta上曾经有位程序员讽刺道:”这年头,连CSS都有框架了?!”。今天暴风彬彬并不是要向大家介绍什么是CSS框架,也不会介绍各种CSS框架的优缺点。只是要讲解一下目前在国外很热门的一个框架,严格讲是网格系统,那就是960 Grid System。通过这篇教程你会知道使用960框架之后,你的开发工作会更快的开展。
(更多…)

CSS, 资源

精选15个国外CSS框架

什么是css框架

实际上还是让我们从框架说起吧。
框架就是一个你可以用于你的网站项目的基本的概念上的结构体。

css框架通常只是一些css文件的集合,这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如:

  • typography.css 基本排版规则
  • grid.css 基于网格的布局
  • layout.css 通常的布局
  • form.css for 表单样式
  • general.css 更多通用规则

您还可以参考以下前端开发/CSS相关资源:
使用CSS3开启GPU硬件加速提升网站动画渲染性能
推荐12款可用于前端开发的免费文本编辑器
Web前端开发必备手册下载
推荐20个让你学习并精通CSS的网站
300+Jquery, CSS, MooTools 和 JS的导航菜单资源

下面一起来了解一下各种不同的CSS框架吧:

1.960 Grid System

CSS-框架-960

960网格系统是一个通过提供通常使用的尺寸简化网站开发流程的努力的结果,基于960像素的页面宽度。它有两种类型,12和16列,他们可以独立使用或是协同使用。

(更多…)