public marks

PUBLIC MARKS from decembre with tag web

November 2017

FACE RECOGNITION - OpenFace project

Overview: The following overview shows the workflow for a single input image of Sylvestor Stallone from the publicly available LFW dataset. Detect faces with a pre-trained models from dlib or OpenCV. Transform the face for the neural network. This repository uses dlib's real-time pose estimation with OpenCV's affine transformation to try to make the eyes and bottom lip appear in the same location on each image. Use a deep neural network to represent (or embed) the face on a 128-dimensional unit hypersphere. The embedding is a generic representation for anybody's face. Unlike other face representations, this embedding has the nice property that a larger distance between two face embeddings means that the faces are likely not of the same person. This property makes clustering, similarity detection, and classification tasks easier than other face recognition techniques where the Euclidean distance between features is not meaningful. Apply your favorite clustering or classification techniques to the features to complete your recognition task. See below for our examples for classification and similarity detection, including an online web demo.

FIR 57 - ADDON - Made a small video on how to hack an example WebExtension! - Add-ons / Development - Mozilla Discourse

(via)
f you have friends that want to start with building WebExtensions show them this link https://vimeo.com/2402821339 Most people start with “Hello World” web sites when they want to learn Front End stuff. This is boring. Building an WebExtension as the first web project is sooo totally awesome! :smiley: I choose to sign it as unlisted WebExtension since lots of people don’t know it’s possible and if you are a n00b and want to share your extension in 5 minutes regardless of how useless it is, an unlisted web extension is better than a listed one.

CSS - @font-face - CSS font-display: The Future of Font Rendering on the Web — SitePoint

Before looking in detail at the various features offered by font-display, let’s briefly consider how you might use the feature in your CSS. First of all, font-display is not a CSS property but, as mentioned in the intro, it is a descriptor for the @font-face at-rule. This means that it must be used inside a @font-face rule, as showed in the following code: @font-face { font-family: 'Saira Condensed'; src: url(fonts/sairacondensed.woff2) format('woff2'); font-display: swap; } In this snippet I’m defining a swap value for the font Saira Condensed. The keywords for all the available values are: auto block swap fallback optional

October 2017

ADDON - SEARCH - How to use S-mall Search : S-mall Search

How to use S-mall Search S-mall Search is a Firefox addon. This addon adds the refine search tool to web pages. - Adding a supported page: pageinfo:The user can add a supported page by writing pageinfo. The pageinfo is Object written in JSON and has the following keys

BITTORRENT - LOG - OPEN SOURCE - qBittorrent download | SourceForge.net

An advanced and multi-platform BitTorrent client with a nice Qt user interface as well as a Web UI for remote control and an integrated search engine. qBittorrent aims to meet the needs of most users while using as little CPU and memory as possible.

September 2017

FIR - Firefox Update 57 (2017) - OPINIONS - How to enable legacy extensions in Firefox 57 - gHacks Tech News

(via)
If you are using Firefox Nightly right now, you may have noticed that the latest update of the web browser disabled all legacy add-ons. Firefox Nightly is the first version of the Firefox web browser that hit version 57, the version of Firefox that drops support for so-called legacy add-ons in favor of WebExtensions.

SEARCH - LIST - Deep Web Search Engines | Deep Web Search - A How-To Site

by 1 other (via)
After you brick wall there, your true deep web search begins. You need to know something about your topic in order to choose the next tool. To be fair, some of these sites have improved their index-ability with Google and are now technically no longer Deep Web, rather kind-of-deep-web. However, there are only a few that have done so. I recommend you use your browsers ‘search’ option to locate on this page your topic of interest, as the page has gotten long.Last updated July 12, 2016

CSS - DESIG ONLINE TOOL - Responsive web design tool, CMS, and hosting platform | Webflow

(via)
Webflow gives designers and developers the power to design, build, and launch responsive websites visually, while writing clean, semantic code for you.

HACK - web TVaddons - Recherche Google

Avant les TVAddons, prenez un VPN La fermeture de TVAddons montre combien il est important d’être anonyme sur Internet. La position de la loi sur la question de la piraterie reste la même. Cependant, son emprise sur les sites de piratage augmente. Il est donc important de cacher le fait que vous utilisez un site ou un service. L’utilisation d’un VPN vous dissimule de toute personne essayant de fouiner dans votre activité. Il vous permet également d’accéder à tous les dépôts que vous voulez pour Kodi . Et de plus, vous n’avez pas besoin de vous creuser les méninges pour installer un VPN. Il y a des applications dédiées pour tous les périphériques et les plates-formes que vous pouvez utiliser. Donc, avant d’aller plus loin, prenez un abonnement VPN. Ensuite: comment installer TVAddons sur Kodi IIl est temps que nous vous donnions ce que vous désirez si ardemment. Nous vous donnerons des instructions pour l’installation de quatre référentiels de TVAddons alternatifs, à savoir: Ares Wizard Smash SuperRepo Simply Caz Repo Le verdict Le verdict final quant à savoir si TVAddons est encore dans les limbes. L’équipe de TVAddons est prête revenir en action bientôt. Mais la foule attend toujours de voir comment la situation va se clarifier. En attendant le retour de TVAddons vous pouvez très bien attendre, mais la plupart des gens détestent passer à côté de leur divertissement. Les alternatives à TVAddons peuvent aider à étancher cette soif de divertissement.

DEV - Web developer guides | MDN

Web developer guides. These articles provide how-to information to help you make use of specific technologies and APIs.

August 2017

BIB -- L'Awesome Box ou comment hacker le système RFID d'une bibliothèque - - 2017

un chouette dispositif passerelle de médiation numérique des savoirs. L’Awesome Box est un dispositif tellement simple qu’on se demande pourquoi personne n’y avait pensé !C’est donc une boite de retour qui est destinée aux documents que les usagers ont trouvé awesome (formidaaaaable). Une fois déposés dans cette boite, le retour est effectué et les documents sont tagués avec la mention awesome. La liste des titres est alors publiée automatiquement sur une page web et la liste est également diffusée sur twitter. C’est tout bête et c’est même pas récent puisque le projet date de 2011. Le code est accessible on peut facilement imaginer de modifier le dispositif pour proposer plusieurs boites : ce que les gens ont détesté, adoré, ce qu’ils recommanderaient à leur mère, leur frère, etc. Une fois rendus, j’imagine que l’idée est de le remettre en circulation le plus vite possible…

July 2017

HTLM 5 - htlm5 pour les web designersAdactio: Jeremy Keith

(via)
Adactio is the online home of Jeremy Keith, a web developer and author living and working in Brighton, England.

June 2017

April 2017

SVG - ONLINE TOOL - 20 Useful SVG Tools for Better Graphics - Hongkiat

(via)
SVG is gaining popularity in web design these days and you can use tools like Illustrator or Inkscape to create SVG graphics. But when it comes to web design, we should always optimize for lighter results. Here the 20 tools that you can use to work with SVG quickly and efficiently. We have mostly online tools, that can help in optimization, conversion, making patterns, and more.

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.

jQuery - javascript - JS scrollbar recommendations? - Stack Overflow

by 1 other
I like to use: - Tiny Scrollbar for the minimalist design - JQuery Custom Content Scroller

jQuery - LIBRARY - SCROLL - jQuery custom content scroller – malihu | web design

by 1 other (via)
(Last updated on Jul 11, 2016 ) Highly customizable custom scrollbar jQuery plugin. Features include: - vertical and/or horizontal scrollbar(s) - adjustable scrolling momentum - mouse-wheel (via jQuery mousewheel plugin) - keyboard and touch support - ready-to-use themes and customization via CSS - RTL direction support - option parameters for full control of scrollbar functionality - methods for triggering actions like scroll-to - update, destroy etc - user-defined callbacks and more.....

March 2017

CSS - RESPONSIVE - MEDIA QUERIES - The math of CSS locks

A CSS lock is a Responsive Web Design technique that lets you transition smoothly between two values, depending on the current viewport size, rather than jump straight from one value to the other.

PLEX - SERVEUR Multimédia - CHROMECAST & GOOGLE CAST : Le BLOG: Plex

(via)
Vous pourrez diffuser tous vos contenus vidéos ou photos, très utile surtout si vous possédez beaucoup de fichiers multimédias à diffuser. Le logiciel Plex permet d'agir comme un serveur de contenu et d'afficher n'importe quel contenu multimédia sur la télévision (vidéos, photos, musique etc.). Plex s'installe sur un ordinateur de la maison (PC ou Mac) ou sur un NAS et permet de caster depuis un autre ordinateur ou depuis smartphones ou tablettes Android, iOS... Vous centralisez la localisation de vos médias via Plex sur un appareil (un NAS ou un PC) faisant office de serveur "Plex Media Center", pour ensuite le rendre accessible au sein de votre réseau, depuis n’importe quel appareil. Gratuit ou payant ? Plex Media Server dispose d’une version totalement gratuite (suffisante dans la plupart des cas) et d'une version plus complète, payante. Pour accéder aux médias, plusieurs choix : accès via l’interface web (gratuite) ou via des applications Android, iOS ou Windows Phone (payantes: entre 3€ et 5€).

February 2017

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.

December 2016

FIREFOX - DEV TOOL - (improve-fb-theme) [meta] Firebug Theme Improvements

For bugs relating to developer tools within the Firefox web browser (devtools). This includes developer-related APIs and front-end features.

FIREFOX - DEV TOOL - FIREBUG missing Extensions - - 991806 – (firebug-gaps) Firebug Gaps

Bug 991806 - (firebug-gaps) Firebug Gaps Developer Tools (show other bugs) (hide info) For bugs relating to developer tools within the Firefox web browser (devtools). This includes developer-related APIs and front-end features.

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

RSS - TOOL - Web RSS - RSS Widget - RSS to HTML - Display RSS for Free with Web RSS

Create RSS Feeds for your Website or Blog _ Create your own RSS feeds and track how they do by day, week and month. Ping your feed out to the major ping servers and publish your feed on your website or blog. - Create RSS Feeds without any programing skills - Update your feed without updating the code just login and add more items. - Make your own RSS feeds for News, Podcasts and More! - We host your RSS feed for free! - Track your feeds hits by day, week or month - Get cut and paste code for your feed to place on your site - Ping your feed to the major ping servers for free - Validate your Feed - Edit your feeds at any time and have the update Instantly display on your website.