View allAll Photos Tagged JQuery.
Eat My Words is a San Francisco based, woman-owned naming business. Alexandra and the team create great names and taglines for clients such as Nestle, Clorox, Del Monte and Altec Lansing.
Customization of Twenty Ten theme.
Unique header images for every page.
Flash on homepage (replaced with an image for iPhone/iPad compatibility).
Personalized WordPress 3.0 menus.
Custom jQuery for expanding/collapsing menus in sidebar.
using A jQuery Flickr Feed Plugin to show flickr photos in glow. Can show thumbnails of a user tag combination (other possibilities too) quite simply.
Quick hack I'm working on. It
- grabs data in semi-realtime to server as JSON
- loads JSON data into browser as users mouse-over.
This is repeated for my flickr, hackernews, lastfm and delicious links. The test run you see here loads a pre-fetched json file using the flickr API to get the latest images I've uploaded. I update this list every couple of hours or so. Here the test data is simply a static file.
Sure the layout is borked (size etc). But you can see the image with the mouse run over it is constructed via the JSON file building a link with an image in the url with title and link. The result will be sort of real-time. The trade-off is data from my updated sites that will be current today, not necessarily the last minute.
The interesting bit is extracting the JSON file data and then writing the JQuery script in the $.document.ready function. Chaining works as you would expect and I've added the image to a url by identifying a unique image id (generated in Javascript at runtime). A lot to do but it shows me with a bit of preprocessing at the server
- python api request to flickr
- build & check valid JSON file
Then have a small Javascript library using my own tools that read JSON, build an array of objects then hand to JQuery to render a result.
I'll be writing a more detailed example showing how I used the flickr API with python, the resultant JSON file, JQuery and Firebug at a future date.
next >>>
Hot site criado para divulgar o evento Vitória Game Party - #VGP,
Levantamento de requisitos
Definição de escopo
Criação do Layout
Montagem e estruturação
Tecnologias: HTML, HTML5, CSS, CSS3, jScript com jQuery.
Desenvolvido por: Huxley Dias
veja em: www.vitoriagameparty.com.br/
Horizons Economic website layout
HARDWARE: MACBOOK Pro
TOOLS: Adobe PS CSS5, Adobe DW CSS5, Xampp
WEB LANGUAGE: HTML5, CSS3, jQuery, PHP
A web catalogue of designer office furniture, fully responsive.
Tools used: Wordpress, jQuery, php, Photoshop
Vivek Khurana (Founder, SoundSource Consultancy) at FOSJAM organized by JERC, Jaipur, with the participants in the jquery session lead by Vivek.
Creating customized Open Source solutions for your business.
business@soundsource.net
#wrap
position: relative;
padding: 10px;
overflow: hidden;
#gradient
width:100%;
height:200px;
background: red; /* For browsers that do not support gradients */
background: linear-gradient(rgba(128,128,128,0), rgba(255,255,255,1)); /*Standard*/
position:absolute;
bottom:0;
left:0;
#read-more
padding:5px;
border-top:4px double #ddd;
background:#fff;
color:#333;
var conditionNotMember='';
var cond2='';
// Membership needed
messageLogin='Abonné ? Se connecter, Transpiree c'est quoi ? Découvrir';
jQuery(document).ready(function( $ )
// Hover
$( "#gallery-1 img" ).hover(
function()
$( this ).css('opacity', 1);
, function()
$( this ).css('opacity', 0.6);
);
// Opacity
$( "#gallery-1 img" ).css('opacity', 0.6);
// Remove some images
var picturnNb = 0;
$('#gallery-1 img').each(function()
picturnNb++;
if (picturnNb == 10)
$(this).attr("src","/ext/protection/MorePictures.jpeg");
$(this).removeAttr("srcset");
if (picturnNb > 10)
$(this).remove();
);
$( "#gallery-1 img" ).click(function(event)
// Stop default event
event.preventDefault();
event.stopPropagation();
// Change image to default warning's one
$.swipebox( [
href:'/ext/protection/ConnexionRequise.jpeg', title:'Il faut se connecter'
]);
);
var ficheInsideRandonneeLien = $("#ficheInsideRandonneeLien");
var articleBody = $("div[itemprop='articleBody']");
var gallery = $("#gallery-1");
articleBody.attr('id', 'wrap');
// Percent
var percent = 35;
var diffPercent = 100 - percent;
// Compute new height
var defHeight = (articleBody.height() - ficheInsideRandonneeLien.height() - gallery.height())*percent/100;
articleBody.css('height' , defHeight + 'px');
articleBody.append('');
articleBody.after('');
$('#read-more').append('Déjà '+percent+'% de lu, il reste '+ diffPercent +'%. ' + messageLogin + '');
$('#read-more').after(gallery);
);
.img_thumb
display:flex;
align-items:center;
.img_right
float:right;
.img_left
float:left;
.centerText
text-align: center;
border-bottom: 1px solid #e7e6e6;
@media all and (min-width: 700px)
.img_margin_top
margin-top:19px;
.img_margin_top_video
margin-top:28px;
margin-right:10px;
@media screen and (max-width: 700px)
.img_margin_top
margin-top:12px;
.img_margin_top_video
margin-top:16px;
Suisse | Valais
Suisse | Valais
www.transpiree.com/randonnee/col-de-eveque-arolla-cabane-...
John Resig of Mozilla, creator of the jQuery javascript library, speaks at Yahoo on December 11, 2009.
Highlighted features:
Driven by XML or arrays
Optimzed for mobile device (IOS and Android)
Navigation by gestures
Easy to setup
Support Pinch Zoom on IOS
Easy customization
Live demo: www.flashcomponents.net/component/mobile-album.html
➔ Skiff Life says: @brandongreen11 with a huge red! Dm us or tag us in your fishing pics to be featured!
#skifflife
Top Selling Gear
var lsjQuery = jQuery;
lsjQuery(document).ready(function() {
if(typeof lsjQuery.fn.layerSlider == "undefined") lsShowNotice('layerslider_1','jquery');
else...
Mobile view for the "Introducing Cheapflights hotels" campaign.
More info on my portfolio: goo.gl/aYxRi
That's our Mobile application developers Abdul Rahman and Chandrashekar presenting at an Mobility Applicaiton Development User Group called VMAD (Vizag Mobile Application Development). The topic being presented is on PhoneGap and iOS development. Rahman and Chandrashekar demonstrated few iOS coding techniques using PhoneGap & JQUERY. Great job fellas!
Features:
Unlimited categories
Display unlimited amount of images within categories
AutoPlay with global timer / Previous / Next / Show-Hide categories menu / Info buttons
Info button automatically hides when no description is available
Image ZoomIn and ZoomOut support
Image panning support on mouse over when the image is zoomed
Menu thumbnails size adjustable
Highly customizable skins and HTML / CSS driven description text box
Set URL links for each image
Help file available
Live demo: www.flashcomponents.net/component/jquery-pan-image-galler...
Remember these guys? Probably not but I was kicking around the idea of having an animated gif/jquery project based off of them.
jQuery wizard plugin based on Bootstrap.Inspired by acc-wizard, this wizard is different from acc-wizard in a few ways:
Source code is CoffeeScript;
Not based on hash when move forward and backward in wizard;
Not based on Bootstrap accordion;
More events and utilize public methods.
This plugin...
www.99designhub.com/2014/07/bs-wizard-jquery-wizard-plugi...