HTML,DIV+CSS,js,JQ,UI-WEB前端设计经验 @ hnyei 寒意

摘要： 如何编写CSS代码才能更有效率？这是许多网页制作者与开发者都关心的问题。大概没有什么魔法，可以保证一下就把你的样式表缩小到百分之多少，但合理的 CSS 编码与组织技巧，的确能够帮助你的更有效率地写出更清晰高效的代码，自然，样式表大小的缩减还能减少下载的时间。 阅读全文

摘要： 解决IE兼容问题是比较头疼的问题，无论你是新入门的菜鸟还是久经考验的职业行家，兼容问题，特别是IE，IE6会让你非常头疼。很多时候，div CSS在IE下的解析十分奇怪，一个比较经典的bug就是设置border的时候，有时候border会断开，刷新页面或者滚动滚动条的时候，断掉的部分又会连接起来 阅读全文

摘要： 过去有很多网页设计师喜欢将他们的网页效果图用table布局实现成网页，但是这样做会遇到一个比较麻烦的问题就是，后期调试和维护会相当的困难。现在，越来越多的前端开发er们开始使用xHTML+CSS替代最初的table布局完成网页的整体布局，不但让网站降低了开发和维护的成本，而且代码也更语义化了。但是，并不是说table从此消失了，它仍然被很多人用来作为网页中数据表现的必需品，比如个人信息数据列表等。事实上，使用HTML的dl、dt、dd标签会让你节省更多的代码，更能让代码符合内容的语义化。当然，table也有它的用武之地，那就是很大数据量的数据表，但是小型的数据列表和表单完全可以不使用table哦！ 阅读全文

摘要： 首先，让我们来回顾下 cookies。Cookies 的出现可谓大大推动了Web的发展，但它既有优点也有一定的缺陷。Cookies 的优点在于，它可以允许我们在登陆网站时，记住我们输入的用户名和密码，这样在下一次登陆时就不需要再次输入了，达到自动登陆的效果。 阅读全文

摘要： 前些日子在SmashingMagazine看到一篇关于CSS3新技术不错的文章，它详细介绍了CSS3的新特性和它的使用方法，它包括:浏览器专有属性、选择器(属性选择器、连字符、伪类、伪元素)、RGBA和透明度属性、多栏布局、多背景图、Word Wrap、文字阴影、CSS圆角、边框图片、盒阴影、盒尺寸、媒体查询、语音，并详细说明了每个新技术目前有哪些浏览器兼容。 阅读全文

摘要： 层叠样式表(css)是Web设计的一种语言，CSS的下一代版本CSS3已经蓄势待发。你是否可望开始使用它们却又不知从何下手呢？虽然还有一些新属性没有得到官方的确认，但是一些浏览器已经开始支持来自CSS3得新特性了。 　　但问题是——许多浏览器支持了，唯独最主要的Internet Explorer浏览器仍不支持！ 　　很多人尤其是中国的前端er们会觉得既然IE不支持，那就先不关心CSS3。其实不应这样的，CSS3现在能为我们带来什么好处呢？至少现在我们就能使用那些CSS3的新特性来进行设计增强 阅读全文

摘要： 后台管理虽然一般由内部人员使用的平台，更侧重于功能而非美观，但拥有一个漂亮的后台管理界面，工作起来心情更加愉悦，而且很多客户也对后台管理界面有先入为主的印象。 下面是 50 个很漂亮、专业的后台管理界面风格，不知道有没有你喜欢的，以供参考： 阅读全文

摘要： 级联样式表(CSS)在当代Web设计中已经成为重要的环节，如果没有CSS现在的网站将像10年前一样不堪入目。随着CSS技术的普及，越来越多的高质量CSS教程涌入互联网，让我们的学习更加方便。向大家推荐21个惊人的CSS技巧，相信其中必有你想不到的。还等什么，继续往下看吧！ 阅读全文

摘要： 在中国，很多前端开发初学者都会把xHTML+CSS页面制作说成DIV+CSS，甚至很多人都还不知道xHTML+CSS是什么意思，只知道盲目的追求DIV+CSS，但在国外，是没有DIV+CSS这个概念的，很明显如果单从字面上去理解，DIV+CSS的网页就要全都是div，很明显是无法达到语义化标准的。请把”DIV+CSS”这个词从脑子中删除，用”xHTML+CSS”替代吧！ 今天向大家推荐43个实例xHTML+CSS(DIV+CSS)网页及导航布局教程，在国外也可以叫做PSD2XHTML。如果你是以为网页设计师，可能会对将自己的效果图实现成语义化的xHTML页面感到头痛，还有一些CSS初学者对于xHTML+CSS处于懵懂状态，希望大家通过这43个”DIV+CSS”实例教程学习到语义化xHTML+CSS布局的精髓，即使你已经成为高手，我也相信其中有你值得学习的地方。 阅读全文

摘要： HTML5和CSS3已经开始彻底变革全世界的Web前端开发和Web设计发展格局，因为他们给这个领域带来了太多太多令人惊奇的新特性！我用大量时间学习了HTML5和CSS3技术，它们的动画、圆角等特效会令你震惊…在后面的内容将向大家推荐一些能帮助你更好的掌握甚至精通HTML5和CSS3的终极工具资源集合。虽然还有很多特性不被浏览器所支持，但我们作为前端开发从业者，有必要掌握它们。 阅读全文

摘要： 向大家推荐一些前端开发时必备的参考手册，它们能够让你在开发页面的时候查询一些必要的语法。这些手册(Cheat sheet)包括目前比较流行的编程语言，比如jQuery, Mootools, Prototype, CSS,HTML,Django等…Cheat sheet这个词组如果直译成中文，意思大概是”作弊小抄”之类的词，但Cheat sheet这个词的实际意思已经并非是贬义了，虽然中文还没有实际的对应词能够很好的翻译”Cheat sheet”，但大致意思就是用于参考的简洁手册，就像是考试作弊时将必备的数学公式等写在一张纸上，以便考试时查询。 阅读全文

摘要： DIV+CSS高手也需要了解的15个CSS常识 阅读全文

摘要： 如果你是网站前端开发人员，那么对你来说，也许做一个漂亮导航菜单会很得心应手。今天为大家总结各种导航菜单的资源，以便让大家的网站前端开发的工作更方便更快速，只要选择现成的例子就可以应用于自己的网站了。从非常简单的HTML和CSS导航菜单，到非常复杂和高级的JQuery、JavaScript和MooTools技术，这都可以让你轻松实现褪色、滑动、拖动等效果。如果您觉得这些资源值得一用，那就快把本网页收藏以备日后查阅吧！ 阅读全文

摘要： 设计一个网站从来都不是一件容易的事。如果你去询问一位在该行业有丰富经验的网页设计师，他会告诉你以前根本没有太多关于Web设计/开发的资源、文章和各种沟通交流平台，更不用说高质量免费教程了。 如果您打算建立自己的个人网站或者重新设计您的博客的主题，现在看来已经不是很难了。这要感谢那些慷慨的设计师和撰稿者们，现在互联网充满着各种很棒的教程来帮助你逐步建立自己的网站界面及导航。这篇文章只是让大家浅尝辄止，更多的学习资源大家可以自行寻找。我们以前曾发表过40个非常棒的网站界面设计PHOTOSHOP教程。一同分享这31个网站界面设计实践教程吧。 阅读全文

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