前端博客

摘要： 克军昨天的分享不错：前端基础架构的实践和思考从 2009 年起，也一直在想这些事。受克军启发，梳理成一张图：(请点击小图看大图)几点说明：将“架构”换成了“设施”，对应的英文是 Infrastructure. 感觉用“设施”更能精准表达原意。克军的大分类是设施的形态：是一个工具，还是一份规范，或是一个系统。这样分类不错，但系统和工具之间感觉很难区分，系统可以包含工具，工具可以是一个系统。这里从前端开发涉及的流程来划分：需求阶段 — 开发阶段 — 部署阶段 — 上线后。然后看每个阶段，需要哪些基础设施建设。想清楚后，前端的 Infrastructure 也就出来了。需求阶段，一个快速原型工具，无 阅读全文

摘要： 视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了 这项技术。今天这篇文章就与大家分享30个视差滚动效果的网页设计作品，一起欣赏（以拖动滚动条方式浏览效果更佳）。01. Cymetriq02. Ludwings03. Intac to 10 Years04. Besser Leben Mit Lehm05. Interaktiva Online06. Shelton Fleming07. Werbeagentur Kopfnuss08. Grab & Go09. P 阅读全文

摘要： http://caibaojian.com/popular-css-snippets.html 阅读全文

摘要： 作者： 阮一峰日期： 2013年7月16日越来越多的网站，开始采用"单页面结构"（Single-page application）。整个网站只有一张网页，采用Ajax技术，根据用户的输入，加载不同的内容。这种做法的好处是用户体验好、节省流量，缺点是AJAX内容无法被搜索引擎抓取。举例来说，你有一个网站。 http://example.com 用户通过井号结构的URL，看到不同的内容。 http://example.com#1 http://example.com#2 http://example.com#3 但是，搜索引擎只抓取example.com，不会理会井号，因此也就 阅读全文

摘要： 作者： 阮一峰日期： 2011年6月11日前一段日子，我写了两个Bookmarklet----"短网址生成"和"短网址还原"。它们用起来很方便，除了我本人之外，其他朋友也在用。第一次发布Bookmarklet，就能有用户，我挺满意的。下面就是我整理的《Bookmarklet编写指南》，供自己和需要的朋友参考。====================================================Bookmarklet编写指南阮一峰 编写一、什么是Bookmarklet？Bookmarklet是一个复合词，由Bookmark（书签）和-le 阅读全文

摘要： CSS3技术离我们越近，我们也应该学习一些简单的CSS3技术了，而学习最基本的方法就是模仿，以及观看大师作品的案例。收集了20个基础教程，均是涉及到css3应用范围，值得你和我一起共同学习。Smooth Diagonal Fade Gallery with CSS3 TransitionsHow to Create a CSS3 Dropdown MenuSPLASH AND COMING SOON PAGE EFFECTS WITH CSS3CREATIVE CSS LOADING ANIMATIONSPure CSS3 LavaLamp MenuCIRCLE HOVER EFFECTS W 阅读全文

摘要： 使用cdn的js和css公用库为什么要使用cdn，用cdn资源有什么好处了，可以看看yahoo性能建议，中间有一条的http://developer.yahoo.com/performance/rules.html又浏览器同时对一个网站的链接数量有限制的推荐大家一个叫yslow性能检测工具的插件吧，在chrome和ff下面都有该插件的。网上去搜索1、有那些cdn资源呢2、如何用那些cdn资源有哪些cdn资源比较好呢我们把静态资源放到自己的服务器上面固然好像安全可靠，不过我们不是每一台服务器的都是cdn速度够快；根据雅虎的性能建议，把静态资源放到不同的域名下还能加快速度。一般是js和css公用库 阅读全文

摘要： Bootstrap 3 RC1 发布了，从官方上看，Bootstrap 3 似乎也开始趋于扁平化的风格设计。网站UI和Buttonbootstrap 2.3.2以下的整体UI和图标是以box-shadow和background-image:linear-gradient(to bottom, #00... 阅读全文

摘要： 学习新的开发技术通常是艰巨的和费时的。过去,web开发人员一般会购买书籍或阅读由其他开发人员编写的指南。现在你可以找到很多新的博客文章和教程! 更不用说在YouTube上的所有个性化的教程和类似的视频托管网络。我把这些内容做了汇集，主要关注web技术,如动态横幅、导航菜单、照片幻灯片,和表单输入,还有许多其他的。Animated Tabs WidgetDynamic Web BannersCSS3 Animated TooltipsRadio Button SwitchesCSS3 Psuedo ButtonsResponsive Content NavigatorCustom Dropdow 阅读全文

摘要： 前几天在淘宝UED（ http://ued.taobao.com/blog/ ）上看到了几篇不错的文章，且都有PPT，里面总结的很不错，因此分享给大家，主要针对的是初级前端开发者。这一系列课程由浅入深的介绍前端技术的关键部分，对HTML/CSS/JavaScript、包括浏览器渲染过程和JS引擎原理、常用工具等知识都有详细的讲解。一、淘宝前端技术巡礼 这一讲主要介绍了淘宝前端的技术发展。 原文地址： 前端技术系列课程(No.1) – 淘宝前端技术巡礼 PPT如下： PPT地址： http://www.slideshare.net/lijing00333/ss-12323405二、H... 阅读全文