2012年36个最佳前端开发指南

标签: 书籍与教程 资源 Web前端 Web开发 前端 | 发表时间:2012-12-23 16:57 | 作者:
出处:http://blog.jobbole.com

学习新开发技术通常都比较艰难和费时。以前Web开发人员是会买相关书籍,或者阅读其他开发人员编写的指南。如今每周都有很多新博文和教程。 spyrestudios 博主 Jake 收集、整理并分享他个人最喜欢的36篇前端开发指南文章。涵盖 CSS3、动态条幅、响应式内容结构、实时地理信息、响应式时间轴、图片选中3D效果、jQuery区域图表、3D餐馆菜单、纯CSS加载动画……

Animated Tabs Widget

Animated Tabs Widget

Dynamic Web Banners

Dynamic Web Banners

CSS3 Animated Tooltips

CSS3 Animated Tooltips

Radio Button Switches

Radio Button Switches

CSS3 Psuedo Buttons

CSS3 Psuedo Buttons

Responsive Content Navigator

content navigation widget css3 web development

Custom Dropdown Lists

unique styles for html5 select dropdown lists

CSS3 Page Transitions

custom web development tuts page transitions

Real-Time Geolocation

Node.js JavaScript scripting webapp location maps

Custom Login Form

html5 css3 web development contact form

Modern Blockquote Styles

custom css3 blockquote html5 web design styles tutorial

Vertical Showcase Slider

jQuery images gallery slider slideshow

Sliding Image Panels

custom sliding jQuery JavaScript CSS3 image panels

CSS3 Accordion

custom radio buttons checkboxes accordion form inputs

Portfolio Filter

jQuery plugin effects filtering portfolio entries

Cards Sorting Plugin

Freebie jQuery plugin sorting cards dynamically website

Responsive CSS Timeline

quotes timeline web design tutorial css3

Timed Notifications

timed notifications alert boxes tutorial

Circle Hover Effects

circle web design hover effects transitions

Image Accordion Widget

basic image gallery accordion design css3

3D Thumbnail Hover Effects 3D 缩略图悬浮特效

thumbmnail image hover effects jQuery css3

Parallax Slideshow

css3 transitions slideshow images html parallax scrolling

Custom List Menu

dropdown links navigation menu custom styles css3

Fullscreen Slider with jQuery

fullscreen website layout design jquery effects

Background Image Slideshow

fullscreen images background photo slideshow css3 tutorial

Bookblock jQuery Flip Plugin

flipping page effect jQuery html content

Fullscreen Transitions

transition website layout design fullscreen

Animated Swatch Book

CSS3 Colors Swatch Book HTML5 jQuery web development

jQuery Area Charts

data tracking updated charts dynamic jQuery

3D Restaurant Menu Layout

food restaurant bar website layout menu animated

Triple-Panel Image Slider

images slider three coding web developer css3

CSS Loading Animations

CSS3 animated loading ajax images

Lightbox Photobooth Strips

photo booth images strips css3 tutorial

Fullscreen Video with BigVideo.js

HTML5 fullscreen oversized videos streaming slideshow tutorial

CSS3 Annotations

fancy tutorial website guide annotations css3 jquery

Image Thumbnail Groups

Adaptive responsive image galleries thumbnails

 

英文原文: spyrestudios,编译: 伯乐在线

译文链接: http://blog.jobbole.com/31281/

【如需转载,请在正文中标注并保留原文链接、译文链接和译者等信息,谢谢合作!】 

相关文章

相关 [前端 开发] 推荐:

前端开发大众手册

- Ran - FeedzShare
来自: xilo's blog - FeedzShare  . 发布时间:2009年03月09日,  已有 3 人推荐. 一直觉得前端开发缺个手册,这是个体力活. 今天闲来无事,把一些工具(online和client的)、常用网址、以及经验总结等罗列出来和大家分享下. 这个标题起地大了点,肯定会有很多地方没列到,包括类目的分法也可能考虑不周,所以还请大家积极补充指正,可以直接留言,也可以发邮件给我.

前端开发 – 我们的职业

- aoao - 崔凯,前端开发
写给“正在纠结”、“准备纠结”的前端开发们,希望对大家求职有所帮助:. 很多人提出薪资要求的时候,会说:“现在房租是多少多少、吃饭要多少多少、泡妞会多少多少”,所以,至少拿多少多少的工资,才满足自己的需求. 如果说这些话的人,已经是公司的老员工,和老板私人关系很不错,那这么讲还凑合. 但如果是职场新人,首次过来应聘,谈这些就很不在点上.

CssGaga:前端开发和部署利器

- Anew - 前端观察
涛哥@ytzong 开发的cssgaga用了好久,确实是个好工具,早想把它推荐给大家用了. 今天就做个简介,涛哥网站有详细的介绍,这里不多说. (工作量)一般都能减少20%以上吧,没怎么统计. 一个极端的例子:某人使用了CssGaga后从原来早9点到晚11点下班,午休都在做到现在晚5点半下班,中午还能看一部完整电影 (via twitter).

前端开发流程自动化

- Lee - 《程序员》杂志官网
如今前端工程师需要维护的代码变得极为庞大和复杂,代码维护、打包、发布等流程上浪费的时间精力也越来越多. 精简流程、提高效率,是每一个前端团队都会遇到的问题. 大部分前端团队使用Ant脚本进行这一系列流程的自动操作. Ant主要用于代码构建、打包、部署的自动化操作. 早先主要用于Java开发,但由于它具有接口开放、便于配置、Java跨平台等特性,在前端流程自动化方面同样可以发挥强大的功用.

前端开发中的MCRV模式

- 亚威 - 百度泛用户体验
MCRV设计模式 Javascript MVC Web开发标准. 1.Web前端开发面临的问题. 早期的Web页开发(Web前端开发)中,Web页面较为简单,大多数Web页面的功能仅限于用HTML和简单样式展示静态信息,或向服务器发送数据,Web页面与用户的交互较少. 随着Web的发展,DHTML、CSS、javascript等技术出现,Web页不再仅限于展示静态信息,动态、交互成为Web页的主流功能之一.

关于前端开发这份工作

- paaboo - 小麦的自习教室
一直想写点关于前端开发职位本身的文字,但写了好几次都没发. 最近又在持续的招聘,对应聘和招聘有些感想,零散的写多少算多少吧. 关于“前端开发工程师”这个职位. 当一个词开始泛滥,就会被人忘记它的本意. 首先,它是“开发工程师”,也就是程序员. 所以,程序员应该具备的素质,比如逻辑能力,写代码的水平等等,算是它最最基础的要求.

前端开发大众手册

- Ease - 膘叔
很明显,这段内容是ctrl+c,ctrl+v而来的,做备份和资料查询用,挺好的. 原文来自:http://www.chencheng.org/blog/2008/10/25/f2e-manual/#f2e-manual-s1. 另外还搞了个Firefox插件《前端开发工具集》,把资源整合到一个菜单下,方便查询.

前端开发中的HTML优化

- - 可咔酷 | 网络杂货铺
在前端领域中,对Javascript和CSS的优化一直是大家关注的焦点,相应的压缩优化工具也非常丰富,相对而言对HTML优化的关注则显得有些冷淡. 在 Steve Souders的大作《Even Faster Web Sites》中谈到非常多有效的前端优化方法,例如Javascript的加载、CSS选择符、图片优化、gzip、iframe问题等,唯独没有细说HTML优化.