UX & UE | About Interaction The field of Interaction Design is relatively new compared to other well-established fields like maths or physics. Although quantitative research in the field has made it more science-like, we can hardly say it is pure science. Experiments in science should be reproducible and theorems in science can be strictly proved, but this is hardly realised in user research. IxD – An unmatured field Another manifestation of an new or un-matured field is that people use different terms to refer to the same thing. In the field of interaction design, people actually speak different dialects of jargons. Usability and User Experience If you were asked to give the aim of Interaction Design (or whatever you call it). Usability is an older term compared to user experience. The Goals Whenever we design a user interface by following interaction design methodologies, we must fulfil a set of usability goals and another set of user experience goals. (1)Usability Goals What are the usability goals? 1. e.g. 2. 3.
Eee PC Internal Upgrades - ivc wiki There are several points on the motherboard where power can be draw, for devices requiring 3.3v or 5v. Ground is universal and allows for short wire runs. A diagram over the points can be found on the research page. The signal wires thickness is 30 AWG and 24 AWG for the power and ground wires. The wire type is called wire wrap and used for prototyping and repair work. Mine is Tefzel insulated and made by Habia Cable. USB hub To install USB devices internally, more USB connections were needed. Having two storage devices, flash drive and SD card reader, on the same upstream connection is not a good idea speed-wise, therefore I put one on a separate hub. The reason I choose to hook into the USB-port and leave the spare mini PCI-express USB connection alone is that I want to: For the type of hub, I went for as small as I could find. It goes under various names, here are a few I found: There's also a model with integrated SD card reader. Top and bottom: GPS with antenna First try Specifications:
How to create jQuery Parallax Scrolling Effect with 15 Tutorials Modern templates have many parallax scrolling effect built into them for appealing user interaction and to make sure users find the real call to action sometimes. Most of the time parallax scrolling goes beyond tolerable levels as most people hate to scroll longer than normal levels. Making sure and keeping parallax effects to jaw dropping and tolerable level is what you must learn eventually. jQuery Parallax scrolling effect is achieved easily with many pre made jQuery plugins which you can find with these tutorials. By going through these tutorials you will figure out the steps to make a successful parallax scrolling effect which can be later implemented on your website. Simple parallax scrolling tutorial One of the best starting point to learn parallax effect with large backgrounds floating upwards while the page elements are moved to the center of the page. Demo | Tutorial How to create a parallax scrolling website Demo | Tutorial Creating a Parallax Scrolling Webpage Using Jarallax.js
FancyZoom 1.1 Update: Version 1.1 released 2/8/08. Good bug fixes + Opera compatibility! ...so I fought back the charging Guanaco, immediately hopped on my paraglider, and basically caught the first flight out of Chile — but not without dealing with some cantankerous customs inspectors while drinking a cool glass of chicha. Smooth Javascript Image Zooming For Your Web Pages This much-requested chunk of Javascript to zoom images inline, originally written for this blog but later rolled out to the Panic website and used for screenshots, is now polished up, bug-fixed, available for you to use on your website! Designed to view full-size photos and images inline without requiring a separate web page load, FancyZoom's raison d’être (French for "raisin-determination") is providing a smooth, clean, truly Mac-like effect, almost like it's a function of Safari itself. Since FancyZoom is so easy to add to a web page, I encourage you to give it a try! Instructions 1 Download the FancyZoom package, right here: Example
Welcome to Jarallax.com What is jarallax?Web based parallax scrolling and much more! Jarallax is an open-source javascript library which makes adjusting css based on interaction easy.With Jarallax it's easy to create a parallax scrolling website. What to do next Follow Jarallax Support Jarallax Re-inventing XMLHttpRequest: Cross-browser implementation with sniffing capabilities Re-inventing XMLHttpRequest: Cross-browser implementation with sniffing capabilities Published by Sergey Ilinsky on 16th October, 2007 (Last Updated on 17th December, 2007) This article attempts to summarize some experience in working with the XMLHttpRequest object by showing how to: Implement a cross-browser XMLHttpRequest object (to replace the existing one) Enable interception of the XMLHttpRequest objects operations Solve multiple browser-specific XMLHttpRequest issues Contents 1. Most people are aware of how to make the Internet Explorer 6.0 browser compatible to the others with respect to its support for XMLHttpRequest object. Elegant, isn't it? Wrapping the native implementation into a cross-browser object This way we have a prototyped implementation of the XMLHttpRequest object. Enabling object sniffing capabilities The implementation should be capable of transparent sniffing of all operations done on all instances of the XMLHttpRequest object. 2. Gecko: Annoying <parsererror...>...
New images on Wookmark Log in Help Fresh on Wookmark Wookmark is a place for creativity.You should join us. Sign up Save Like Groups: Photography Groups: fun Groups: PJ Groups: veiculos Groups: Celebrity Data Grids with AJAX, DHTML and JavaScript Advertisement In order to be presented effectively, information needs structure. The more intuitive data structure is designed, the better users can understand the content. Table is a perfect example of a well-structured data presentation, which is easy to analyze and easy to handle. Furthermore, the user experience can be greatly enhanced with further optional functionalities – such as sorting, filtering and fast editing. Few months ago we’ve covered the basics of semantically correct CSS-based tables – among other things, we’ve presented solutions for Zebra tables and few tables with sorting and filtering functionalities; but we’ve missed some important ones. Now it’s time to get this right and list the rest – 17 free solutions for data grids, developed with AJAX, DHTML and/or JavaScript. Data Grids in an Overview 1. 2. dhtmlxGrid shows flexible and solid structure and can be presented in a variety of ways. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. Data Grids: Templates and Layouts
Video - Dive Into HTML5 You are here: Home ‣ Dive Into HTML5 ‣ Diving In nyone who has visited YouTube.com in the past four years knows that you can embed video in a web page. HTML5 defines a standard way to embed video in a web page, using a <video> element. But support for the <video> element itself is really only a small part of the story. Video Containers You may think of video files as “AVI files” or “MP4 files.” A video file usually contains multiple tracks — a video track (without audio), plus one or more audio tracks (without video). There are lots of video container formats. MPEG 4, usually with an .mp4 or .m4v extension. Video Codecs When you talk about “watching a video,” you’re probably talking about a combination of one video stream and one audio stream. When you “watch a video,” your video player is doing at least three things at once: A video codec is an algorithm by which a video stream is encoded, i.e. it specifies how to do #2 above. There are lossy and lossless video codecs. Theora Audio Codecs
ajax im - the ajax-based instant messenger Zing Design - We design & develop beautiful websites & mobile apps 30 Scripts For Galleries, Slideshows and Lightboxes Advertisement Family photos, vacation snapshots or creative artistic works: whatever images you have to present, you can present them in a variety of ways. On a big screen, in slide shows or in a thumbnails gallery. However, to convey the message of presented data effectively, it’s important to offer it in an attractive and intuitive way. Furthermore, the presentation itself can make images more valuable and simplify the browsing through hundreds of slides. There are literally hundreds of solutions for web-based galleries out there. Ajax Image Galleries & Lightboxes Minishowcase Minishowcase is a small and simple php/javascript online photo gallery, powered by AJAX/JSON that lets you put easily your images in an online gallery, without having to configure databases or changing and customising code (though you may do it if you feel so) allowing to have an up-and-running gallery in a few minutes. CSS-Based Image Galleries JavaScript + CSS-based Galleries & DHTML-Galleries It's done.
rcarousel – continuous jQuery UI carousel rcarousel development is discontinued at the moment. Maybe If I have more time and feel like it I will resume the work on the project. Anyway I encourage you to share it, fork it and whaterver you feel like. simple to use Now rcarousel is very simple to use. highly customizable rcarousel does not force you to use one pre-defined theme. many options to choose from There are many options to choose from. Any element As of 1.1 version you can use hopefully any HTML element inside a carousel. images with links As of 1.1 version there is no problem with wrapping IMG elements with links. Multiple carousels You can add as many carousels as you like to a page without a problem. Vertical carousels rcarousel supports also vertical orientation of carousels. Loading elements on demand With the help of append method, you can load elements on demand. Auto mode Thanks to the Auto mode you do not even have to use navigation. cool pagination simple API Available API allows you to control rcarousel at the run-time!
The Bézier Game