记录我们自己的前端生活!
ailin0807
该用户没有分享资料
ailin0807
30个漂亮有创意的404未找到错误页面
六 4th
错误页面并不需要难看。 在网站上，任何一个断开的链接将会导致404未找到错误页面。对于这个问题现在 有两种方法可以解决。
选项1：目前，用户使用旧的和默认的错误页面，其中显示没有错误信息的其他。
选项2：第二个解决方案是目前习惯设计一个错误页的页面来解决这个问题或是提示他们可以看一些其他的东西。
你认为哪一种更好呢？显然，第二个选项。
这收集了30个集漂亮和创意的404未找到错误页面：
[转]前端工程师的尴尬处境
五 12th
跟大家分享一下：
A: 某小白MM，B: 后端程序员，C: 美工，D: 前端
A: 哎～D，你是做什么的呀？
D: 前端啊。
A: 前端是干什么的？
D: 前端… 前端就是做网站的。
A: 唉？我看网站不是 B 写出来的嘛，也没见你整天写代码呀？
D: 额… 我是做网站外观…
A: 唉？外观不是 C 画出来的吗？也没见你整天开 PS 呀？
D: （汗）我的工作就是把他俩的活儿结合起来…
A: [斜视] 唔，就这么轻松的工作嘛，什么都不用你干。
D: [内牛成河]
css圆角
四 27th
css3和html5 在大家的眼中已经不是什么新鲜的事了，但是能兼容它的浏览器却不是全部，而我只是简单的看了它们的一些属性，简单的性的了解了一下。前些时间一个同事让我写一个圆角的div，要求是尽量少放图片，我想到了css3中有这个属性
在网上查了查发现写圆角的方法还是有很多的。大概的总结了以下几点：
1.灵活的圆角
为了能让圆角更加灵活，我们可以把容器里的每个圆角都做成一个独立的元素，通过CSS强行定位到父容器的四个角上。在这个方法里，我们只需要用到下边这个图片。
HTML:
css 框架
四 10th
对于小的Web开发项目来说，CSS 框架并不一定就适用，至少不见得能提高多少工作效率。但对于一个开发团队和规模比较大的项目来说，CSS 框架不仅能加快设计进更能解决网站改版中带来的诸多麻烦和问题。当适当地使用CSS框架的时候，或许会减少您开发的进度。相反，如果您在项目中选择了错误的框架，那么就可能会耗费额外的工作和时间。下面来看看一些自认为还可以的css框架：
Blueprint 是一个 CSS 框架，它的目的是减少你的css开发时间,同时包含了 CSS reset以消除不同浏览器之间的它提供一个可靠的css基础去创建你的项目，BP由一个易用的网格、合理的布差异局和一个打印样式。
YUI Grids CSS 支持像固定宽度布局那样的流宽度布局。这是基于YUI Grids CSS 高级应用，区别于其它 CSS 框架。您可以通过从官方网站中下载快速参考表和YUI Grids生成来开始 YUI Grids CSS 应用。YUI Grids CSS为开发者提供了预先设置的四种不同页面宽度，六种不同的模板。有国外作者曾指出YUI Grids CSS中最值得学习的网格布局CSS写法:
- 负Margin技术
- 使用度量单位em
- 清除布局的浮动
一款很值得查看的非常出色的CSS框架。该下载包含有Firework，Photoshop，Inkscape等等的模板。所以您可以马上设计网页模板。PSD的文件，已经准备好的配备指南也为设计师们节省了不少时间
About Font (续)
三 1st
上次在Abot Font 中介绍了一些特殊的字体在网页中无法实现的一种解决办法， 我们要去解决他的原因是因为1. 不可能大范围的使用该字体；2. 图片内容相对使用文字不易修改；3. 不利于网站SEO（主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素）。这次学到一个新的解决办法：如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体,相对于上一种一来说更简单一些。来给大家分享一下：
图片自适应屏幕分辨率大小
一 25th
我们在切图的时候常会遇到这样一个问题：Design of the head常是一个通栏很漂亮的一个图片，它的宽度超过了1024的屏幕分辨率，虽然我们现在用的到的都是大于1024的分辨率，但也不排除用1024或是比1024更小的分辨率。那这个时候这个非常漂亮的图片怎么办呢这个时候我们就可以使用图片随着分辨率的大小自动调整的方法来解决这个问题：
这里我们需要用到一个JS文件,点击下载这个JS:
http://cid-8127d59343265667.skydrive.live.com/self.aspx/NamipanPublic/2010-01-25/jquery.js
还有必须前面申明 : 更多 >
