PUBLIC MARKS from decembre with tag resize

Textarea Tricks , 2010

Fortunately, CSS3 introduces the background-size property which allows backgrounds to be stretched or squashed. It’s ideal if you’re creating a template using Responsive Web Design techniques. There are several ways to define sizing dimensions — view the CSS3 background-size demonstration page.

Use the form below to calculate the missing value for a particular aspect ratio. This is useful, for example, when resizing photos or video. Formula Say you have a photo that is 1600 x 1200 pixels, but your blog only has space for a photo 400 pixels wide. To find the new height of your photo—while preserving the aspect ratio—you would need to do the following calculation: (original height / original width) x new width = new height___ (1200 / 1600) x 400 = 300__By example 742 : 349 ___

maintaining the assigned aspect ratio as it resizes. .sixteen-nine { position: relative; } .sixteen-nine:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .sixteen-nine > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

is simple online gif maker and toolset for basic animated gif editing. Here you can create, resize, crop, reverse, optimize, and apply some effects to gifs.

Cédric Morin étudie une solution prête à l’emploi pour résoudre le casse-tête des Adaptive Images, adaptée aux sites dynamiques (une de plus, oui). Cette solution est complexe, mais est prévue pour être complètement automatisable (comprenez industrialisable).

flickr.photos.getSizes

View all sizes: Medium 500 • Medium 640 • Large • Sizes Square 75 (75 x 75) Square 150 (150 x 150) Thumbnail (100 x 67) Small 240 (240 x 160) Small 320 (320 x 213) Medium 500 (500 x 333) Medium 640 (640 x 427) Large 1024 (1024 x 683) Original (1600 x 1067

Avec ces 3 (ou 4) étapes, en particulier en jouant sur la résolution (étape 2) et la compression (étape 3), vous devriez trouver le réglage optimal. À vous de faire des essais pour trouver le bon équilibre entre résolution, qualité d'image et taille du fichier. Voici une vidéo de démonstration des étapes 2 et 3 avec le logiciel The Gimp: sebsauvage.net/temp/wink/gimp_jpeg_compress.html (Vidéo Flash, 5 Mo) Lire aussi : Réduire la taille de photos avec Image Resizer

Solution pour des éléments flexibles qui gardent leurs proportions lors du redimensionnement . Jusqu'à présent, j'ai utilisé Javascript pour le redimensionnement des éléments. Mais l'utilisation de l'événement "resize" et "recalculate" pour la hauteur d'un élément est mauvais.... lors, qu'est- ce que c'est? SOLUTION : Définir un élément pseudo pour notre boîte et lui donner un margin-top de 100%. Cette valeur 100% se rapporte à la largeur de l' élément ... vous obtenez ( hauteur : 0; padding-bottom : 100%; devrait également fonctionner, mais vous devez alors ajuster la valeur padding-bottom chaque fois que vous modifiez la largeur ) . Donc, notre boîte est déjà plus élevé que large .../

This script is based on Install scriptResizeable Text Fields by Florian Höch, which is based on the Firefox add-on Resizeable Textarea by Raik Jürgens. All I did was add functionality to save and restore element sizes so you don't have to resize things every time you come back to a page. I also added a Install scriptscript update checker.

Unlike raster images, vector drawings are made of geometric shapes instead of pixels, so you can infinitely resize them with no fuzzy or blockiness! This makes them ideal for blowing up a small photo to, say, the size of your bedroom wall.

Add tabstop, autoindention, resizing and template capabilities to textAreas