Skip to content

Instantly share code, notes, and snippets.

View MrZyr0's full-sized avatar

Julien SEIXAS MrZyr0

View GitHub Profile
@fedegomez
fedegomez / checkTitles.js
Last active October 26, 2024 20:44
Checks if the title of the result in the SERP matches the title of the URL
javascript: (function (doc){var changed=0; function checkTitles(){console.log('jQuery version ', $.fn.jquery, ' loaded'); var position=1; var items=[]; var results=$('#rso .kp-blk .g, #rso .g[class="g"], #rso .srg .g').not('.kno-kp .g').find('div:first').find('a:first'); $('.title-changed, #CountTitlesChanged').remove(); results.each(function (){if (!$(this).parents('.related-question-pair').length){var parent=$(this).closest('.tF2Cxc').length > 0 ? $(this).closest('.tF2Cxc') : $(this).closest('li'); items.push([ position, $(this).find('h3').text(), encodeURI($(this).attr('href')), parent]); position++;}}); var numItems=1; cors_proxies=[ 'https://api.codetabs.com/v1/proxy?quest=', 'https://jsonp.afeld.me/?url=',]; items.forEach(item=>{$.ajax({url: cors_proxies[Math.floor(Math.random() * cors_proxies.length)] + item[2], success: function (data, status, xhr){title=$(data).filter('title').text(); var html='<div class="title-changed">'; if (title !=item[1]){html +='<span style="font-weight: bold;color: #ff6961;">
@MrZyr0
MrZyr0 / Clean Google Maps API v3 with multiple markers & infoWindows
Last active November 7, 2020 21:06
A clean way to use Google Maps API v3 with multiple cursor & infoWindows
// ⚠ Fork of https://gist.github.com/rbochet/888937/cbc176598725b4e5ad300bd24fee68bcefb87516 ⚠
// Use https://github.com/Concept211/Google-Maps-Markers#usage-premade : For icons !
/**
* Marker JSON schema:
* {
* location: 'LatLng Google map object', // This will overide latitude and longitude properties
* latitude: 'The latitude of the marker',
* longitude: 'The longitude of the marker',
* icon: 'The URL of the icon to use' // By default it the red classic one*
package main
import (
"fmt"
"log"
"net/http"
)
func Hello(w http.ResponseWriter, r *http.Request) {
w.WriteHeader(http.StatusOK)
@gskema
gskema / color-gradient.js
Last active March 2, 2024 22:14
Generate gradient color from 2 or 3 colors using JavaScript. Example: https://jsfiddle.net/e18g5f3L/
/**
* You may use this function with both 2 or 3 interval colors for your gradient.
* For example, you want to have a gradient between Bootstrap's danger-warning-success colors.
*/
function colorGradient(fadeFraction, rgbColor1, rgbColor2, rgbColor3) {
var color1 = rgbColor1;
var color2 = rgbColor2;
var fade = fadeFraction;
// Do we have 3 colors for the gradient? Need to adjust the params.
@alwayrun
alwayrun / pseudo-elements.md
Created January 20, 2016 06:40 — forked from p3t3r67x0/pseudo_elements.md
A CSS pseudo-element is used to style specified parts of an element. In some cases you can style native HTML controls with vendor specific pseudo-elements. Here you will find an list of cross browser specific pseudo-element selectors.

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {
@magicznyleszek
magicznyleszek / css-selectors.md
Last active January 27, 2025 14:19
CSS Selectors Cheatsheet

CSS Selectors Cheatsheet

Hi! If you see an error or something is missing (like :focus-within for few years :P) please let me know ❤️

Element selectors

Element -- selects all h2 elements on the page

h2 {