public marks

PUBLIC MARKS from decembre with tag image

This year

IMAGE TAG - CSS - How to Apply a CSS Class to an Inserted Image | Chron.com

(via)
How to Apply a CSS Class to an Inserted Image3. Add 'class="myimage"' within the img tag; it doesn't need to be in a specific location, such as before "title" or "alt," to function. For instance, if your code is (img src="myhouse.jpg" alt="Photo of my house")," it should become: (img src="myhouse.jpg" alt="Photo of my house" class="myimage")

LOG - IMAGE - PLUGIN - Gmic line-art colorization - David Revoy

(via)
This is an article dedicated to the Gmic filter 'colorize', a new and next generation computer-assisted tool for colorization image filter. This filter was created by David Tschumperlé , project manager and main developer of Gmic. The filter improved a lot on this September 2014 ( and was started around spring 2013 ). I kept an eye on the filter development since the very beginning as a tester, but I got totally enthusiast about it recently ; especially when filter became interactive and more user friendly. I ) Overview 1) What kind of problems it solves : A bit of context here, the first steps of colorizing a line-art, usually with flat zone is a super long, annoying and robotic work.

LOG - IMAGE - PLUGIN - bG'MIC - GREYC's Magic for Image Computing: A Full-Featured Open-Source Framework for Image Processing

by 1 other (via)
G'MIC is a full-featured open-source framework for image processing, distributed under the CeCILL license. It provides several different user interfaces to convert / manipulate / filter / visualize generic image datasets, ranging from 1d scalar signals to 3d+t sequences of multi-spectral volumetric images, thus including 2d color images.

CSS - Conserver le ratio 16/9 des images fullscreen et vidéos - Alsacreations

Le but est ici de faire en sorte que l'image de fond que l'on aura placée en CSS conserve son ratio de 16/9 et prenne toute la taille du navigateur, quelle que soit la taille de ce dernier (aka fullscreen). Pratique quand on fait du responsive. Voici le code utilisé : .ratio { background: url("monimage.jpg") no-repeat; background-size: cover; width: 100vw; height: 56.25vw; } Concrètement ce que l'on fait : on donne à l'image la largeur du navigateur grâce à l'unite vw (viewport-width) on lui donne la hauteur à laquelle on a appliqué un ratio 16:9 calculé en faisant 100 * 9 / 16 de la largeur du navigateur

GIF -FREE APP - ScreenToGif: Screencast GIF Making Tool With Powerful Editor [Windows]

ScreenToGif is a free executable utility that records a screencast and saves it as GIF. Unlike Recordit, it doesn’t convert from an video format to a GIF, instead you record a GIF. You select the frame rate and the recording area, and when you click record, it starts to capture the GIF. You can manage the playback rate, and choose to loop it and if that isn’t enough, the app also lets you add text to your GIF, insert title or image frames, and edit each individual frame. It is about as complete as a GIF making app gets and it’s fast. As a GIF maker, ScreenToGif is suited for quick feature demos; it can capture the mouse cursor when recording the GIF and also show mouse clicks. Launch the app and resize the window so that the area you want to record fits inside it. You can set a custom frame size down to the pixel using the tools at the bottom of the window. In the box next to the stopwatch, you set the frame rate. The higher the frame rate, the better the quality of the GIF. Click Record when you’re ready.

IMAGE - ONLINE TOOL - Not FREE - Clipping Magic: Instantly Remove Image Backgrounds Online

by 2 others
Create professional-grade results. Clipping Magic's proprietary, best-in-class algorithm constructs your result pixel-by-pixel, meticulously teasing out every single detail along your object boundary. This creates beautifully clipped results with natural edges impossible to achieve using other tools. - Refine Edges gives you full control over smoothing, feathering and offset. - Dedicated Hair Tool separates out hair from clean and distinct backgrounds. - Color Control - tune brightness, shadows, highlights, the color temperature, and saturation to make otherwise lackluster photos pop. Whitebalance tinted photos. - Color Cast Removal - handle foreground tinting from non-white / gray backgrounds while protecting the true foreground colors with this unique feature. - Export Options / Web Optimized Output: Select your preferred file format, DPI, color space, and JPEG quality, and enable advanced lossless or lossy web optimization to minimize your image file sizes. - Up to 8 Megapixels: Support for images up to 8 megapixels. - Pre-Crop: Get even more out of the image size limit by pre-cropping your image so that only what remains counts against your limit.

CSS - SVG - fill | CSS-Tricks

Another Use Case: The fill property is one of many reasons SVG is a much more flexible option than typical image files. Let's take icons, as an example. We might have the same set of icons but in two different color schemes. Typical image files (such as JPG, PNG and GIF) would require us to make two versions of each icon — one for each color scheme. SVG, on the other hand, allows us to paint the icons in using the CSS fill property: .icon { fill: black; } .icon-secondary { fill: orange; }

CSS - How to Resize Background Images with CSS3 — SitePoint

(via)
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.

SCROLL - Responsive YouTube Player with Scrolling Thumbnail Playlist - Wooster Web Design

(via)
Responsive YouTube Player with Scrolling Thumbnail Playlist In this post we will work with an embedded YouTube video player using YouTube’s iframe embed code. Below the iframe we’ll add a horizontal playlist that includes a thumbnail image and title for each video. The playlist will scroll or slide left and right on click or tap. The player we are building in this is based on the MyList Video Player, but instead of automatically populating with a YouTube playlist, we are manually building our own playlist of selected YouTube videos.

DO IT YOURSELEF - Comment fabriquer une caméra thermique DIY - Korben

Si vous voulez vous la jouer Predator avec une caméra thermique, il va falloir casquer. Ou alors vous pouvez l'assembler vous-même en suivant le tuto de la DIY-Thermocam qui permet en utilisant le capteur infrarouge FLIR Lepton et quelques composants électroniques de filmer une image thermique de qualité pour environ 400 euros.

2016

GIF - REFERENCES - Web / Authoring / Graphics / Animation | WebReference

Web / Authoring / Graphics / Animation 6 Animations can provide anything from a touch of creativity to a full-blown moving platform to your work. We also have listings of animation software. WebReference Articles

FREEBOX - Universal Media Server | About

Universal Media Server is a DLNA-compliant UPnP Media Server. It was originally based on PS3 Media Server by shagrath. UMS was started by SubJunk, an official developer of PMS, in order to ensure greater stability and file-compatibility. To see a comparison of popular media servers, click here Universal Media Server supports all major operating systems, with versions for Windows, Linux and Mac OS X. The program streams or transcodes video, audio and image formats with little or no configuration. It is powered by FFmpeg, MEncoder, tsMuxeR, MediaInfo, OpenSubtitles and more, which combine to offer support for a wide range of media formats.

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

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

ART - GIFs - GOOD séries - IWDRM (capturing the feeling)

by 5 others (via)
Blogs like If We Don’t, Remember Me and Tech Noir prove just what’s possible with the format, capturing the feeling of a particular scene from a film in a way no static image can __ IWDRM is a series of animated movie stills started in 2010. A video installation was shown in exhibitions at the Contemporary Arts Museum (Houston, TX), &FOAM (Amsterdam) and The Event (Birmingham). Follow on Tumblr, subscribe via rss or contact via form.

2015

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.

UserScript: Quick link to Flickr Url and HTML code for images. | Femgeek.co.uk

(via)
This is a very basic user script that puts the url of the image you want in the image thumbnail as your browsing the site, it also adds a textarea to enable you to copy the html straight into your blog post without clicking through to the image

CSS3 - SCROLL - NEW - Native CSS Scroll Snap Points | CSS-Tricks

The newly-introduced CSS “snap points” properties could make it a whole lot easier to create CSS-only scroll effects (once browser support catches up). This post from Sergey Gospodarets' blog includes demos of snappy scrolling for image galleries and full-page vertical scrolling.

NAS - NETGEAR - Downloads

Software (Firmware) ReadyNAS OS is the software that drives the ReadyNAS devices. You can elect to perform a remote update from your ReadyNAS management interface or you can download the relevant image below and perform a local update.

DEV - TEST tool - Placehold.it - Quick and simple image placeholders

by 8 others
Welcome to placehold.it A quick and simple image placeholder service. How does it work? Just put your image size after our URL and you'll get a placeholder.

BIB - Droit Auteurs - SavoirsCom1 » L’auteur Manu Larcenet ferme son blog : un symptôme de l’inadaptation du droit d’auteur ?

Si la décision de continuer à diffuser ou non des oeuvres en ligne appartient entièrement à Manu Larcenet, les raisons qu’il invoque pour justifier ce choix peuvent faire l’objet d’un débat. ___ Mais les membres du collectif SavoirsCom1 souhaitaient terminer ce billet en signalant, à titre d’exemple, des créateurs qui dès aujourd’hui, sans attendre d’évolution législative, organisent par eux-mêmes et grâce à des licences élargissant les droits d’usage, la circulation de leurs oeuvres :

IMAGE - FORMAT - LAB - BPG Image format | Hacker News

(via)
In Hacker News: the forum about BPG Image format (bellard.org). BGP : Better Portable Graphics __ Créé par Fabrice Bellard_ Remplace le .JPEG_ Jusqu’à 50% plus petit en espace disque pour la même qualité_ 14bits de couleurs par canal comparativement à 8bits pour JPEG