View allAll Photos Tagged tooltips
Carousel Features:
XML driven
all the positions, sizes and theme colors can be changed inside the XML file.
supports any image files (png, jpg, gif).
set the component's canvas width and height.
set the carousel position on the canvas.
set the thumb width and height.
set the carousel radius on x, y and z axis.
set the carousel angle for horizontal, vertical or oblique presentation.
set the thumb border size and color.
tooltip thumb option, which is dynamic (following the mouse).
set the tooltip background color and the text size and color.
the buttons can be enabled or disabled (visible or not).
set the buttons colors.
the scrollbar can be enabled or disabled like the buttons.
set the scrollbar track and handler colors.
the buttons, scrollbar and slideshow preloader positions can be set to be anywhere.
the carousel can also be rotated with the mousewheel (can be disabled).
slide show option.
auto play option.
set the slideshow transition time (when set to autoplay).
it can open URLs when an image is clicked.
the performance of this product is so good that you can have multiple carousel instances set to auto-slide in the same page of your project or website.
Live demo: www.flashcomponents.net/component/html5-canvas-carousel.html
The Close / Maximize / Minimize ToolTips are not Aero-compliant, and there is no way to turn them off (that I can tell).
Ouvrir Blender
Pour mettre Blender en français : Menu Fichier / Users preferences / System / en bas Ã
droite de la fenêtre, cocher International fonts puis cliquer sur interface et tooltips
(infobulle), puis cliquer sur Enregistrer préférences utilisateur, en bas à gauche de la
fenêtre. Enfin, fermer la fenêtre.
Clic droit sur le cube pour le sélectionner
Touche X ou suppr du clavier puis cliquer sur supprimer
Dans le Menu Ajouter sous la fenêtre de visualisation, cliquer sur Mesh / Cylindre
Pour vous déplacer dans la fenêtre 3D, cliquer sur la roulette au milieu de la souris, garder
le bouton enfoncé et bouger la souris
Pour zoomer ou dé zoomer, faire rouler la roulette de la souris
On peut aussi changer de vue avec le clavier numérique : Le 0 donne la vue caméra, le 1
donne une vue de face (ctrl + 1 : vue de derrière), le 3 donne la vue de droite (ctrl + 3 :
vue de gauche), le 7 donne une vue de dessus (ctrl + 7 : vue de dessous), les autres
numéros donnent des vues intermédiaires sauf le 5 qui met ou enlève le mode ortho (le
mode ortho permet plus de précision dans la modélisation). On retrouve toutes ces
actions dans le Menu Vue, sous la fenêtre de visualisation.
Mettre la visualisation en face et en ortho : appuyer sur 1 (vue de face) et sur 5 (mode
ortho) du clavier numérique. Cliquer sur la flèche Z (bleue) et faites monter le cylindre au
dessus de la grille (trait rouge) de manière à avoir l’espace nécessaire pour créer le pied
du verre.
En dessous de la fenêtre de visualisation cliquer sur Mode Objet / Mode Edit,
Appuyer sur Ctrl + r pour créer une arrête, une ligne rose apparaît, cliquer gauche une
première fois, la ligne devient jaune, déplacer la souris pour amener la ligne vers le bas du
cylindre, puis cliquer pour la fixer
Cliquer sur l’icône Sélection de face (2ème flèche jaune sur l’illustration au dessus)
Remettez-vous en vision en perspective en appuyant sur le 5 du clavier numérique.
Sélectionner la face dessous l’objet en faisant un clic droit dessus.
Appuyer sur s du clavier et réduire la face en bougeant la souris. Pour valider, faire un clic
gauche ou pour annuler un clic droit.
Appuyer sur e du clavier et bouger la souris vers le bas pour extruder le pied du verre
Extruder de nouveau un morceau de faible épaisseur pour commencer à réaliser la base
du pied en appuyant sur e du clavier et en bougeant la souris vers le bas.
Puis appuyer sur s du clavier pour élargir cette base en bougeant la souris
Mettre la visualisation en vue de dessus en appuyant sur le 7 du clavier numérique, puis
faites un clic droit sur l’objet pour sélectionner le dessus de l’objet. Puis appuyer sur X ou
suppr du clavier puis cliquer sur Faces.
Remettez le Mode Objet puis aller dans la palette-Menu à gauche et cliquer sur l’onglet
Outils / Ombrage / Adoucir
Aller dans la palette-Menu de droite et cliquer sur l’icône Matériau puis sur Nouveau
Cliquer sur la zone blanche sous Diffuse et choisir la couleur que vous voulez appliquer à l’objet
Pour voir le rendu final appuyer sur F12, pour sortir du rendu appuyer sur Èchap
Pour que la caméra se mette dans l’alignement de votre vue écran appuyer sur Ctrl + alt +0
Sélectionner et déplacer la lampe pour avoir la lumière voulue sur l’objet (vous pouvez en
ajouter dans le Menu / Ajouter / Lampe). Vérifier avec F12. (pour sortir touche Echap)
Pour le Rendu, aller dans la Palette complètement Ã
droite, l’icône appareil photo
Dans Ombrage, sous Ray Tracing, cliquer sur Transparent
Régler la taille de l'image (1920 X 1080 pixels par exemple), 1 Frame début et une frame fin, en .png; Choisir le chemin de sortie; puis cliquer sur Animation
Ouvrir Blender
Pour mettre Blender en français : Menu Fichier / Users preferences / System / en bas à droite de la fenêtre, cocher International fonts puis cliquer sur interface et tooltips (infobulle), puis cliquer sur Enregistrer préférences utilisateur, en bas à gauche de la fenêtre. Enfin, fermer la fenêtre.
Clic droit sur le cube pour le sélectionner
Touche X ou suppr du clavier puis cliquer sur supprimer
Dans le Menu Ajouter sous la fenêtre de visualisation, cliquer sur Mesh / Cylindre
Pour vous déplacer dans la fenêtre 3D, cliquer sur la roulette au milieu de la souris, garder le bouton enfoncé et bouger la souris
Pour zoomer ou dé zoomer, faire rouler la roulette de la souris
On peut aussi changer de vue avec le clavier numérique : Le 0 donne la vue caméra, le 1 donne une vue de face (ctrl + 1 : vue de derrière), le 3 donne la vue de droite (ctrl + 3 : vue de gauche), le 7 donne une vue de dessus (ctrl + 7 : vue de dessous), les autres numéros donnent des vues intermédiaires sauf le 5 qui met ou enlève le mode ortho (le mode ortho permet plus de précision dans la modélisation). On retrouve toutes ces actions dans le Menu Vue, sous la fenêtre de visualisation.
Mettre la visualisation en face et en ortho : appuyer sur 1 (vue de face) et sur 5 (mode ortho) du clavier numérique. Cliquer sur la flèche Z (bleue) et faites monter le cylindre au dessus de la grille (trait rouge) de manière à avoir l’espace nécessaire pour créer le pied du verre.
En dessous de la fenêtre de visualisation cliquer sur Mode Objet / Mode Edit,
Appuyer sur Ctrl + r pour créer une arrête, une ligne rose apparaît, cliquer gauche une première fois, la ligne devient jaune, déplacer la souris pour amener la ligne vers le bas du cylindre, puis cliquer pour la fixer
Cliquer sur l’icône Sélection de face (2ème flèche jaune sur l’illustration au dessus)
Remettez-vous en vision en perspective en appuyant sur le 5 du clavier numérique.
Sélectionner la face dessous l’objet en faisant un clic droit dessus.
Appuyer sur s du clavier et réduire la face en bougeant la souris. Pour valider, faire un clic gauche ou pour annuler un clic droit.
Appuyer sur e du clavier et bouger la souris vers le bas pour extruder le pied du verre
Extruder de nouveau un morceau de faible épaisseur pour commencer à réaliser la base du pied en appuyant sur e du clavier et en bougeant la souris vers le bas.
Puis appuyer sur s du clavier pour élargir cette base en bougeant la souris
Mettre la visualisation en vue de dessus en appuyant sur le 7 du clavier numérique, puis faites un clic droit sur l’objet pour sélectionner le dessus de l’objet. Puis appuyer sur X ou suppr du clavier puis cliquer sur Faces.
Remettez le Mode Objet puis aller dans la palette-Menu à gauche et cliquer sur l’onglet Outils / Ombrage / Adoucir
Aller dans la palette-Menu de droite et cliquer sur l’icône Matériau puis sur Nouveau
Cliquer sur la zone blanche sous Diffuse et choisir la couleur que vous voulez appliquer à l’objet
Pour voir le rendu final appuyer sur F12, pour sortir du rendu appuyer sur Èchap
Pour que la caméra se mette dans l’alignement de votre vue écran appuyer sur Ctrl + alt + 0
Sélectionner et déplacer la lampe pour avoir la lumière voulue sur l’objet (vous pouvez en ajouter dans le Menu / Ajouter / Lampe). Vérifier avec F12. (pour sortir touche Echap)
Régler comme indiqué ; puis cliquer sur Rendre
Cover Flow Features:
mobile optimized.
XML driven.
all the positions, sizes and theme colors can be changed inside the XML file.
supports any image files (png, jpg, gif).
set the components canvas width and height.
set the cover flow position on the canvas.
set the thumb width and height.
set the cover flow images space on x, y and z axis.
set the cover flow angle for horizontal, vertical or oblique presentation.
set the thumb border size and color.
tooltip thumb option, which is dynamic (following the mouse).
set the tooltip background color and the text size and color.
the buttons can be enabled or disabled (this means that they will not be visible).
set the buttons colors.
the scrollbar can be enabled or disabled like the buttons.
set the scrollbar track and handler colors.
the buttons, scrollbar and slideshow preloader positions can be set to be anywhere.
the coverflow can also be scrolled with the mousewheel (you can disable this if you want).
slide show option.
auto play option.
Live demo: www.flashcomponents.net/component/html5-canvas-cover-flow...
The expand versions are what we find in the Twitter search UI. The expand buttons (possibly underlined) would be slightly transparent in order to blend in but would have full opacity on mouse hover.
However those 2 versions, A & B, only show the information you're looking for when you interact with the expand buttons. This interaction is pure excise.
So, the next version, "With Host", adds feedforward on the short link by showing the host it points to. It's only slightly better, but offers reassurance if the host is one you trust and visit frequently.
However, in my mind short links are a hindrance to the experience and shouldn't be a focal point in the tweet — the real links are actually more important in the message. The next version, "Inverting the polarity", keeps the feedforward of the previous version, but shows more info and puts the expanded link in the tweet itself. The short link being relegated to the sideline here.
I strongly think the expanded URL shouldn't be shown fully here, the links people shorten are often huge; they would offer little added value (what can you tell from a 150-character link you couldn't from a 100-character one), they'd mess up the layout, etc. So only the first X characters would be shown, say 20 or so as I used here, and an ellipsis if the whole URL was cut off.
Continuing in that direction, the last version "Bye-bye short link" removes the obscure short link from the main content altogether.
In those last 2 versions, you could add an expand button (yes I originally designed the ellipsis to be this expand button but I feel it'd be a hard-to-hit target, even with more space between the link and the ellipsis) but I don't think we'd need one, for a simple reason. There already exists an interaction for knowing where a link points to: put your mouse over it, and look in the browser's status bar. Of course, just adding this to the other versions (including the one twitter uses) would shed some light on the short link black hole, even though hijacking the status text like this has to take accessibility into consideration.
Of course, a tooltip window similar to Chris Messina's www.flickr.com/photos/factoryjoe/4176724903/ could be another direction, however I feel that just using "link" could be seen as giving even less information than the already obscure short link.
It could go really well with the 'Bye-bye short link' design, where the tooltip window would show the original short link url (and who knows maybe also some stats, even though I suppose they're probably only used by a tiny fraction of people)
I don't feel the URL expansion being slow is a problem, provided it's done *before* showing the tweet in the timeline. Be it on the twitter.com website or in a client, I believe users have no easy way to tell they received a tweet 30 seconds later than they were "supposed to" (this could be the maximum timeout allowed for the URL expansion to succeed). If the link wasn't already expanded in the tweet (last 2 versions), the summize style expansion would here be immediate.
Even though my personal opinion has no value compared to user testing, removing the short link altogether is my favorite :) Those different approaches were sequential in the "making", even though they can be seen as different directions, in my mind they all evolved into removing the short link, and this last version represents my current thoughts on the problem.
I'd love to get some feedback, tweet about this using the #shortlink hashtag. You can find me at twitter.com/lqd
Visual Fusion's virtual elevator UI allows access to multi-floor facility level resources and status indicators. Facilities with Floorplan Elevator support extrude from the surface. Hovering over one of the locations spawns a tooltip showing some summary information about that facility.
Floorplan Elevator is an interactive point-of-interest feature that lives within the Silverlight/VFX mapping context at the geographic location of a multi-story facility. Manipulating the Floorplan Elevator allows a user to select a specific floor in order to fetch blueprints, floorplans, IT infrastructure, employee information, security cameras, or Photosynth renderings.
To learn more about the Floorplan Elevator, visit this IDV UX blog post.
Explore our homepage to learn more about Visual Fusion.
Filter behavior of tooltips by editing the functions.php
Blogged in The Woodwork: This is my tooltip.
A quick little scrapped icon from a project that we were working on. I really liked the simplicity of it and wanted to see if someone else could find somewhere to put it to use. I also included the original vector file. Share and enjoy!
That's so cool!, I've never noticed that before. When I saw it, I thought, Oh look at the doodle, I share a birthday with someone! I wonder who it is... So I hoverd my mouse over the doodle to get more info.
The lastest installment. I have zooming working about %80. Lines change color based off of velocity. Ability to edit loaded gcode lines through the text view. Some tooltips were added as well.
The TinyG CNC motion controller can be found here:
www.synthetos.com/webstore/index.php/assembled-electronic...
Why exaclty can't I just click that icon to go back online? Why exactly doesn't IE7 even have a File menu? Why exactly does it feel strange to me to ‘click’ a menu item? Why exactly do I think it's weird that the item I am supposed to click in (on?!) the menu that doesn't exist to stop working offline is called ‘Work Offline’?
Steve Jobs once said that the problem with Microsoft is their lack of taste. But it's not their only problem. Or their worst.
[Admittedly this UI glitch isn't the worst problem of IE either...]
purple nodes are galleries, green nodes are images
Any node you click on expands that to show 3 levels of relation, and then the graph redoes its layout. You can also expand and hide nodes manually. When you pause over a node, a tooltip pops up with a thumbnail link for images or a link for galleries.
If flickr could do this with tags in flash, I would be impressed.
An XSL stylesheet translates lj fotobuilder backup XML to TouchGraph LinkBrowser XML.
It keeps getting better...
This is mockup of location bar before Firefox 3. Actually, if you look at the bug, you'll see that it inspired 2 row layout.
I think it is still beyond Firefox 3 as it allows google suggestions in tooltip and it incorporates google search.
Though I might have done it differently now, but I'll upload new mockup if I create it.
A pack with 33 beautifully designed web elements. Many one pixel styles give a crisp look. The package includes 33 elements, but you can easily copy layer styles and make totally unique web elements!
Included:
• Buttons, normal, hover and click modes included
• 6 Buttons styles with normal, hover and click modes
• Progress Bar
• 2 Tooltips
• Checkboxes
• Radio buttons
• Selection drop-down menu
• Input fields
• Navigation bar
• Navigation drop-down menu
• Search field
• Extensive documentation
The elements are all shapes and the look is given with layer styles – completely. This makes the file super easy to customize.
In the documentation you will find a small tutorial on customizing and "slicing" the buttons.
The font used it Helvetica, but can be easily changed to Arial as these look almost the same.
The hand icons are for demonstration purposes only. They are provided by IcoJoy and will not be included in final download.
Hope you enjoy
-Daniel
Google introduced ads in the information "bubbles" or tooltips that appear over location pinpoints in Google Maps. Many of the ads appearing seem to be inappropriate when displayed directly with business listings.
This screengrab used to illustrate a blog post about the bad ads appearing in Google Maps.
Javazine
by Kriesi
Javazine is a highly customizable Wordpress Magazine Theme which can be either used as blog, Multi-author Magazine or personal portfolio.
The theme supports presentation of articles and images through a lightweight jQuery Newsticker and sleek preview tooltips.
The theme comes with an administration page an advertising widget and 4 widget areas
■sidebar-top
■sidebar-tabs
■sidebar-bottom
■footer (will be transformed into slide panel)
“Sidebar-tabs” automatically creates jQuery tabs out of the widgets that are applied to it, the other 3 areas display it in “normal mode”.
At the administration page you can define which javascript improvements you want to enable. (jQuery support, tooltips, tabs, smooth scrooling for anchor links… ) You also have the possibility to add your Google analytics code here.
The featured post area is also completly managed at the admin backend. You can define which category should be used for featured posts, how many posts you want to display and you can of course exclude them from the normal front page post listing.
You can also edit which categories or pages you want to display in the main dropdown menu.
At the write post and write page panel you can find an extra advanced option field now. If you write a new post or edit an existing one you will find a new tab called “Javazine Preview Images”.
Here you have to enter one url for the preview image, and one for the big feature area. This means you dont have to mess around with wordpress custom fields.
Other features:
■Breadcrumb navigation with nested page/category support
■CSS Drowpdown Menu enhanced with jQuery
■Gravatar Support
■Comments of Post Author and admin are highlighted
■Seperation of comments and trackbacks
■Multiple PSDs included
■Valid HTML /CSS works in every major browser (Firefox 2+3, IE6 , 7, Safari, Opera, Chrome)
■All Javascript options a really unobtrusive: if javascript is turned off no dead anchor links or similar remainders will be displayed
■All javascript functions and php functions are self coded, this means you are not using any bloatet plugins
A drop in extension replacing error labels from jQuery Validation plugin with Twitter Bootstrap tooltips.
DEMO
DOWNLOAD
2 total views, 2 views today
www.99designhub.com/2014/09/jquery-validation-bootstrap-t...
agicSquire 1.1 is here with much better performance of brush creation, 4096px/16bit texture support, tooltips with brush names - the new step to the ultimate brush organizing panel!
The OLPC demos on LCA open day.
I don't about kids, but I found the UI slightly non-intutive - maybe I'm just too reliant on tooltips when I run into something new.
Tooltip showing inline documentation about a public property of a built-in PHP class (MySQLi in this case).
KDevelop 4 / PHP Plugin
Key point: if you need tooltips everywhere that read "clickable...", the interface isn't doing its job.
www.visualcomplexity.com/vc/project_details.cfm?index=652...
The TimeRadarTrees visualization technique can be used to represent weighted dynamic compound digraphs, which express a sequence of directed and weighted graphs where the nodes correspond to leaves in a hierarchy.
The TimeRadarTrees approach shows the information hierarchy as a traditional node-link diagram, but in a radial style. Each graph is represented as a slice on the inner circle and corresponding slices on the smaller outer circles, which we call thumbnails. The inner circle shows the incoming edges, the thumbnails represent the outgoing edges. Many interaction features as well as smooth animation help the user to explore a given data set. Filter functions as well as detail-on-demand per mouse tooltips are also integrated.
The visualization is a novel dynamic graph representation and innovative in a way that it eliminates all visual clutter that is caused by edge crossings. Moreover, it is able to concurrently visualize a whole sequence of graphs and, by the way, creates very aesthetical images.