public marks

PUBLIC MARKS from decembre with tag javascript

August 2018

JAVASCRIPT / CSS - DEMO - Scrolling Letters Animation | Codrops

A switching title effect where a fixed text element changes with an animation depending on the scroll position.The animations are powered by anime anime.js. We also use imagesLoaded for preloading the images and Charming.js for the handling the letter structure of the titles.

JAVASCRIPT - LIBRAIRY - GitHub - juliangarnier/anime: JavaScript Animation Engine

(via)
Anime (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library. It works with any CSS Properties, individual CSS transforms, SVG or any DOM attributes, and JavaScript Objects. Main features Keyframes: Chain multiple animation properties. Timeline: Synchronize multiple instances together. Playback controls: Play, pause, restart, seek animations or timelines. CSS transforms: Animate CSS transforms individually. Function based values: Multiple animated targets can have individual value. SVG Animations: Motion path, line drawing and morphing animations. Easing functions: Use the built in functions or create your own Cubic Bézier curve easing.

July 2018

JAVASCRIPT - IMAGE - LAZY LOAD - Lazy Loading Images? Don’t Rely On JavaScript! | Robin Osborne

(via)
One popular method to deal with this is to “Lazy Load” the images; that is, to only load the images just before the user will need to see them. If this technique is applied to the “above the fold” content – i.e., the first average viewport-sized section of the page – then the user can get a significantly faster first view experience. So everyone should always do this, right? Given the potential limitations, let’s work on a solution that can handle all my concerns: a. works without JavaScript (i.e., lazy loading is an enhancement) b. vanilla js – no dependencies on jquery or angularjs c. works with broken JavaScript (i.e., the browser supports JavaScript, but there’s a js error somewhere which causes your script to break; might not even be your fault!)

June 2018

DEV - Automatic JS, CSS Versioning to Update Browser Cache when Files are Changed - CodeProject

(via)
An HttpFilter that processes the output generated by dynamic pages and appends the last modified date of static files like js, css in order to make browsers download latest version as soon as files are changed

JQUERY - COOKIE - Easy jQuery Cookies: Get, Set, Update, Delete | kevinleary.net

(via)
The jQuery cookie plugin makes it very easy to create, update and access information using cookies.

URL - BOOKMARKLET - Up! - » Bookmarklets by Ben Alman

Up! is similar to the Google Toolbar’s “Up a Level” button, but works in a more “micro” scope. First any #anchor is removed, then any ?querystring, then any filename, then any folders (one at a time). After that, hostnames are removed, and when nothing else is left to remove, www. is prepended to the domain, for good measure! Here is a simple illustration of how a URL would change through iterations:

JAVASCRIPT - URL - Javascript: document.url without the anchor (hash) portion - Stack Overflow

Specifying the first element worked for me: window.location=document.location.href.match(/(^[^#]*)/)[0]

JAVASCRIPT - REGEX - Les expressions régulières (partie 2/2) - Dynamisez vos sites web avec JavaScript ! - OpenClassrooms

(via)
Dans ce deuxième chapitre consacré aux regex, nous allons voir leur utilisation au sein du JavaScript. En effet, le premier chapitre n'était là que pour enseigner la base de la syntaxe alors que, une fois couplées à un langage de programmation, les regex deviennent très utiles. En JavaScript, elles utilisent l'objet RegExp et permettent de faire tout ce que l'on attend d'une regex : rechercher un terme, le capturer, le remplacer, etc.

March 2018

DEV - Great Resources Every Beginning a Front-end Developer Should Bookmark by vydargis on CodePen

If you just get started your a front-end developer career, it might be overwhelming to learn something every day. To optimize your time, it might be useful to know solid resources, to keep up with a demanding programmers’ environment. In this brief article, you will find 6 useful resources that in my opinion I think every beginning a front-end developer career should bookmark.

DEV - COIN MINER - MALWARE - Found "coin-hive.com" script in site - https://coin-hive.com/ chez DuckDuckGo

How to block Bitcoin Mining in your browser: Found "coin-hive.com" script in site (example : http://nude.piks.site/)

February 2018

DEV - FORMATION - Thimble par Mozilla — Un éditeur de code en ligne pour apprendre et enseigner

(via)
Thimble est un éditeur de code en ligne qui facilite la création et la publication de vos propres pages web tout en apprenant le langage HTML, CSS et le JavaScript

January 2018

BIB - DEV - Amazon dans ton portail (10.12.2011) - BibliobiDules | bidouilles informatiques pour les bibliothèques

(via)
J’ai donc essayé de m’appuyer sur le travail de mon stagiaire pour désormais étendre l’affichage de visuels des documents de la bibliothèque aux CD et DVD. Pour cela, je me suis donc appuyé sur l’existence du code ASIN qui est pour Amazon l’identifiant unique de chaque notice de son site (une sorte d’ISBN quoi…). Ainsi, si l’on a ce code, on pourra automatiquement retrouver l’adresse web de la notice ET de l’image liée. En effet, l’une et l’autre se compose : .../... À noter que l’extension .01.MZZZZZZZ.jpg permet de choisir la taille de l’image. D’autres extensions existent mais je trouvais les images ou trop grandes ou trop petites.

VIDEO - TWEAK - For anyone who wants the progress bar always visible with the new style... : youtube

(via)
Yes, I know the new transparent style is cleaner, simpler, etc. but I LOVED having the progress bar visible while I was watching the video. I tried for a couple days to find a workaround, and it looks like I found one! You will need to have both Stylish and Tampermonkey installed. I installed these 2 Stylish styles for Youtube: Youtube Player August 2015 Youtube Controls Under Player I also installed these two userscripts on Tampermonkey: Youtube New UI Fix Youtube Progressbar Updater

PRIVACY / SECURITY - Comment savoir si un site web mine de la cryptomonnaie ? - Korben

(via)
il existe un site baptisé Whoismining qui détecte les JavaScript de mining les plus courants.

CSP - BOOKMARKLET - The Resurrection of Bookmarklets

I use the @resource command to access my 56K JavaScript library file, get the contents of it, and directly insert that .JS file document text using the script object .text property instead of the .src property.

December 2017

DEV - CHROM - 2015 - Six Tips for Chrome DevTools | CSS-Tricks

(via)
This post will cover six popular tips for Chrome DevTools. You may have seen some of these before, but hopefully if you have they'll act as a refresher for what you can do during your Inspect Element journey.

JAVASCRIPT - LIBRARY - MediaElement.js - HTML5 video and audio unification framework

(via)
Easy partner, we can handle it. MediaElement.js is a blazingly fast and amazingly powerful HTML5 audio and video library that creates a unified feel for media files (MP4, MP3, FLV), streaming content (HLS, M(PEG)-DASH, RTMP), and embeddable players like YouTube, Vimeo, Twitch, DailyMotion, Facebook, and SoundCloud.

November 2017

JAVASCRIPT - Infinite Scroll - 'infinite-scroll' Questions - Page 2 - Stack Overflow

Tagged Questions: Infinite Scrolling, also known as endless scrolling, is a technique that is widely used by websites and Web applications that host lots of content on a page where pagination would traditionally have been used. Infinite scrolling involves initially loading only one page of content. As the user ...

October 2017

JAVASCRIPT - How do I include a JavaScript file in another JavaScript file? - Stack Overflow

Is there something in JavaScript similar to @import in CSS that allows you to include a JavaScript file inside another JavaScript file?

JQERY - checkbox - jquery check uncheck all checkboxes with a button - Stack Overflow

I am trying to check/uncheck all checkboxes using jquery. Now by checking/unchecking the parent checkbox all the child checkboxes are getting selected/deselected also with the text of parent checkbox getting changed to checkall/uncheckall.

JQUERY CHECKBOX - PLUGIN - jQuery-CheckAll by mjball

Using the plugin: To use the checkbox with id master to control the checkboxes that are children of the form with id myForm, this is all you need:

decembre's TAGS related to tag javascript

ajax +   animation +   api +   article +   best +   bibliotheque +   bibliotheque2.0 +   blog +   bookmarklet +   browser +   carte +   checkbox +   code +   comment +   convert +   css +   declaration +   demo +   design +   dev +   development +   documentation +   dom +   editeur +   editor +   example +   exemple +   extension +   fichier +   firebug +   firefox +   flash +   flickr +   FlickrSurf+ +   forum +   free +   function +   google +   greasemonkey +   guide +   hack +   howto +   htlm +   html +   iframe +   image +   interface +   java +   jQuery +   json +   lab +   library +   link +   liste +   maps +   ocr +   online +   online-tool +   opensource +   outil +   php +   player +   plugin +   programmation +   rechercher +   reference +   regex +   Responsive +   ressource +   script +   scroll +   scrollbar +   selection +   site +   spip +   stackoverflow +   svg +   tag +   test +   text +   tips +   tool +   transform +   tuto +   tutorial +   tutoriel +   update +   user +   userscript +   utilitaire +   value +   video +   web +   web2.0 +   webdesign +   webdev +   xhtml +   xml +   xpi +   xul +