彬Go

关注前端开发/网页设计/网站可用性/用户体验,暴风彬彬的趣味互联网生活…

你需要了解的21个CSS惊人技巧

21-css-技巧
  级联样式表(CSS)在当代Web设计中已经成为重要的环节,如果没有CSS现在的网站将像10年前一样不堪入目。随着CSS技术的普及,越来越多的高质量CSS教程涌入互联网,让我们的学习更加方便。下面彬Go向大家推荐21个惊人的CSS技巧,相信其中必有你想不到的。还等什么,继续往下看吧!
本文未完,点这儿看完整内容 » »

  • 12 条评论了已经
  • 分类: CSS, 资源
  • 浏览:5,851
  • 99款高质量免费(X)HTML/CSS模板

    div-css-xhtml-模板

      大家都清楚一个网站象征着你和你的品牌,这取决于你如何构建自己的网站。正因为Wordpress越来越受到互联网设计群体的关注,它并不代表最基本的(X)HTML/CSS很丑、很杂乱和单调。彬Go将向大家推荐99个高质量的免费(X)HTML/CSS模板,你可以用于自己或公司企业的网站。
    本文未完,点这儿看完整内容 » »

  • 11 条评论了已经
  • 分类: CSS, XHTML, 资源
  • 浏览:6,682
  • 5个CSS3技术实现设计增强

    css3-新特性-教程

      层叠样式表(css)是Web设计的一种语言,CSS的下一代版本CSS3已经蓄势待发。你是否可望开始使用它们却又不知从何下手呢?虽然还有一些新属性没有得到官方的确认,但是一些浏览器已经开始支持来自CSS3得新特性了。
      但问题是——许多浏览器支持了,唯独最主要的Internet Explorer浏览器仍不支持!
      很多人尤其是中国的前端er们会觉得既然IE不支持,那就先不关心CSS3。其实不应这样的,CSS3现在能为我们带来什么好处呢?至少现在我们就能使用那些CSS3的新特性来进行设计增强。如果你赞成渐进增强这个理念的话,我想你一定会赞同彬Go的看法的~~
    本文未完,点这儿看完整内容 » »

  • 6 条评论了已经
  • 分类: CSS
  • 浏览:2,603
  • 一起感受HTML5和CSS3的能量

    html5-css3-教程

      Web设计师可以使用HTML4和CSS2.1完成一些很酷的东西。我们可以在不使用陈旧的基于table布局的基础上完成文档逻辑结构并创建内容丰富的网站。我们可以在不使用内联<font>和<br>标签的基础上对网站添加漂亮而细腻的风格样式。事实上,我们目前的设计能力已经让我们远离了那个可怕的浏览器战争时代、专有协议和那些充满闪动、滚动和闪烁的丑陋网页。
      虽然我们现在已经普遍使用了HTML4和CSS2.1,但是我们还可以做得更好!我们可以重组我们代码的结构并能让我们的页面代码更富有语义化特性。我们可以缩减带给页面美丽外观样式代码量并让他们有更高的可扩展性。现在,HTML5和CSS3正跃跃欲试的等待大家,下面让我们来看看他们是否真的能让我们的设计提升到下一个高度吧…
    本文未完,点这儿看完整内容 » »

  • 24 条评论了已经
  • 分类: CSS, HTML5
  • 浏览:7,022
  • 5步让你的CSS样式表成功减肥

    css-压缩-减肥

    你有没有觉得你的CSS样式表文件过于臃肿?其实如果你注意并培养一些比较好的CSS书写习惯,我想你的CSS样式表过于”肥胖”的问题会得到很好的改善的。来看看下面的简单5步吧,掌握之后你便能立即为你的CSS样式表修身了。
    本文未完,点这儿看完整内容 » »

  • 13 条评论了已经
  • 分类: CSS
  • 浏览:2,948
  • 提升你设计水平的CSS3新技术

    CSS3新技术

    前些日子在SmashingMagazine看到一篇关于CSS3新技术不错的文章,它详细介绍了CSS3的新特性和它的使用方法,它包括:浏览器专有属性、选择器(属性选择器、连字符、伪类、伪元素)、RGBA和透明度属性、多栏布局、多背景图、Word Wrap、文字阴影、CSS圆角、边框图片、盒阴影、盒尺寸、媒体查询、语音,并详细说明了每个新技术目前有哪些浏览器兼容。彬Go本想将本文翻译成中文版和大家分享,但发现已有国人完成翻译,所以就偷个小懒,转载一下人家的翻译,在此感谢前端观察的博主辛苦翻译本文,为大家贡献了如此珍贵的学习资料。

    如果你热爱前端开发,你对CSS感兴趣,那么你肯定不可错过这篇文章。
    本文未完,点这儿看完整内容 » »

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

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

  • 5 条评论了已经
  • 分类: CSS, XHTML, 资源
  • 浏览:3,599
  • 学无止境的CSS(xHTML+CSS技巧教程资源大全)

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

    本文未完,点这儿看完整内容 » »

  • 16 条评论了已经
  • 分类: CSS, XHTML
  • 浏览:8,310
  • 天津麻将-电视大奖赛-UI设计-前端开发

    今天展示一下五月底用4天时间完成的一个小项目,天津麻将电视大奖赛的专题官网UI设计+前端开发。这个项目要的很急,呵呵,所以非常非常赶…界面方面可能还有很多不如意的地方,但是网页的前端代码我是在既追求效率又追求质量的基础上完成的。这个项目的交互原型和详细需求不是我出的,所以内容结构和内容量、布局等不是我能大规模修改的。我只能在原型的基础上进行创意设计和修饰配色等。

    本文未完,点这儿看完整内容 » »

    展示:大学时期做的第一个xHTML+CSS项目

    彬Go-xHTML-css-作品

    今天我要向大家展示一下我早在大学三年级时为学校的心理咨询健康中心做的一个网站,呵呵,也许大家会纳闷为什么现在拿出来展示?因为我从毕业工作到现在已经一年了,想把当初自己为之骄傲的作品拿出来让大家拍拍砖,也是给自己一年的努力做一个对比,过两天我会再发一个近期的UI设计+前端项目作品,就是想总结一下从我开始学UI设计和CSS到现在到底都有哪些进步,也希望大家多多拍砖,但恳求手下留情,嘎嘎嘎~~
    本文未完,点这儿看完整内容 » »

    最新评论

    • 非常喜欢你的设计 代码我不懂 头部那个b... »
    • 看了 觉得算HTML5里比较有特色的内容... »
    • 恩,回忆,永远都回不去的记忆… »
    • 条件里除了js 我不是很熟练 其他都o... »
    • 太好了,感谢博主分享哦~ »
    • 看看行业行情,有冲动! »
    • 这样定位标签元素。以后万一网页布局有变动... »
    • 正在找这样的资料,非常有参考意义 »