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. 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: The illustrations and photos used in the demos are by Kevin Howdeshell, majownik and Isaac Montemayor.
Interactive Infographic: Which Renewable Energies Do We Use Most and At What... In the U.S., only about 8 percent of all energy use comes from renewable sources. Petroleum is currently our largest consumed source of energy (37 percent), with natural gas (25 percent), coal (21 percent), nuclear power (9 percent) and renewables following behind. However, renewable energy consumption is rising steadily, with the largest increases in biofuels, hydroelectric power, and wind. Currently, the cost of generating electricity with coal and natural gas is still cheaper by kWh, but new technology and interest in renewable resources is helping alternative energies become more cost-competitive. Check out this infographic for a look at which of these renewable sources are used most widely in America and at what cost. A collaboration between GOOD and Deeplocal, in partnership with GE
Portfolio Flipping Slider Using jQuery & CSS3 There are many ways on displaying our portfolio, one of them is using grid style with slider effect for pagination. In this tutorial I’m going to share about how to displaying our portfolio grid with flipping slider effect for pagination using jQuery & CSS3 Transform. Slider Behaviour The slider will change our portfolio images when it’s flipping, this flipping effect is triggered by user click on the pagination. So when user click a page each of our portfolio images will flipping 360 degree and when its animation near end the image will changed with new image. We will create four flipping effects that will be used for animation, there are : horizontal left direction, horizontal right direction, vertical top direction and vertical bottom direction. Markup & Styling We will create a listing of images using unordered list and create a single div for wrapper, this wrapper will be used to display our portfolio image in grid style and will be generated using JavaScript so it will left blank.
PopTech 2011 Science and Public Leadership Fellows Announced - Technology Scientists don't rise to celebrity status that often, and for good reason. Many would rather spend their extra hours in the research lab rather than courting public favor. But what if there was a middle ground and scientists could serve as public leaders, shepharding their research through public debates? Would we make fewer stupid decisions? "Visible scientific leaders shouldn’t be a rarity," says Andrew Zolli, executive director of PopTech. Foster social change: Help scientists not be boring. PopTech just announced its 2011 fellows, and the list is worth a gander. For a taste of this unique philosophy, here's a video about the program from last year's PopTech conference.
20+ Powerful jQuery Flipbook Plugins | Goodfav Magazine A lot of websites use jQuery flipbook plugins to present their product catalogs, sales brochures etc., and for a good reason. jQuery flip solutions provide a convenient and effective experience for visitor to look through a large set of items. If done right it is almost like having a printed brochure in your hands. With a flipbook plugin, you can allow your website visitors to flip through pages easily as if they were reading in a real book. Making use of a jQuery flipbook will allow you to present more contents to the viewer and make it look impressive at the same time. This collection contains more than 20 jQuery flipbook plugins that replicate the effect of flipping through a book from page to page. Responsive Flip Book with Touch Support – MORE INFO The Responsive Flip Book is fully HTML & jQuery driven no Flash Player needed. The jFlip Plugin – MORE INFO This plugin builds an image gallery made as a magazine. WowBook – MORE INFO Responsive FlipBook v5 jQuery – MORE INFO
Эффект перелистывания страниц на jQuery: более 20 мощных плагинов типа Flipbook Многие сайты используют подобные jQuery-плагины для предоставления каталогов продукции, продающих брошюр и так далее, и все это не просто так. jQuery-решения, позволяющие вам листать блоки контента, предлагают вам пользователям очень удобный способ ознакомиться с тем, что вы готовы предложить им. Если все сделать правильно, но такие электронные брошюры будут работать не хуже настоящих напечатанных, которые можно держать в руках. При помощи специальных плагинов, вы можете позволить посетителям вашего сайта без труда перелистывать страницы и чувствовать, будто они читают настоящую книгу. Использование jQuery-плагинов с эффектом перелистывания позволит вам представлять содержимое вашего сайта в более привлекательной манере. Перед тем, как выбрать подходящее вам решение, вам следует получить некоторый технический навык. Эта подборка состоит из более, чем 20 jQuery-плагинов соответствующего предназначения, которые позволят вам реализовать механизм перелистывания страниц. 01. 02. 03. 04. 06.