View allAll Photos Tagged jQuery
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.
some time later...
The following url allows you to query your public profile without using the api ~ api.flickr.com/services/feeds/photos_public.gne?id=271642... If you use the api too much you can be throttled. So you have to ask why did I really bother? There may be reasons I want to make calls to the api but for the moment I'll stick with the feed in JSON format.
Here I've added my twitter feeds. A simple call to Twitter using the feed (not API) in JSON format. Removed the mouse-over JQuery as it was annoying.
A mouse-over of the link to twitter shows the date/time. A link over the flickr icon.
<<<< start
A Programadora Brasil é um programa da Secretaria do Audiovisual do Ministério da Cultura, desenvolvido por meio da Cinemateca Brasileira e do Centro Técnico do Audiovisual (CTAv). Seu objetivo é a disponibilização de filmes e vídeos para pontos de exibição.
> Desenvolvimento da interface (XHTML, CSS, jQuery);
Projeto desenvolvido na PictureWeb em 2006.
Marca líder de mercado no Brasil, revolucionou o tratamento de água para uso doméstico, ampliando e divulgando o conceito de um equipamento hoje símbolo de qualidade de vida - o purificador de água.
> Desenvolvimento da interface (XHTML, CSS, jQuery);
> Campanha de E-mail Marketing;
> Ações de manutenção: vitrines e conteúdo;
Projeto desenvolvido na PictureWeb em 2006.
Merupakan tugas akhir saya di Unikom. Dibuat dengan menggunakan PHP, JQuery, CSS3, beberapa plugins (JQuery UI,HeadJS,dll)
The reboot interface of PyCI is actually handled by Mochikit. It is pretty slick in that it will perform a system reboot in the background and notify you when the reboot is complete.
Here I am hand coding my own portfolio using sublime. The main areas of coding I am currently focusing on are HTML, CSS and Javascript.
Michah Ho BCIT new media
So I had the pleasure to make a chat client for USC's Marshall School of Business. Really, very enjoyable if you couldn't tell by the lovely chat box. The site is brought to you heavily by jQuery. I learned a lot on this project and hope to do more!
w0000t!
Page Slide provides a way to bring additional content or tools by sliding the whole screen to one side (left, right, top or bottom).
zwar ein bisschen mehr was nötig war aber, ... ! ;)
Projekt war eher Mini darum hab ich mich mehr aufs Design konzentriert.
Verwendet wurde: jQuery, PHP, HTML, CSS
The original image was taken by glsims99 and titled Cowboy's cat revels in the jQuery Goodness of the e4h jqsummit, but I just wanted to crop it and boost the contrast.
10 Things I Learned from the jQuery Source
Paul Irish will open the jQuery source on the big screen, and run through how the jQuery object works. This talk will cover self executing anonymous functions as a global abatement technique, several interesting methods, internal jQuery paradigms, hiddenhancements, plugin architecture, and the evented model of application design.
As a JavaScript, HTML & CSS evangelist for Microsoft, Rey focuses on
building stronger awareness to client-side development and helping Microsoft
meet the needs of this community. In addition, Rey is the Directory of
Community for the jQuery JavaScript project, writer for Ajaxian.com, and
editor of ScriptJunkie.com, a top online resource for solutions-based web
development articles.
The amazing thing this powerful antioxidant can do for you
if (jQuery && jQuery.mobile) jQuery.mobile.hashListeningEnabled = false; jQuery.mobile.pushStateEnabled=false; xMinicart("layout=MiniAttachToProductBrowser"); xSearch("id=ecwid-shopping-cart-search-9");...
The rich footer, where the footer of a page is almost a separate section filled with interesting but non-essential content, is almost a requirement of chic web design these days, and for good reason: it's an IA strategy that really works.
It also gives a design an opportunity to leave an interesting final impression. In the case of css-tricks.com, I was impressed by the Twitter box and the illustration as well as the awesome and subtle hover animation over the links in the right two columns. Very good last impression to leave one with! -Nate
I was contracted by Genral Mills to add new features to the pfpchallenge.com website for 2011.
Added teams and profile functionality along with applying a redesign to the site.
visit Media Upstream / Labs to try the 'Painting with DOM' tool : mediaupstream.com/sandbox/bg
a tool for painting with pure html, css, and javascript
Most Quick Left Hackfests are what you build in 3 hours or less. But this time, we didn't focus on what you built...but how you got there. On March 27, the Rube Goldberg Hackfest kicked off with nearly 100 folks and 4 teams ended up competiting in the end for prizes from our sponsors: Gnip, ATOMS, Mobiplug, and KST.
This was a redesign, which closely follows the template given in the main site. This enables the visitor to use the site in a number of platforms.
Role: Mobile Design and Development.
Jonathan Snook moves effortlessly from client-side, front-end work to hardcore server-side challenges, and his fluency in CSS, JavaScript, PHP and MySQL make make him the "turn-to" man for many high-profile clients. Coauthor of Accelerated DOM Scripting and The Art and Science of CSS, he writes regularly for Digital Web and Sitepoint while also maintaining his popular blog at Snook.ca.
Most Quick Left Hackfests are what you build in 3 hours or less. But this time, we didn't focus on what you built...but how you got there. On March 27, the Rube Goldberg Hackfest kicked off with nearly 100 folks and 4 teams ended up competiting in the end for prizes from our sponsors: Gnip, ATOMS, Mobiplug, and KST.
Most Quick Left Hackfests are what you build in 3 hours or less. But this time, we didn't focus on what you built...but how you got there. On March 27, the Rube Goldberg Hackfest kicked off with nearly 100 folks and 4 teams ended up competiting in the end for prizes from our sponsors: Gnip, ATOMS, Mobiplug, and KST.