public marks

PUBLIC MARKS from decembre with tag resize


CSS - How to Resize Background Images with CSS3 — SitePoint

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.


IMAGE RATIO - Online TOOL - Aspect Ratio Calculator (ARC)

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 ___

CSS - IMAGE RATIO - Maintain Aspect Ratio Mixin | CSS-Tricks

by 2 others (via)
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; }


ONLINE TOOL - GIF - Animated gif editor and gif maker

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.


CSS - 2013 - Adaptive Images et Responsive Web Design |

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 : Le forum d'aide : Use Replace Function to Have a Larger Version of My Photo Online - LARGE 1600 View NOT BEING CREATED

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

IMAGE - Diminuer la taille d'une image

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: (Vidéo Flash, 5 Mo) Lire aussi : Réduire la taille de photos avec Image Resizer


CSS - IIMAGE RATIO - Height equals width with pure CSS

by 1 other (via)
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 .../


Textarea & Input Resize - Add save and restore element sizes so you don't have to resize

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.

Textarea Drag Resize for Greasemonkey ( drag the Icon Gland!) - Ne Marche pas pour l'édition ds signets Delicious...

Gives every textarea an icon that you can drag to resize the textarea. Ne Marche pas pour l'édition ds signets Delicious...mais marche pour l' add de bookmark...


VectorMagic______De-Pixelize Your Photos Instantly___takes your raster images and turns them into smooth vector drawings.

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

decembre's TAGS related to tag resize

Adaptative +   animated +   api +   background-imag +   best +   box +   compression +   content +   convert +   crop +   css +   css-tricks +   demo +   design +   dev +   dom +   editor +   example +   extension +   flickr +   FlickrSurf+ +   forum +   gif +   greasemonkey +   html5 +   image +   javascript +   jpeg +   jQuery +   logiciel +   modifier +   online +   photo +   photojojo +   placeholder +   ratio +   redimensionner +   resolution +   Responsive +   script +   scrollbar +   size +   solution +   square +   taille +   text +   textarea +   texte +   tool +   tricks +   trucs +   tutorial +   tutoriel +   web +   web2.0 +