Extensions et Bookmarklets #1: Présentation - ressources Premier article d'une série sur les extensions et bookmarklets. Aujourd'hui, présentation et quelques exemples. Tout le monde connaît les extensions que l'on peut installer sur son navigateur. Popularisées grâce aux premières versions de firefox, elles permettent d'ajouter des fonctionnalités à son navigateur, ou bien (au départ grâce à greasemonkey pour firefox, nativement pour chrome et firefox maintenant) permettre de modifier directement la vision que l'on a de certains sites. Mais avez-vous déjà croisé un bookmarklet? Ces deux technologies sont très proche, par les possibilités mais aussi par la construction : Leur langage principal est le javascript, agrémenté de html et css. Exemples Voilà quelques exemples de bookmarklets. Readability Cette petite extension permet de nettoyer son écran, pour n'en garder que le contenu, et avoir un meilleur confort de lecture. disponible en bookmarklet et en extension sur leur site. PDF download Connaissez vous pdf download ? Download as PDF Pendule XRay
Showcase: Twitter status design - Kreativuse™ - Creative Resourc Update : Here is Part II Twitter is awesome. A lot of people love it – and they put their twitter shout outs or twitter status on their blog, for micro blogging or as a small update or for whatever reasons. Here are some twitter status designs compiled from some great websites out there. The showcase Share If you have more great examples, share with us! Print Business Cards Online at PsPrint.com
CSS Drop Shadows They’re the corkscrew in every graphic designer’s Swiss Army knife. Much used, oft maligned but always popular, drop shadows are a staple of graphic design. Although easy to accomplish with image-editing software, they’re not of much use in the fast-changing world of web design. On the web, adaptability and ease of use dictate trends — and static images with a fixed background effect are not very adaptable. But what if we had a technique to build flexible CSS drop shadows that can be applied to arbitrary block elements? Interested? Here’s how it works: you need to make a drop shadow image in the image editor of your choice. We’ll start by giving a shadow to an image and then move on to other block elements. And its corresponding markup (one div is the only extra markup we’ll need): The following illustration shows how the technique works: First, our previously prepared shadow file will be set as background for the div. background: url(shadow.gif) no-repeat bottom right; That “!
IDG Now! - Conheça quatro softwares que convertem formatos diferentes de vídeos São Paulo - O IDG Now! separou softwares que convertem diferentes tipos de vídeo para que você tenha sempre seu filme preferido no bolso. Reportagem feita a partir de dúvida de leitor; saiba mais O vídeo está cada vez mais popular na internet e, atualmente, é possível usar celular e câmeras digitais para gravar imagens. Mas há um problema tecnológico que foge aos usuários que não são aficionados por tecnologia. > Saiba quais os formatos de vídeo Mas não vale nada se não houver ferramentas à mão que facilitam a transformação de um para outro - afinal, nenhum conhecimento bate você guardar no iPod ou celular um filme caseiro ou aquele vídeo do YouTube. Confira a relação de softwares. Easy Video Converter 7.2.7 - O Easy Video Converter 7.2.7, da Amigo, conta com uma avalanche de formatos digitais que podem ser tanto o alvo como o conteúdo da transformação. Além de vídeo, o software também faz conversão de até 11 formatos de aúdio.
CSS3 Transitions And Transforms From Scratch There are some amazing examples of CSS transforms and transitions, and whilst you may be blown away by them, there's a good chance that you're also overwhelmed and a bit intimidated! This tutorial will take you back to the very basics. We're going to create some fundamental CSS3 transitional movements, step by step. A Quick Note on Browser Support: Support across browsers is already pretty reasonable. The Axes and Grid To help understand the movement easily we'll be working on an axis grid (which you'll probably recognize from basic math). The only (crucial) difference is that on our axis the -y value is above the x axis, whilst it would ordinarily be below it. Note: I'm going to assume that you're already familiar with HTML and CSS file structure. 1: Horizontal Movement The first movement we'll demonstrate is "horizontal"; we'll animate the object to move to the right and to the left. Moving to the Right Open your favorite Text Editor and enter the following html markup, then save the file.
CSS Menu Builder | Free online navigation generator /my/flicker.html This page is basically a duplication of a comment I made on mezzoblue. Introduction Whilst developing a work-around to background-attachment:fixed for IE7, I came across the horrible image flicker problem. Oh. And this is a browser problem not a server problem. That pesky image flicker!! To clarify: only affects IE6.0 (not IE5.0/5.5) only affects CSS background-images which are influenced by some dynamic effect on the page (these are numerous and are not just hovers) is especially persistent when IE’s cache settings are “Every visit to the page” (a common developer’s setting) the force-no-vary server configuration does not fix the flicker for the above setting. Apache As well as these lines: #this stops screen flicker in IE BrowserMatch "MSIE" brokenvary=1 BrowserMatch "Mozilla/4.[0-9]{2}" brokenvary=1 BrowserMatch "Opera" ! I added the following lines to my Apache httpd.conf file*: Then I tuned on the Apache module mod_expires: LoadModule expires_module modules/mod_expires.so Microsoft IIS
Acentuação no Mac E ae pessoal, tranquilidade? Um pouco sumido, muito trabalho, muitos blogs, mas sempre apareço. Venho aqui não para postar tutoriais complexos (?) sobre webstandards, css, xhtml, nem nada disso. Vou postar um tutorial sim, mas em um formato diferente, numa ação especial e muito interessante sobre um assunto que atinge nosso país: Analfabetismo Digital. Movimento Blog Voluntário. Este Movimento na verdade provém do Dia Global do Voluntariado Jovem, que acontece em três dias: 25 a 27 de abril, onde pessoas do mundo inteiro trabalham para melhorar o ambiente global e local. Daí a idéia do Movimento. Verdade Dulça. Exatamente. Mas a pessoa pode ser leiga dulça. Pode não, ELA É. E lógico que você não vai apresentar só que ele tinha um bigode bisonho e que criou a tal teoria modafoca. Mas onde você quer chegar? Sim, eu imagino. Você nunca vai começar a falar sobre algo ou alguém, sem saber pelo menos o básico sobre o assunto. Entendi Bruno. Sim, craro. Acentuação e Códigos no Mac Legal Dulça.