PUBLIC MARKS from decembre with tag javascript

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.

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.

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!)

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

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

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:

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

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.

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.

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

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

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.

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

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

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.

Generators: A range of tools with easy-to-use interfaces for generating code

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.

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.

Textarea Tricks , 2010

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 ...

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

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.

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: