background preloader

Portfolio Image Navigation with jQuery

Portfolio Image Navigation with jQuery
« Previous Demo: Expanding Fullscreen Grid Portfolio Images by Angelo González back to the Codrops post Portfolio Image Navigation Up Down Previous Next

40 Awesome jQuery Plugins You Need to Check Out Scrolling jQuery Waypoints Waypoints allows you to easily trigger JavaScript events at specific scroll points. Ever wonder how people build those amazing scrolling effects? skrollr Parallax scrolling for the masses. Charts, Animations & Tables Handsontable A minimalistic approach to an Excel-like table editor in HTML & jQuery. jQuery Sparklines jQuery Sparklines helps you build little inline charts that are supplied with information via HTML or JavaScript. Teamwork Gantt Build incredible Gantt charts with jQuery. DataTables A jQuery plugin for creating impressive, highly functional data tables. arbor.js Build crazy looking, futuristic, animated and modular graphs. Layout Wookmark jQuery Plugin Easily build a Msonry-like layout like the one seen on Wookmark. jQuery Masonry The original jQuery Masonry. Isotope An amazing layout plugin that allows for intelligent and dynamic grids of items that can be easily sorted and filtered. FitVids.JS gridster.js Freetile.js Another plugin for masonry-style layout.

A jQuery Confirm Dialog Replacement with CSS3 via Ad Packs A jQuery Confirm Dialog Replacement Read & Download on cole rise 25 Useful HTML5 Tools For Designers & Developers | Resources The latest version of HTML – HTML5, adds many cool new elements to the applications that are being developed. These days it has become important for the web developers to learn and use the intricate elements of HTML5 to develop web apps and iOS-friendly sites. Did you know that Google has developed a HTML5 version of YouTube? This further encourages the developers to explore the potential of the markup language. Here we have fresh HTML5 resources which are very useful for both designers and developers. Today’s we put together a list of twenty five useful HTML5 Tools and resources to help save you time and energy along the way. You may be interested in the following modern trends related articles as well. Subscribe to our RSS via email, simply enter your email address & click subscribe. HTML5 is making the web design more powerful in different areas. Here is the list of 25 HTML5 frameworks and Tools for front-end designing and development. Demo Download Demo Download Demo Download

BookBlock: A Content Flip Plugin A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages. View demo Download source BookBlock is a plugin that can be used for creating booklet-like components that allow a “page flip” navigation. Any content can be used, such as images or text. We will be using jQuery++ by Bitovi which has some add-ons for jQuery (specifically, to add the swipe event). The following structure will allow to add custom content in a wrapper with the class “bb-item”, which represents an open page (left and right side): The plugin can be called like this: $(function() { $( '#bb-bookblock' ).bookblock(); }); You also have to include the other scripts that are needed (see one of the demo files). Options The following options are available: The following public methods are available to use in combination with navigation elements: Check out the demos with different configurations:

30 Incredible Infinity Pools Incredible Infinity Pool in Bali. Photo credit: Sean McGrath It’s the middle of a blistering hot summer in the United States, so taking a dip in the cool water of an infinity pool sounds heavenly. The design of infinity edge pools are visually stunning, as the swimming pool appears like the edge vanished and the pool stretches into the horizon or to infinity. [30 Pictures] Hint: Use “J” and “K” keys (after the page finish loading) to navigate from picture to picture. Shangri-la in Mactan Cebu, Philippines Photo credit: bingbing Alila Pool (HDR) Taken at the Alila Ubud in Bali. Bali, Munduk Moding Plantation Photo credit: Shura Bali, the good life. Tahiti disappearing edge infinity pool at sunset with pool bar Photo credit: Duncan Rawlinson Infinity pool with a flower and the sea in the “horizon,” beyond the vanishing edge. Bali Infinity Pool swimming to the edge of eternity. Sunset in Saint Martin. Acapulco infinity pool on a steep hillside in the midst of a jungle. St.

70 Things Every Computer Geek Should Know. | Arrow Webzine The term ‘geek’, once used to label a circus freak, has morphed in meaning over the years. What was once an unusual profession transferred into a word indicating social awkwardness. As time has gone on, the word has yet again morphed to indicate a new type of individual: someone who is obsessive over one (or more) particular subjects, whether it be science, photography, electronics, computers, media, or any other field. How to become a real computer Geek? Little known to most, there are many benefits to being a computer geek. You may get the answer here: The Meaning of Technical Acronyms USB – Universal Serial BusGPU – Graphics Processing UnitCPU – Central Processing UnitATA- AT Attachment (AT Attachment Packet Interface (ATAPI)SATA – Serial ATAHTML – Hyper-text Markup LanguageHTTP – Hypertext Transfer ProtocolFTP – File Transfer ProtocolP2P - peer to peer 1. One of the best list of default passwords. 1A. 2. 3. 4.

Trabajando con Three.js Introducción Con Three.js se puede crear cámaras, luces, materiales, objetos y muchas cosas más, lo mejor de todo es que puedes dibujar a placer en el lienzo de HTML5, WebGLo SVG, puesto que su código se encuentra abierto. Como todo, no significa que lo realizado valla a ser fácil de hacer, habrá ocasiones en que tendrás que resolver ciertas dificultades, por ello recomendamos ampliamente practiques con varios ejemplo dedicándoles tiempo a desarrollarlos y posteriormente perfeccionarlos. Empezando por lo básico Para entender lo que a continuación se explica debes tener conocimientos básicos de 3D y JavaScript, ya que podrías perderte durante el desarrollo del tema; te invitamos a que si no tienes éstos conocimientos básicos valdría la pena que aprendieras un poco más sobre el asunto antes de meterte a desarrollar el mismo. Bueno, comencemos… En nuestro lienzo 3D tendremos los siguientes objetos: Una escenaUn procesadorUna cámaraUno o dos Objetos con materiales Sugerencias

25 Mind-Blowing Aerial Photographs Around the World Rano Kau volcano in Rapa Nui National Park, Easter Island, Chile – Photograph by YANN ARTHUS BERTRAND For me, the allure of aerial photography is the unique perspective it gives. The world feels so different when viewed from above. It always gives me a newfound appreciation for this pale blue dot we call home. In my opinion, there is no better aerial photographer than Yann Arthus Bertrand. His volume of work is incomparable, and he has an incredible eye for the interesting and provocative. 2. Photograph by YANN ARTHUS BERTRAND 3. 4. 5. Born in Paris, France on March 13, 1946, Yann Arthus-Bertrand is a world-renowned photographer specializing in aerial photography. Upon his return to France, he published in 1981 his first book Lions, first release of a series of 80 books. 6. 7. 8. 9. 10. YANN ARTHUS-BERTRAND continued… In the 90s, under the patronage of UNESCO, Yann embarked upon his most ambitious project: creating an image bank of the Earth seen from above. 11. 12. 13. 14. 15. 16. 17.

Fluid 960 Grid System | 16-column Grid Article Heading Subheading Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Heading 3 Heading 4 Heading 5 Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Heading 6 Epsum factorial non deposit quid pro quo hic escorol.

Related: