2012年即將過去，在這一年里，很多流行的前端效果都被展現了出來，我們最常見的打開一個網站，瀑布流映入眼前，動畫延遲加載也被很好的發揮，良好的title工具提示也有大的使用，等等，還有很多影響着前端界面的新技術被應用，因此年底有必要對12年使用到的新技術進行匯總
我已經把我個人最喜歡的教程進行了收集，這些教程主要集中在網絡技術，如動態橫幅，導航菜單，照片幻燈片，以及表單輸入的影響，如果本文章對你有幫助，請推薦一下，讓更多的開發者受益
你是否也在尋找
在線瀏覽PDF文件的實用jquery插件推薦簡化web開發者復雜任務的25個有用的javascript庫
精心推薦 web開發人員必須知道的21個最佳web教程開發網站
我收集到的最新的AJAX教程和技術（上篇）
推薦17個優美新鮮的jQuery的工具提示插件
Animated Tabs Widget
在本教程中我們要使用單選按鈕執行一些簡單的 CSS3 內容標簽：
Dynamic Web Banners
這個教程使用CSS3動畫來增添我們的網頁橫幅廣告，廣告或任何內容
CSS3 Animated Tooltips
這個教程告訴你如何創建一些簡單的動畫工具提示使用CSS transitions 和偽類 :before and :after，目前很流行的前端設計，值得推薦
Radio Button Switches
在本教程中，我們將創建逼真的開關按鈕，使用偽元素和復選框。
CSS3 Psuedo Buttons
在本教程中，將告訴你只用一個錨標記如何創建與扭曲的按鈕
Responsive Content Navigator
這個教程我向您展示如何創建一個具有響應性，CSS的內容導航樣式
Custom Dropdown Lists
一個jQuery插件將下拉列表中選擇輸入轉化成一些簡單的擴大效果。值得推薦
CSS3 Page Transitions
在過去的幾年里，我們已經看到了很多的單頁網站，他們中的大多數使用JavaScript的一些過渡效果。好了，這個教程教你如何使用CSSTransitions 和 the :target property屬性來執行CSS3過度效果
實時地理定位
有關如何創建一個簡單的實時顯示的位置，游客在互動地圖上使用Node.js和HTML5地理定位API的應用程序的一個教程。
定制登錄表單
在本教程中，我們將使用了一些有趣的CSS技術和HTML5技術創建一些現代性和創造性登錄表單。
Modern Blockquote Styles
讓我們創建一些有趣的和現代風格的block quotes。我們將使用不同的技術來創造獨特的外觀。
Vertical Showcase Slider
在本教程中，我們將創建一個非常簡單的和敏感產品的網上商店或組合滑塊
Sliding Image Panels
這個教程向您展示如何創建一些巧妙的滑動圖像只用CSS面板。我們的想法是，當點擊標簽時會使用面板的背景圖片和動畫
CSS3手風琴
使用隱藏的輸入和標簽，我們將創建一個CSS手風琴
Portfolio Filter
Cards Sorting Plugin
Baraja 是一個簡單易用的 jQuery 插件，它能讓你實現像擺放撲克牌一樣來顯示圖片以及洗牌式的切換效果。此插件基於 CSS3 的變換效果而實現。它可讓你設置圖片展開的速度，順時針或逆時針展開，切換效果(淡入淡出等)等等。
響應CSS時間軸
個教程如何創建一個實驗性的CSS只帶3D效果的時間表。
定時通知
快速提示有關如何創建一些簡單的定時與CSS動畫的通知。我們的想法是與一個特定的時間的進度條顯示通知，然后讓它消失
圈懸停效果
使用CSS過渡和3D旋轉圓有關如何創建不同的有趣的懸停效果的一個教程
圖片手風琴小工具
在本教程中，我們將創建一個圖像手風琴，使用sibling選擇符和一個嵌套的結構，我們可以控制項目/幻燈片的單選按鈕。
Parallax Slideshow
在本教程中，我們將創建一個幻燈片使用了CSS3屬性的視差效果。
Custom List Menu
如何創建一些自定義的下拉列表中的教程。我們會告訴你5個不同的下拉菜單，並列出各種用途的例子。
Fullscreen Slider with jQuery
一個教程：如何創建一個全屏幕幻燈片打開當前幻燈片時，導航到下一個或上一個。使用jQuery和CSS動畫的內容元素，我們可以創造出獨特的幻燈片切換效果。
Background Image Slideshow
創建一個CSS唯一的全屏背景圖片的幻燈片。我們將創建不同的圖像轉換，也使用CSS動畫創建標題。
Bookblock jQuery Flip Plugin
使用它可以創建動態的類似書本翻頁效果的幻燈。希望大家喜歡!
Fullscreen Transitions
如何創建一個100％的寬度和高度平滑滾動使用單選按鈕，導航和選擇符，我們會觸發相應的內容面板，創建一個“平滑滾動”的效果。
Animated Swatch Book
有關如何創建一個組件，它可以讓你打開和旋轉的樣本我們將使用CSS轉換和過渡，創建一個簡單的jQuery插件。
jQuery Area Charts
在本教程中，我們將介紹一些基本的D3.js，並創建一個信息圖表與多個區域圖以及上下文工具進行縮放和平移的數據。
3D Restaurant Menu Layout
一個3D菜單概念餐廳網站。我們的想法是一個折疊的傳單，將其展開，以顯示菜單項。
Triple-Panel Image Slider
一個教程如何創建一個三板的jQuery圖像滑塊具有3D外觀和圖像轉換效果。
CSS Loading Animations
在本教程中，將告訴你如何使一些有創意的CSS只加載動畫。
Lightbox Photobooth Strips
在今天的教程中，我們將向您展示如何創建一些可愛的照片帶
Fullscreen Video with BigVideo.js
使用BigVideo.js有關如何創建一個類似幻燈片的全屏視頻背景的
CSS3 Annotations
如何創建一個疊加效應的項目或圖像
Image Thumbnail Groups
這個jQuery插件，可以自動分組縮略圖，點擊縮略圖將調轉到具有共同屬性的一組數據
123