http://warriordudimanche.net/?article0000/gagner-du-temps-quand-on-cherche-un-mobile
En passant, je vous file un petit bookmarklet que j'ai bricolé quand je cherchais un smartphone pas trop cher: il suffit de sélectionner le nom d'un portable sur une page web et de cliquer sur le bookmarklet; il ouvre alors une nouvelle page avec une recherche sur lesnumériques.com.
C'est tout con, mais ça m'a fait gagner du temps.
`
javascript:(function(){if(window.getSelection){sel=window.getSelection();}else%20if(document.getSelection){sel=%20document.getSelection();}else{var%20selection=document.selection&&document.selection.createRange();if(selection.text){sel=selection.text;}};window.open('https://www.lesnumeriques.com/recherche?q='+sel,'infos');})()
`
Chercher sur les numériques
Glissez-déposez ce lien vers les bookmarks pissétou.
../.http://warriordudimanche.net/plugins/WDD_replace/img/big/bazinga.png
repost automatique de mon site...
https://mobile.twitter.com/i/moments/880688233641848832
J'ai la flemme de résumer, mais je capture
Via https://links.kalvn.net/
repost automatique de mon site...
http://warriordudimanche.net/?article0691/59b41f3ca6ec8
Pour ceux qui viennent de windaube et sont habitués aux combinaisons alt+160 etc, il existe des équivalents sous linux.
☺: c'est apparemment universel
☹: c'est aussi chiant à retenir qu'à taper
`
ctrl+shift+ud1 ⇨ Ñ
ctrl+shift+uf1 ⇨ ñ
ctrl+shift+ud3 ⇨ Ó
ctrl+shift+uf3 ⇨ ó
ctrl+shift+ucd ⇨ Í
ctrl+shift+ued ⇨ í
ctrl+shift+uc1 ⇨ Á
ctrl+shift+ue1 ⇨ á
ctrl+shift+uda ⇨ Ú
ctrl+shift+ufa ⇨ ú
altGr+? ⇨ ¿
altGr+! ⇨ ¡
`
ça marche, mais c'est velu.
☺: ça fonctionne très bien
☹: c'est un peu moins pénible mais il faut configurer la touche compose (clavier>agencements>options>position de la touche compose)
On appuie successivement sur:
`
compose ' a ⇨ á
compose ' o ⇨ ó
compose ' u ⇨ ú
compose ' i ⇨ í
compose altGr+~ n ⇨ ñ
`
Pour la «ñ», c'est carrément le cauchemar.
`
altGr + & puis a ⇨ á
altGr + & puis o ⇨ ó
altGr + & puis u ⇨ ú
altGr + & puis i ⇨ í
`
Pour la «ñ», ça reste la merde.
Après, il faudrait se bidouiller un clavier à partir du clavier français en remplaçant les altGr+a. J'ai un peu cherché sans y arriver, pour l'instant.
repost automatique de mon site...
https://associationslibres.wordpress.com/2016/10/14/petit-guide-exhaustif-des-biais-cognitifs/
Pour éliminer ces problèmes : RIEN.
Par contre, on peut accepter ces faiblesses et les garder à l'esprit dans nos jugements.
../.http://warriordudimanche.net/plugins/WDD_replace/img/xbig/wrong.jpg
Via Tibiaster djanybekensisSource image
repost automatique de mon site...
https://www.lifewire.com/install-java-on-ubuntu-4125508
Pour les ceusses qui auraient du mal à faire fonctionner les .jar avec open JDK 8/9, j'ai trouvé un moyen de passer au java d'Oracle
../.http://warriordudimanche.net/plugins/WDD_replace/img/big/patape.png
J'avais un soucis d'exécution sur Linux Mint: quand je lançais un .jar, rien ne se passait. Après avoir essayé plein de solutions, j'ai décidé de tester avec la version officielle de Java et ça a marché.
`
sudo xed /etc/environment`
`
:/usr/java/NOMDUDOSSIER_COPIÉ/bin`
avant la seconde guillemet dans la ligne `
PATH=".....`
`
JAVAHOME="/usr/java/NOMDUDOSSIERCOPIÉ"`
`
/usr/java/NOMDUDOSSIER_COPIÉ/bin/java -jar`
et validezVous avez installé java à la main et associé les .jar à l'exécutable java.
Après, ça fonctionne.
C'est moche d'en arriver là...
Mais ça fonctionne.
../.http://warriordudimanche.net/plugins/WDD_replace/img/normal/bing.png Source image
repost automatique de mon site...
https://twitter.com/pierreyvesrevaz/status/890481380676833280
Mouhouhaha !
C'est trop géniaaaaal !Source image
repost automatique de mon site...
http://www.instructables.com/id/Reinforcing-Heavy-Frame-CornersJoints/
Pas con ça ! Utiliser des fers à béton avec de la colle comme cheville sur des poutres/bastaings etc devant supporter d'importants efforts mécaniques oO
../.http://warriordudimanche.net/plugins/WDD_replace/img/xbig/likeaboss.jpg Source image
repost automatique de mon site...
https://elixirdevie.blog/2016/10/06/contrer-une-agression-verbale-cest-simple-comme-la-dialectique/
Il s'agit plus d'une évocation que d'un tutoriel.
Toutefois, quand il s'agit de désamorcer une attaque verbale, l'inattendu est effectivement très utile: plutôt que d'avoir la première réponse ou réaction qui vient à l'esprit, que votre "agresseur" attend, rétorquer par une chose qu'il n'attend pas... l'humour est très bon dans la plupart des cas.
Un petit truc qui fonctionne bien, qui entre dans la partie surenchère du billet, c'est d'éviter de se défendre ou de se justifier et d'aller dans le sens de l'adversaire: au lieu de dire"non, mais..." dire plutôt "oui, t'as carrément raison" et enchaîner en poussant la logique à l'absurde.
Je conseille le film oui mais dans lequel Jugnot explique très bien cette méthode de défense.
Via SebsauvageSource image
repost automatique de mon site...
https://www.jitbit.com/alexblog/256-targetblank---the-most-underestimated-vulnerability-ever/
Donc, il suffit d'ajouter à tous les liens sortant:
`
rel="noopener noreferrer"
`
et pour le js, quand on utilise window.open
`
var newWnd = window.open();
newWnd.opener = null
`
Faut que j'y pense...
Source image
repost automatique de mon site...
https://bioinfo-fr.net/dereferencement-google
Intéressant: hop, coudification, merci copain !
repost automatique de mon site...
https://blog.stephaniewalter.fr/super-pouvoirs-navigateurs-mobiles/
Très intéressant... à lire plus tard.Via SerendipitySource image
repost automatique de mon site...
http://www.commentcamarche.net/faq/4509-utiliser-un-proxy-pour-les-mises-a-jour
Donc, dans linux mint, quand on veut pouvoir faire les maj au boulot via un proxy, renseigner le proxy dans les paramètres réseau ne suffit pas, il faut également le faire dans Synaptic...
...
../.http://warriordudimanche.net/plugins/WDD_replace/img/normal/corbeau.pngSource image
repost automatique de mon site...
https://www.storagecraft.com/blog/install-lamp-server-linux-mint-18-command/
Bon, je galérais lors de l'install de php sur mint 18...
`
sudo apt-get install lamp-server^ -y`
Ben ça marche.
../.http://warriordudimanche.net/plugins/WDD_replace/img/xbig/classe.jpg Source image
repost automatique de mon site...
https://blog.gyrosco.pe/smooth-css-animations-7d8ffc2c1d29?gi=1edbfb5aef2d#.2cigjk6yi
Traduction rapide pour mémoire de ces 10 principes pour des animations fluides...
Via Kalvn's linksSource image
repost automatique de mon site...
Ce moment où tu perds 45 minutes à chercher à comprendre pourquoi l'événement «drop» ne se déclenche pas pour finalement apprendre par hasard que seul un objet ayant un eventlistener sur «dragover» peut recevoir un «drop»...<br />
fuckingkiddingme facepalm
repost automatique de mon site...
http://
Sous Mint 17.3, il m'arrivait régulièrement d'avoir des freezes et des affichages tout en fantaisie avec Chromium; il me fallait carrément rebooter et de toutes façons, au bout d'un moment, le système décidait de mettre fin à ses jours.
En fait, la solution est toute bête: décocher la case utiliser l'accélération matérielle
oO
Franchement, une case accélération matérielle qui le fait ralentir jusqu'à ce que mort s'en suive, c'est assez cocasse ^^
https://medium.com/life-learning/multitasking-is-killing-your-brain-79104e62e930#.5ne8numv8
C'est exactement ça... quand tu fais plusieurs tâches à la fois :
Ce qu'il faut ajouter, c'est que la pression de notre environnement est importante et nous pousse à la multitâchisation de nos existences: on doit faire plus, mieux, plus vite etc.
Sans penser à mal, l'entourage passe son temps à demander des choses qui viennent s'accumuler sur la todo provoquant du stress, de la frustration, de la fatigue et à terme la dépression.
J'ai sans doute oublié des choses, mais il me semblait nécessaire de redire tout ce que j'ai appris à mes dépends et par la bouche des médecins et psy qui m'ont reçu, écouté et soigné...
Quand la limite est franchie, elle l'est pour longtemps: après un burnout, on n'est plus jamais le même.
Prenez soin de vous !
;-)
https://forum.ubuntu-fr.org/viewtopic.php?id=615921
Comme je ne suis sans doute pas le seul dans ce cas, je pose la solution ici:
Avant de vous lancer dans des réinstallations et des vérifications de version, vérifiez d'abord que vous ne lancez pas inkscape en même temps que
En effet, ces logiciels utilisant la détection du presse-papier, ils perturbent le copier coller dans inkscape...
Il suffit donc de les fermer le temps de l'utiliser.
De rien ^^
http://webagility.com/posts/remove-forced-yellow-input-background-in-chrome
Con de Chromium avec son fond jaune merdique sur les input pré remplis !
Un "bug" de 2008, quoi, chier...
Donc, un palliatif est d'utiliser un box shadow de la couleur qu'on veut:
`
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
`
Par contre, comme le dit l'auteur : « if you desperately need transparent background color you're doomed»
https://github.com/joshbuchea/HEAD
Je l'avais paumé, je m'en fais une copie là... [via la river]
A list of everything that could go in the <head>
of your document
Below are the essential tags for basic, minimalist websites:
`
html
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags must come first in the head; any other head content must come after these tags -->
<title>Page Title</title>
`
`
html
<!-- Document Title -->
<title>Page Title</title>
<!-- Base URL to use for all relative URLs contained within the document -->
<base href="https://example.com/page.html">
<!-- External CSS -->
<link rel="stylesheet" href="styles.css">
<!-- In-document CSS -->
<style>
/* ... */
</style>
<!-- JavaScript -->
<script src="script.js"></script>
`
`
html
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- The above 3 meta tags must come first in the head; any other head content must come after these tags -->
<!-- Allows control over where resources are loaded from -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">
<!-- Place as early in the document as possible -->
<!-- Only applies to content below this tag -->
<!-- Name of web application (only should be used if the website is used as an app) -->
<meta name="application-name" content="Application Name">
<!-- Short description of the page (limit to 150 characters) -->
<!-- In some situations this description is used as a part of the snippet shown in the search results. -->
<meta name="description" content="A description of the page">
<!-- Control the behavior of search engine crawling and indexing -->
<meta name="robots" content="index,follow,noodp"><!-- All Search Engines -->
<meta name="googlebot" content="index,follow"><!-- Google Specific -->
<!-- Tells Google not to show the sitelinks search box -->
<meta name="google" content="nositelinkssearchbox">
<!-- Tells Google not to provide a translation for this page -->
<meta name="google" content="notranslate">
<!-- Verify ownership for Google Search Console -->
<meta name="google-site-verification" content="verification_token">
<!-- Used to name software used to build the website (i.e. - Wordpress, Dreamweaver) -->
<meta name="generator" content="program">
<!-- Short description of your sites subject -->
<meta name="subject" content="your website's subject">
<!-- Very short sentence describing the purpose of the website -->
<meta name="abstract" content="">
<!-- Describes the topic of the website -->
<meta name="topic" content="">
<!-- Brief summary of the company or purpose of the website -->
<meta name="summary" content="">
<!-- A deprecated tag that does the same as the keywords meta tag -->
<meta name="classification" content="business">
<!-- Full domain name or web address -->
<meta name="url" content="https://example.com/">
<!-- Does the same as URL, older and not supported -->
<meta name="identifier-URL" content="https://example.com/">
<meta name="directory" content="submission">
<!-- Does the same function as the keywords tag -->
<meta name="category" content="">
<!-- Makes sure your website shows up in all countries and languages -->
<meta name="coverage" content="Worldwide">
<!-- Does the same as the coverage tag -->
<meta name="distribution" content="Global">
<!-- Gives a general age rating based on sites content -->
<meta name="rating" content="General">
<!-- Allows control over how referrer information is passed -->
<meta name="referrer" content="never">
<!-- Disable automatic detection and formatting of possible phone numbers -->
<meta name="format-detection" content="telephone=no">
<!-- Geo tags -->
<meta name="ICBM" content="latitude, longitude">
<meta name="geo.position" content="latitude;longitude">
<meta name="geo.region" content="country[-state]"><!-- Country code (ISO 3166-1): mandatory, state code (ISO 3166-2): optional; eg. content="US" / content="US-NY" -->
<meta name="geo.placename" content="city/town"><!-- eg. content="New York City" -->
`
Below are the meta attributes which are not recommended for use:
`
html
<!-- Used to declare the document language, but not well supported. Better to use <html lang=""> -->
<meta name="language" content="en">
<!-- Google disregards & Bing considers it an indicator of spam -->
<meta name="keywords" content="your,keywords,here,comma,separated,no,spaces">
<!-- No evidence of current use in any search engines -->
<meta name="revised" content="Sunday, July 18th, 2010, 5:15 pm">
<!-- Provides an easy way for spam bots to harvest email addresses -->
<meta name="reply-to" content="email@example.com">
<!-- Better to use <link rel="author"> or humans.txt file -->
<meta name="author" content="name, email@example.com">
<meta name="designer" content="">
<meta name="owner" content="">
<!-- Tells search bots to revisit the page after a period. This is not supported because most Search Engines now use random intervals for re-crawling a webpage -->
<meta name="revisit-after" content="7 days">
<!-- Sends user to a new URL after a certain amount of time -->
<!-- The W3C recommends that this tag not be used. Google recommends using a server-side 301 redirect instead. -->
<meta http-equiv="refresh" content="300; url=https://example.com/">
<!-- Cache Control -->
<!-- Better to configure cache control server side -->
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
`
`
html
<!-- Helps prevent duplicate content issues -->
<link rel="canonical" href="https://example.com/2010/06/9-things-to-do-before-entering-social-media.html">
<!-- Used to be included before the icon link, but is deprecated and no longer is used -->
<link rel="shortlink" href="https://example.com/?p=42">
<!-- Links to an AMP HTML version of the current document -->
<link rel="amphtml" href="https://example.com/path/to/amp-version.html">
<!-- Points to a CSS stylesheet -->
<link rel="stylesheet" href="https://example.com/styles.css">
<!-- Links to a JSON file that specifies "installation" credentials for web applications -->
<link rel="manifest" href="manifest.json">
<!-- Links to the author of the document -->
<link rel="author" href="humans.txt">
<!-- Refers to a copyright statement that applies to the links context -->
<link rel="copyright" href="copyright.html">
<!-- Gives a reference to a location in your document that may be in another language -->
<link rel="alternate" href="https://es.example.com/" hreflang="es">
<!-- Gives information about an author or another person -->
<link rel="me" href="https://google.com/profiles/thenextweb" type="text/html">
<link rel="me" href="mailto:name@example.com">
<link rel="me" href="sms:+15035550125">
<!-- Links to a document that contains an archive link to the current document -->
<link rel="archives" href="https://example.com/2003/05/" title="May 2003">
<!-- Links to top level resource in an hierarchical structure -->
<link rel="index" href="https://example.com/" title="DeWitt Clinton">
<!-- Gives the starting point of the document -->
<link rel="start" href="https://example.com/photos/patternrecognition1_about/" title="Pattern Recognition 1">
<!-- Leads to the preceding resource of the sequence the current document is in -->
<link rel="prev" href="https://example.com/opensearch/opensearch-and-openid-a-sure-way-to-get-my-attention/" title="OpenSearch and OpenID? A sure way to get my attention.">
<!-- Gives a self reference - useful when the document has multiple possible references -->
<link rel="self" type="application/atom+xml" href="https://example.com/atomFeed.php?page=3">
<!-- The first, next, previous, and last documents in a series of documents, respectively -->
<link rel="first" href="https://example.com/atomFeed.php">
<link rel="next" href="https://example.com/atomFeed.php?page=4">
<link rel="previous" href="https://example.com/atomFeed.php?page=2">
<link rel="last" href="https://example.com/atomFeed.php?page=147">
<!-- Used when using a 3rd party service to maintain a blog -->
<link rel="EditURI" href="https://example.com/xmlrpc.php?rsd" type="application/rsd+xml" title="RSD">
<!-- Forms an automated comment when another wordpress blog links to your wordpress blog or post -->
<link rel="pingback" href="https://example.com/xmlrpc.php">
<!-- Notifies a url when you link to it on your site -->
<link rel="webmention" href="https://example.com/webmention">
<!-- Loads in an external HTML file into the current HTML file -->
<link rel="import" href="component.html">
<!-- Open Search -->
<link rel="search" href="/open-search.xml" type="application/opensearchdescription+xml" title="Search Title">
<!-- Feeds -->
<link rel="alternate" href="https://feeds.feedburner.com/example" type="application/rss+xml" title="RSS">
<link rel="alternate" href="https://example.com/feed.atom" type="application/atom+xml" title="Atom 0.3">
<!-- Prefetching, preloading, prebrowsing -->
<link rel="dns-prefetch" href="//example.com/">
<link rel="preconnect" href="https://www.example.com/">
<link rel="prefetch" href="https://www.example.com/">
<link rel="prerender" href="https://example.com/">
<link rel="subresource" href="styles.css">
<link rel="preload" href="image.png">
<!-- More info: https://css-tricks.com/prefetching-preloading-prebrowsing/ -->
`
Below are the link relations which are not recommended for use:
`
html
<link rel="shortcut icon" href="path/to/favicon.ico">
`
`
html
<!-- For IE 10 and below -->
<!-- No link, just place a file called favicon.ico in the root directory -->
<!-- For IE 11, Chrome, Firefox, Safari, Opera -->
<link rel="icon" href="path/to/favicon-16.png" sizes="16x16" type="image/png">
<link rel="icon" href="path/to/favicon-32.png" sizes="32x32" type="image/png">
<link rel="icon" href="path/to/favicon-48.png" sizes="48x48" type="image/png">
<link rel="icon" href="path/to/favicon-62.png" sizes="62x62" type="image/png">
<link rel="icon" href="path/to/favicon-192.png" sizes="192x192" type="image/png">
<!-- More info: https://bitsofco.de/all-about-favicons-and-touch-icons/ -->
`
`
html
<meta property="fb:appid" content="123456789">
<meta property="og:url" content="https://example.com/page.html">
<meta property="og:type" content="website">
<meta property="og:title" content="Content Title">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:description" content="Description Here">
<meta property="og:sitename" content="Site Name">
<meta property="og:locale" content="en_US">
<meta property="article:author" content="">
<!-- Facebook: https://developers.facebook.com/docs/sharing/webmasters#markup -->
<!-- Open Graph: http://ogp.me/ -->
`
`
html
<meta charset="utf-8">
<meta property="op:markup_version" content="v1.0">
<!-- The URL of the web version of your article -->
<link rel="canonical" href="http://example.com/article.html">
<!-- The style to be used for this article -->
<meta property="fb:article_style" content="myarticlestyle">
`
`
html
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@siteaccount">
<meta name="twitter:creator" content="@individualaccount">
<meta name="twitter:url" content="https://example.com/page.html">
<meta name="twitter:title" content="Content Title">
<meta name="twitter:description" content="Content description less than 200 characters">
<meta name="twitter:image" content="https://example.com/image.jpg">
<!-- More info: https://dev.twitter.com/cards/getting-started -->
<!-- Validate: https://dev.twitter.com/docs/cards/validation/validator -->
`
`
html
<link href="https://plus.google.com/+YourPage" rel="publisher">
<meta itemprop="name" content="Content Title">
<meta itemprop="description" content="Content description less than 200 characters">
<meta itemprop="image" content="https://example.com/image.jpg">
`
`
html
<link rel="alternate" type="application/json+oembed"
href="http://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&format=json"
title="oEmbed Profile: JSON">
<link rel="alternate" type="text/xml+oembed"
href="http://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&format=xml"
title="oEmbed Profile: XML">
`
`
html
<!-- Smart App Banner -->
<meta name="apple-itunes-app" content="app-id=APPID,affiliate-data=AFFILIATEID,app-argument=SOME_TEXT">
<!-- Disable automatic detection and formatting of possible phone numbers -->
<meta name="format-detection" content="telephone=no">
<!-- Add to Home Screen -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="App Title">
<!-- Touch Icons -->
<link rel="apple-touch-icon" href="path/to/apple-touch-icon.png">
<link rel="apple-touch-icon-precomposed" href="path/to/apple-touch-icon-precomposed.png">
<!-- In most cases, one 180×180px touch icon in the head is enough -->
<!-- If you use art-direction and/or want to have different content for each device, you can add more touch icons -->
<!-- Startup Image -->
<link rel="apple-touch-startup-image" href="path/to/startup.png">
<!-- More info: https://developer.apple.com/safari/library/documentation/appleapplications/reference/safarihtmlref/articles/metatags.html -->
`
`
html
<!-- Pinned Site -->
<link rel="mask-icon" href="path/to/icon.svg" color="red">
`
`
html
<meta name="theme-color" content="#E64545">
<!-- Add to homescreen -->
<meta name="mobile-web-app-capable" content="yes">
<!-- More info: https://developer.chrome.com/multidevice/android/installtohomescreen -->
`
`
html
<link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/APP_ID">
<!-- Disable translation prompt -->
<meta name="google" value="notranslate">
`
`
html
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta http-equiv="cleartype" content="on">
<meta name="skypetoolbar" content="skypetoolbarparsercompatible">
<!-- Disable link highlighting on IE 10 on Windows Phone (https://blogs.windows.com/buildingapps/2012/11/15/adapting-your-webkit-optimized-site-for-internet-explorer-10/) -->
<meta name="msapplication-tap-highlight" content="no">
<!-- Pinned sites (https://msdn.microsoft.com/en-us/library/dn255024(v=vs.85).aspx) -->
<meta name="application-name" content="Contoso Pinned Site Caption">
<meta name="msapplication-tooltip" content="Example Tooltip Text">
<meta name="msapplication-starturl" content="/">
<meta name="msapplication-config" content="http://example.com/browserconfig.xml">
<meta name="msapplication-allowDomainApiCalls" content="true">
<meta name="msapplication-allowDomainMetaTags" content="true">
<meta name="msapplication-badge" content="frequency=30; polling-uri=http://example.com/id45453245/polling.xml">
<meta name="msapplication-navbutton-color" content="#FF3300">
<meta name="msapplication-notification" content="frequency=60;polling-uri=http://example.com/livetile">
<meta name="msapplication-square150x150logo" content="path/to/logo.png">
<meta name="msapplication-square310x310logo" content="path/to/largelogo.png">
<meta name="msapplication-square70x70logo" content="path/to/tinylogo.png">
<meta name="msapplication-wide310x150logo" content="path/to/widelogo.png">
<meta name="msapplication-task" content="name=Check Order Status;action-uri=./orderStatus.aspx?src=IE9;icon-uri=./favicon.ico">
<meta name="msapplication-task-seperator" content="1">
<meta name="msapplication-TileColor" content="#FF3300">
<meta name="msapplication-TileImage" content="path/to/tileimage.jpg">
<meta name="msapplication-window" content="width=1024;height=768">
`
`
html
<!-- Disable the image toolbar when you mouse over images in IE 6 (https://msdn.microsoft.com/en-us/library/ms532986(v=vs.85).aspx) -->
<meta http-equiv="imagetoolbar" content="no">
<!-- Disable Windows theming to form inputs/buttons (https://support.microsoft.com/en-us/kb/322240) -->
<meta name="MSThemeCompatible" content="no">
<!-- Disable a feature that only appeared on IE 6 beta (https://stackoverflow.com/q/2167301) -->
<meta name="MSSmartTagsPreventParsing" content="true">
<!-- Interpage Transitions (https://msdn.microsoft.com/en-us/library/ms532847(v=vs.85).aspx) -->
<meta http-equiv="Page-Enter" content="revealtrans(duration=2,transition=2)">
<meta http-equiv="Page-Exit" content="revealtrans(duration=3,transition=12)">
<meta http-equiv="Site-Enter" content="revealtrans(duration=2,transition=2)">
<meta http-equiv="Site-Exit" content="revealtrans(duration=3,transition=12)">
`
`
html
<!-- iOS -->
<meta property="al:ios:url" content="applinks://docs">
<meta property="al:ios:appstoreid" content="12345">
<meta property="al:ios:appname" content="App Links">
<!-- Android -->
<meta property="al:android:url" content="applinks://docs">
<meta property="al:android:appname" content="App Links">
<meta property="al:android:package" content="org.applinks">
<!-- Web Fallback -->
<meta property="al:web:url" content="http://applinks.org/documentation">
<!-- More info: http://applinks.org/documentation/ -->
`
`
html
<!-- select rendering engine in order -->
<meta name="renderer" content="webkit|ie-comp|ie-stand">
`
`
html
<!-- Locks the screen into the specified orientation -->
<meta name="x5-orientation" content="landscape/portrait">
<!-- Display this page in fullscreen -->
<meta name="x5-fullscreen" content="true">
<!-- Page will be displayed in "application mode"(fullscreen,etc.) -->
<meta name="x5-page-mode" content="app">
`
`
html
<!-- Locks the screen into the specified orientation -->
<meta name="screen-orientation" content="landscape/portrait">
<!-- Display this page in fullscreen -->
<meta name="full-screen" content="yes">
<!-- UC browser will display images even if in "text mode" -->
<meta name="imagemode" content="force">
<!-- Page will be displayed in "application mode"(fullscreen,forbiding gesture, etc.) -->
<meta name="browsermode" content="application">
<!-- Disabled the UC browser's "night mode" in this page -->
<meta name="nightmode" content="disable">
<!-- Simplify the page to reduce data transfer -->
<meta name="layoutmode" content="fitscreen">
<!-- Disable the UC browser's feature of "scaling font up when there are many words in this page" -->
<meta name="wap-font-scale" content="no">
`
Moving the href
attribute to the beginning of an element improves compression when GZIP is enabled, because the href
attribute is used in a
, base
and link
tags.
Example:
`
html
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
`
HEAD
snippetsHEAD
snippetsHEAD
snippetsHEAD
tag for Vue.jsOpen an issue or a pull request to suggest changes or additions.
Please follow these steps for pull requests:
Check out all the super awesome contributors.
https://tuxicoman.jesuislibre.net/2016/05/comment-debloquer-un-pc-dont-on-aurait-perdu-le-mot-de-passe-administrateur.html?pk_campaign=feed&pk_kwd=comment-debloquer-un-pc-dont-on-aurait-perdu-le-mot-de-passe-administrateur
Copie pour mémoire :
*Au bootloader, appuyer sur « e » pour entrer dans le mode édition.
*Cherchez la ligne qui contient « linux vmlinuz-« .
*Dans cette ligne remplacez « ro » par « rw » et ajouter « init=/bin/bash » à la fin de la ligne.
*Appuyez sur F10 pour démarrer avec ces modifications (temporaires).
*Vous arriverez sur un terminal en root. De là vous pouvez :
1-changer le mot de passe d’un utilisateur existant : passwd TOTO
2-créer un nouvel utilisateur : adduser TOTO
3-supprimer un nouvel utilisateur : deluser TOTO
*Accédez à la partition Windows depuis un autre système (Live CD/USB linux, Windows Install disk rescue mode).
*Remplacez le fichier C:\windows\system32\utilman.exe par une copie de C:\windows\system32\cmd.exe
*Lorsque vous redémarrerez Windows et arriverez devant l’écran de login, pressez la combinaisons de touches Windows +U sur le clavier.
*Plutôt que de lancer l’outil d’aide pour malvoyants (utilman.exe) c’est une console (cmd.exe) avec les droits root qui s’affichera.
*De là vous pouvez :
1-connaitre la liste des utilisateurs: net user
2-changer le mot de passe d’un utilisateur existant : net user TOTO MOTDEPASSE
3-créer un nouvel utilisateur : net user TOTO MOTDEPASSE /add
4-donner les droits root à un utilisateur : net localgroup Administrators TOTO /add
5-Supprimer un utilisateur :net user NewGuy /delete
A noter que vous ne pouvez pas utiliser cette technique pour modifier le mot de passe d’un compte en ligne Microsoft (nécessaire pour utiliser le Microsoft Store sur Windows 10). En effet, dans ce cas, c’est Microsoft l’administrateur du compte… Mais on peut heureusement créer un autre compte administrateur en local pour accéder à sa machine quand même !
Comme vous le voyez, c’est assez facile pour quelqu’un avec un accès physique à la machine de prendre le contrôle de la machine. Pour vous en protéger, il y a plusieurs solutions :
*Verrouiller la séquence de démarrage ( mettre un mot de passe à GRUB si vous utilisez linux, verrouiller le disque utilisé pour le démarrage le BIOS, mettre un mot de passe au BIOS, verrouiller l’accès à la carte mère par un locker : sinon, on peut remettre les réglages du BIOS par défaut en bougeant un jumper sur la carte mère)
*Chiffrer le contenu du disque. Pas de redémarrage possible sans votre accord. Empêche à priori tout vol de vos données. Mais on peut toujours mettre un keylogger pour récupérer votre mot de passe de chiffrement.
http://www.tecmint.com/avconv-command-examples/
En complément du post précédent
http://lehollandaisvolant.net/?mode=links&id=20160202202548
Merci Timooo ! ;-)
http://askubuntu.com/questions/87447/how-can-i-install-adobe-air
Pour installer Scratch 2 sur un linux, il faut y installer adobeAir d'abord.
Comme ça merde souvent ^^, voici un tuto.
Comme je suis gentil, je vous ai fait un pack:
le dossier: http://bozon.warriordudimanche.net/index.php?f=1574434e03db99,
et le zip qui va bien : http://bozon.warriordudimanche.net/index.php?zipfolder=1574434e03db99
De rien !
http://stackoverflow.com/questions/744145/passing-an-array-as-arguments-not-an-array-in-php
J'aime les gens de stackoverflow... JE-LES-AIME ! <3 Non, mais d'amour... vraiment !
Quelle que soit la connerie que tu cherches à obtenir, si tirée par les cheveux qu'elle soit, illes te trouvent la solution... pis qui marche du premier coup en plus ^^
Par exemple, pour gérer les templates dans la future version 3 de bozon, je voulais pouvoir insérer des appels à des méthodes dans le code html, afin d'éviter des templates en .php... il me fallait pouvoir passer des paramètres en nombre variable... donc, transformer une chaine de caractères en un appel de méthode paramétrée...
Ben c'est possible ! \o/
Merci qui, merci StackOverflow !
http://linuxg.net/how-to-install-freemind-1-0-1-on-ubuntu-14-04-linux-mint-17-elementary-os-0-3-deepin-2014-and-other-ubuntu-14-04-derivatives/
ben oui, parce que la version des dépôts est la 0.9
https://doc.ubuntu-fr.org/touches_magiques
Petit rappel perso (je ne m'en souviens jamais ^^)
Redémarrer le serveur graphique: [Alt]+[Ctrl]+[flèche retour arrière]
Passer en mode console pour tuer le processus fou: [Alt]+[Ctrl]+[F1] (revenir au mode graphique: [Alt]+[Ctrl]+[F7]
Fn étant une des touches de fonction "F1", "F2", etc... Les touches F1 à F6 sont des consoles, et F7 est le serveur graphique X lui-même.
Donc [Alt]+[Ctrl]+[F1] pour aller en console et tuer le processus fou, puis [Alt]+[Ctrl]+[F7] pour revenir au mode graphique.
SysRq=Imprim Écran
Redémarrer la machine:
Autres touches:
http://elliot.land/validating-an-email-address
Très intéressant: je retiens surtout l'astuce du + dans l'adresse email.
«Let's say Bob's emails address is bob@smith.com. A sub-address uses a + to add a label like bob+spam@smith.com. If Bob were to sign up to a site with the latter he would still get the messages as normal to bob@smith.com but now you (or rather, he) can create filters or simply switch off one of the sub-addresses altogether.
One more interesting tidbit is if you use unique sub-addresses for each of the sites you sign up to you will be able to see when someone, or rather who, sells your email to someone else... Busted!»
http://lehollandaisvolant.net/?mode=links&id=20150814192457
Zut, flûte et cacaboudin, moi qui utilise régulièrement innerHTML... bon, en même temps, c'est pour changer le texte d'un bouton ou coller le résultat d'une requête ajax dans un div... la différence ne doit pas être flagrante ^^
Bonne astuce toutefois si les opérations doivent être répétées dans des boucles...
http://blog.linuxmint.com/?p=2955
Gestionnaire de mise à jour>Menu Edition>Mettre à jour vers Linux Mint Rosa
C'est plus simple, non ?! ^^
http://stackoverflow.com/questions/32115609/basename-fail-when-file-name-start-by-an-accent
Tiens, voilà un bug qui vient de me faire paumer un bon moment !
La fonction basename ne reconnaît pas le premier caractère si celui-ci est accentué... la classe.
Bon, donc un petit truc pour pallier à ça:
`
function basename($file){
$array=explode('/',$file);
if (isarray($array)){
return end($array);
}else{
return $file;
}
}
`
http://feedproxy.google.com/~r/KorbensBlog-UpgradeYourMind/~3/K3bRwqwzpTc/comment-cacher-les-photos-de-banques-dimages-sur-google-images.html
Vous pouvez les filtrer en ajouter ceci dans votre champ de recherche :
-site:istockphoto.com -site:123rf.com -site:dreamstime.com -site:reflexstock.com -site:photospin.com -site:crestock.com -site:canstockphoto.com -site:visualphotos.com -site:superstock.com -site:depositphotos.com -site:shutterstock.com -site:istockphoto.com -site:fotolia.com -site:agefotostock.com -site:profimedia.com -site:clipartof.com -site:colourbox.com -site:pixmac.com -site:inmagine.com -site:cutcaster.com -site:oneinhundred.com -site:clipartoday.com -site:gettyimages.* -site:yaymicro.com -site:graphicleftovers.com -site:mostphotos.com -site:featurepics.com -site:masterfile.com -site:vectorstock.com -site:bigstockphoto.com
http://www.unixmen.com/how-to-format-usb-drive-in-the-terminal/
Petit blème pour reformatter une sd via gparted.. hop, la ligne de commande te sort de la mouise ! ^^
?joIDIQ
Pour les possesseurs de la Kobo Aura qui souhaiteraient récupérer directement les citations par livre lu, les fichiers xml contenant ces annotations se trouve dans le dossier Digital Editions/Annotations.
Pour chaque livre commencé, la Kobo crée le fichier annotation et le remplit dès que vous utilisez la fonction.
C'est du XML, donc on s'y retrouve facilement.
L'arborescence dans ce dossier est la même que pour les fichiers de livre à la racine de la Kobo.
Voilà. Allez, bisous !
http://www.nopuedocreer.com/quelohayaninventado/29235/fuego-de-campamento-que-no-se-apague-en-toda-la-noche/
Un feu de camp auto alimenté qui s'éteint pas, simple et pas bête ^^
http://9gag.com/gag/aWORdZn
Tiens? Si c'est vrai, c'est bon à savoir: comment discerner une glace sans teint d'un miroir normal...
http://www.bricoleurdudimanche.com/fiches-bricolage/menuiserie/vernir-du-bois.html
Oui, mais il manque une étape ESSENTIELLE quand on vernit du bois neuf: faire lever les fibres !
Avant de vernir, il faut humidifier à l'éponge la surface fraîchement poncée; selon l'essence de bois on verra plus ou moins rapidement certaines fibres gonfler et ressortir... on attend alors le séchage complet, on ponce à nouveau et on refait la même chose.
Si on ne procède pas à la levée des fibres avant de vernir, c'est le vernis qui va faire gonfler le veinage du bois et adieu la belle surface bien lisse.
https://gist.github.com/paulirish/5d52fb081b3570c81e3a
Tout ce qui force le reflow... intéressant.
Je copie là:
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
elem.offsetLeft
, elem.offsetTop
, elem.offsetWidth
, elem.offsetHeight
, elem.offsetParent
elem.clientLeft
, elem.clientTop
, elem.clientWidth
, elem.clientHeight
elem.getClientRects()
, elem.getBoundingClientRect()
elem.scrollBy()
, elem.scrollTo()
elem.scrollIntoView()
, elem.scrollIntoViewIfNeeded()
elem.scrollWidth
, elem.scrollHeight
elem.scrollLeft
, elem.scrollTop
also, setting themelem.focus()
can trigger a double forced layout (source)elem.computedRole
, elem.computedName
elem.innerText
(source)window.getComputedStyle()
will typically force style recalc (source)
window.getComputedStyle()
will force layout, as well, if any of the following is true:
min-width
, min-height
, max-width
, max-height
, width
, height
aspect-ratio
, min-aspect-ratio
, max-aspect-ratio
device-pixel-ratio
, resolution
, orientation
height
, width
top
, right
, bottom
, left
margin
[-top
, -right
, -bottom
, -left
, or shorthand] only if the margin is fixed.padding
[-top
, -right
, -bottom
, -left
, or shorthand] only if the padding is fixed.transform
, transform-origin
, perspective-origin
translate
, rotate
, scale
webkit-filter
, backdrop-filter
motion-path
, motion-offset
, motion-rotation
x
, y
, rx
, ry
window.scrollX
, window.scrollY
window.innerHeight
, window.innerWidth
window.getMatchedCSSRules()
only forces styleinputElem.focus()
inputElem.select()
, textareaElem.select()
(source)mouseEvt.layerX
, mouseEvt.layerY
, mouseEvt.offsetX
, mouseEvt.offsetY
(source)doc.scrollingElement
only forces stylerange.getClientRects()
, range.getBoundingClientRect()
More on forced layout
section below covers everything in more detail, but the short version is: for
loops that force layout & change the DOM are the worst, avoid them. rAF
, scroll handler, etc), when the numbers are still identical to the last time layout was done. <center>
Timeline trace of The Guardian. Outbrain is forcing layout repeatedly, probably in a loop.
</center>
CSS Triggers is a related resource and all about what operations are required to happen in the browser lifecycle as a result of setting/changing a given CSS value. It's a great resource. The above list, however, are all about what forces the purple/green/darkgreen circles synchronously from JavaScript.
https://forums.mozfr.org/viewtopic.php?t=121011
Si vous avez des chiffres blancs sur fond rose qui apparaissent dans firefox, allez dans about:config et passez layers.acceleration.draw-fps à false ;-)
http://lehollandaisvolant.net/?d=2015/09/20/18/22/05-quelques-astuces-pour-les-cles-gpg
J'avoue que l'idée du qrcode ne m'était pas venue à l'esprit... excellent :-D
http://www.cyrille-borne.com/article589/astuce-changer-la-cle-windows-7
Bon à savoir ça !
https://jdsteinbach.com/css/use-cases-css-variables/
Bien sympa, les variables en css, mais tant que ce n'est pas universellement supporté, ça ne sert à rien...
http://askubuntu.com/questions/397485/what-to-do-when-i-get-an-attempt-to-read-or-write-outside-of-disk-hd0-error
Bon, vu que j'ai quelques emmerdes de ce côté, je me note ce qui a marché ^^
grub rescue > ls
(hd0) (hd0, msdos9)
grub rescue > ls (hd0,msdos9)
grub rescue > ls (hd0,msdos8)
grub rescue > ls (hd0,msdos5) # suppose this is linux
grub rescue > ls (hd0,msdos5)
grub rescue > set root=(hd0,msdos5)
grub rescue > set prefix=(hd0,msdos5)/boot/grub
grub rescue > insmod normal
grub rescue > normal
Now, system's boot menu appears. Boot into linux.
sudo update-grub
sudo grub-install /dev/sda # If the drive is hd0 the equivalent is sda, if it's hd1 then use sdb
sur ma config, c'était hd0,1
http://lehollandaisvolant.net/?d=2015/08/22/22/11/32-css-quelques-possibilites-apportees-par-le-modele-flexbox
Faut que je m'y mette, je fais régulièrement partie des délinquants ! ^^
http://www.frontendevelopers.com/footer-sticky-at-bottom-with-flexible-height/
\o/ merci Timo !
http://lehollandaisvolant.net/?mode=links&id=20150731185744
Tiens, j'ai eu besoin d'une astuce comme ça ya pas longtemps : merci !
Drirect dans mon snippetvamp ;-)
http://snippetvamp.warriordudimanche.net/snippetvamp.php?snippet=55bbb92ea7faf
https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda
Je croyais avoir déjà coudifié... donc, un résumé:
1- La lumière vient d'en haut: donner un effet 3d subtil en creux ou en relief
- en creux: text input, boutons pressés, ascenseur, bouton radio, checkbox
- en relief: boutons non pressés, bouton d'ascenseur, dropdown, cards, boutons d'un radio selectionné, popups
2- Noir et blanc d'abord:
- réaliser l'ensemble en N&B puis au final ajouter la couleur mais toujours avec un objectif précis (ça, il faudra que je le retienne ^^)
- ajout de la couleur: une seule couleur et ses variations (saturation ou luminosité) pour conserver la pertinence de la couleur
3- Doubler les espaces vides: espace entre les lignes, entre les éléments, entre les groupes d'éléments... ex: entre les items d'un menu, 2x la hauteur du texte.
4- Placer du texte au-dessus d'une image:
- directement dessus avec une image sombre et un texte blanc, lisible dans toutes les dimensions d'écran
- ajouter un overlay pour pouvoir gérer l'assombrissement (marche aussi très bien avec les thumbnails)
- texte avec fond de couleur ou noir (semi transparent ou pas)
- fond flouté (div avec le même fond flou ou texte placé sur une partie floue de l'image)
- dégradé doux vers une couleur unique (en général en footer) : permet d'améliorer la lisibilité du texte sans altérer l'image (effet possible via css: un fond dégradé de noir rgba de 0% à 20% d'opacité par exemple)
- on peut mélanger le flou et le dégradé
5- Faire ressortir le texte:
- diviser le css du texte entre ce qui en accroît la visibilité (gras, grand, capitalisé, italique, plus de marge ou de contraste etc) et ce qui la décroît (petit, fin, moins contrasté, moins de marge etc).
- hover/selected: jouer sur la couleur du texte, la couleur du fond, l'ombre, le soulignage, relief/creux, le changement de contraste (blanc>coloré ou coloré>blanc avec un fond subtilement assombri)
6- Utiliser les bonnes polices:
- clair et simple
- peu de polices différentes
- icon fonts
7- Chercher l'inspiration: observer les UI qu'on trouve belles et chercher pourquoi pour s'en inspirer
http://lehollandaisvolant.net/?d=2015/07/07/23/58/05-installer-son-propre-serveur-dns-sous-ubuntu#form-commentaire
Allez, hop, c'est parti ^^
MER-CI TI-MO (merciiiitiomoooo) ;-)
https://www.handwriting.io/
Tiens, c'est sympa, ça: un service permettant d'imiter l'écriture manuscrite: ce n'est pas une police de caractères manuscrite car le service introduit des variations sur chaque caractère afin de le rendre plus naturel au sein du flot d'écriture.
Le rendu est étonnamment naturel, en effet...
http://codepen.io/koheishingai/pen/uKvJF
C'est beau, j'en chialerais ^^ merci ;-) (hop dans mon snippetvamp: http://snippetvamp.warriordudimanche.net/snippetvamp.php?snippet=556ec5810fd0f )
{code
<div class="carousel">
<div class="carousel-inner">
<input class="carousel-open" type="radio" id="carousel-1" name="carousel" aria-hidden="true" hidden="" checked="checked"/>
<div class="carousel-item">
<img src="http://fakeimg.pl/2000x800/0079D8/fff/?text=Without">
</div>
<input class="carousel-open" type="radio" id="carousel-2" name="carousel" aria-hidden="true" hidden=""/>
<div class="carousel-item">
<img src="http://fakeimg.pl/2000x800/DA5930/fff/?text=JavaScript">
</div>
<input class="carousel-open" type="radio" id="carousel-3" name="carousel" aria-hidden="true" hidden=""/>
<div class="carousel-item">
<img src="http://fakeimg.pl/2000x800/F90/fff/?text=Carousel">
</div>
<label for="carousel-3" class="carousel-control prev control-1">‹</label>
<label for="carousel-2" class="carousel-control next control-1">›</label>
<label for="carousel-1" class="carousel-control prev control-2">‹</label>
<label for="carousel-3" class="carousel-control next control-2">›</label>
<label for="carousel-2" class="carousel-control prev control-3">‹</label>
<label for="carousel-1" class="carousel-control next control-3">›</label>
<ol class="carousel-indicators">
<li>
<label for="carousel-1" class="carousel-bullet">•</label>
</li>
<li>
<label for="carousel-2" class="carousel-bullet">•</label>
</li>
<li>
<label for="carousel-3" class="carousel-bullet">•</label>
</li>
</ol>
</div>
</div>
<style>html, body {
margin: 0px;
padding: 0px;
background: url("http://digital.bnint.com/filelib/s9/photos/whitewood4500x3000lores.jpg");
}
.carousel {
position: relative;
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.64);
margin-top: 26px;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-open:checked + .carousel-item {
position: static;
opacity: 100;
}
.carousel-item {
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.6s ease-out;
transition: opacity 0.6s ease-out;
}
.carousel-item img {
display: block;
height: auto;
max-width: 100%;
}
.carousel-control {
background: rgba(0, 0, 0, 0.28);
border-radius: 50%;
color: #fff;
cursor: pointer;
display: none;
font-size: 40px;
height: 40px;
line-height: 35px;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
cursor: pointer;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
text-align: center;
width: 40px;
z-index: 10;
}
.carousel-control.prev {
left: 2%;
}
.carousel-control.next {
right: 2%;
}
.carousel-control:hover {
background: rgba(0, 0, 0, 0.8);
color: #aaaaaa;
}
display: block;
}
.carousel-indicators {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
bottom: 2%;
left: 0;
right: 0;
text-align: center;
z-index: 10;
}
.carousel-indicators li {
display: inline-block;
margin: 0 5px;
}
.carousel-bullet {
color: #fff;
cursor: pointer;
display: block;
font-size: 35px;
}
.carousel-bullet:hover {
color: #aaaaaa;
}
color: #428bca;
}
width: 100%;
position: absolute;
padding: 0px;
margin: 0px auto;
text-align: center;
font-size: 27px;
color: rgba(255, 255, 255, 1);
font-family: 'Open Sans', sans-serif;
z-index: 9999;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), -1px 0px 2px rgba(255, 255, 255, 0);
}
</style>
code}
https://fralef.me/links/?Qmr_AQ
Oui, pour s'endormir, il faut parvenir à "débrancher" son cerveau, à l'obliger à s'arrêter: quand on est sur un projet ou qu'on a des soucis, l'esprit a du mal à "laisser tomber", à abandonner son état actif dans lequel il échafaude, conçoit, conclut, déduit, prévoit etc... dur de s'endormir dans cet état.
J'avais fait un billet à ce propos il y a un moment...
http://www.warriordudimanche.net/article129/meditation-et-apaisement-et-nichons
(comme toujours, ne vous fiez pas trop au titre :-D)
http://systemx.nosuke.org/index.php/post/2013/02/25/Owncould-Mot-de-passe-admin-perdu
Tiens, je teste la version 8 d'owncloud, pour voir... (avec quelques petits soucis du genre impossible de sauver une adresse email et un blème de mot de passe)
Donc, pour récupérer le mot de passe, sans email de récupération, voilà...
Une solution trouvée sur le net et qui marche...
Créer un fichier php dans lequel on colle:
<?php
requireonce('lib/base.php');
OCUser::setPassword('NOM', 'MOTDEPASSE');
?>
on l'appelle dans le navigateur... pis c'est tout.
^^
https://css-tricks.com/elegant-fix-jumping-scrollbar-issue/
Une astuce pour éviter le saut horizontal quand le contenu d'une page web dépasse soudainement la hauteur visible et que la scrollbar apparaît.
Je connaissais html { overflow-y: scroll; } mais pas html { margin-left: calc(100vw - 100%);
Bon, ben les deux marchent même s'il semble que le second soit plus "élégant" ^^
http://memo-linux.com/memo-sur-comment-sauvegarder-sa-liste-de-programme-sous-linux/
houlà ! COUDE !
http://www.alsacreations.com/astuce/lire/1661-accelerez-vos-polices-d-icones.html
je me note ça pour plus tard...
une astuce pour intégrer seulement les webfonts nécessaires directement dans le fichier css...
http://askubuntu.com/questions/67047/how-to-uninstall-google-chrome
Putain de chrome: il n'apparaît pas dans la logithèque... du coup, je me note ça:
It's usually better to purge:
sudo apt-get purge google-chrome-stable
and then
sudo apt-get autoremove
This will make sure you don't have unnecessary packages remaining, and will remove config files, saving a little space and making sure it won't interfere with other programs.
http://www.tux-planet.fr/astuce-shell-lister-les-liens-symboliques/
ls -F | grep @$ | awk -F@ '{print $1}'
utile ça, tiens...
http://www.warriordudimanche.net/shaarli/?xdrx3g
En ce qui concerne l'objectivité des odeurs dans l'expérimentation, je te rejoins même si l'odeur d'ail et d'oignon est très très objective ^^
Pour ma part, je l'ai testé avec des couteaux en acier massif non chromés pour ces deux odeurs et c'est assez spectaculaire: elles disparaissent complètement et presqu'instantanément; et pourtant, le savon/liq vaisselle/javel ne parviennent pas au même résultat, aussi rapidement ou définitivement (même l'eau de javel: tes mains sentent la javel jusqu'à ce que l'odeur d'ail revienne :-) )
J'ai même fait tester la méthode à mon père, très sceptique à ce propos, qui n'en revenait pas...
Mais ce serait un chouette sujet d'expérience... allez, on s'y colle: je cuisine et tu expérimentes ;-)
Lien vers le message anterieur http://lehollandaisvolant.net/?id=20150111145227
http://www.lidd.fr/lidd/18141-une-fonderie-maison-pour-recycler-canettes
J'ai toujours eu envie de m'en bricoler une... ^^ (via Timo)
http://img.izismile.com/img/img7/20141206/640/i_could_argue_but_i_completely_agree_640_34.jpg
"Astuce pour les parents :
Pour punir vos enfants, ne confisquez pas leurs appareils électroniques. Confisquez-leur uniquement les chargeurs, et voyez-les craindre eux-mêmes d'utiliser leurs consoles, téléphones, ..., à mesure que les batteries se vident peu à peu."
J'adopte direct !
http://themetapicture.com/so-much-room-for-activities/
Bonne idée d'aménagement d'une pièce pour 4 lits... excellent.
http://forums.logitech.com/t5/Mice-and-Pointing-Devices/Performance-MX-mouse-double-clicking/m-p/709722#M36353
Pour les utilisateurs de souris logitech et spécifiquement ceux de la performance MX (une des meilleures souris que j'ai eu)...
Si vous avez un problème de clic/double-clic/glisser-déposer (un glisser déposer qui se transforme en double clic systématique par exemple) suivez cette procédure et tout rentre dans l'ordre ^^
This can be caused by static energy trapped inside the capacitors in the mouse. To drain this static energy, please plug the Unifying receiver into a different USB port and follow this procedure:
Au passage, je vais faire la promo de Logitech... Je ne connais pas leur moralité à propos de la façon dont ils produisent leur claviers/souris etc, mais il y a une chose sur laquelle ils sont très efficaces, c'est le service après-vente: un simple formulaire à remplir avec les infos de base du produit et ils vous recontactent le lendemain pour créer un dossier et remplacer l'appareil... pas de complications, pas de temporisation, pas de recherche de la petite bête...
Ils sont même tout-à-fait disposés à remplacer le produit par un autre plus cher si celui qui est tombé en panne n'est plus disponible !
Un service après-vente qui ne se fout pas du monde, qui est efficace, rapide et assuré par des humains agréables, cordiaux et qui parlent votre langue...
Juste: merci !
http://dev.yosko.net/wiki/doku.php?id=firefox
Chéboncha ! Merci !
http://bada55.io/
Oh ça j'aime bien ! ^^
Les couleurs correspondantes à certains mots en anglais...
le premier: booops (#B000B5) :-P
http://www.addictivetips.com/web/stop-animated-gifs-from-autoplaying-in-your-browser/
Ben quand on a une connexion au débit de clepsydre, c'est pas mal, ça...
empêcher l'autochargement des gifs animés...
https://assistance.b-and-you.fr/questions/32458-comment-desactiver-la-messagerie-vocale
---
VOICI TOUT LES CODES "REPONDEUR" (pour bouygues, des fois ça fonctionne sur les autres opérateurs)
() vous ne répondez pas.. votre répondeur se met en marche, après 6 ou 8 sonneries (on peut les programmer)
Désactivation ##61# [SEND] (Sonne Toujours) (8)
Activation 61+33660660003(Nb/Sec)# [SEND] (O)
Vérification *#61# [SEND]
() vous êtes inaccessible ou votre portable est éteint...votre répondeur se met en marche ..
Désactivation ##62# [SEND] (Message Vocale Inaccessible)
Activation *62*+33660660003# [SEND]
Vérification *#62# [SEND]
() vous êtes déjà en ligne, votre répondeur se met en marche
Désactivation ##67# [SEND] (Sonne Occupe)
Activation *67*+33660660003# [SEND]
Vérification *#67# [SEND]
() Pour un Renvoi Systématique vers votre répondeur..
Activation *21*+33660660003# [SEND]
Désactivation ##21# [SEND]
Vérification *#21# [SEND]
() Pour Activer le double appel :
Activation *43# [SEND]
Désactivation #43# [SEND]
Vérification *#43# [SEND]
!d4 Notes :
[SEND=ENVOYER] Equivaut à la prise de ligne (Appeler/Ok)
(Nb/Sec) Equivaut au Nombre de Seconde de sonnerie avant que la boite vocale ne s'enclenche (de 1 à 30 au maximum).
http://www.woodworkingformeremortals.com/2011/07/unique-viewer-projects-birdsaw-box-and.html
clever ^^
http://toolmonger.com/2009/11/30/overpriced-center-finder/
Un outil tout simple pour tracer le milieu de la tranche d'une planche... et c'est facile à fabriquer en plus...
http://fancy.com/things/267053457/3/8-Shackle-Keyring
ça peut coûter peanuts ^^
http://thingd-media-ec6.thefancy.com/default/267053457_18acdb2720b2.jpeg
http://media-cache-ec0.pinimg.com/736x/3e/b8/3a/3eb83af477e91b480d963ec7349880b0.jpg
http://getkeysmart.com/
j'aime beaucoup... plus de glinglin dans les poches !!! \o/
http://bdadam.com/blog/loading-webfonts-with-high-performance.html
Utiliser les web fonts intelligemment...
1- Only serve fonts in woff format
2- Other browsers get the old "websafe" fonts
3- Download the font in "binary" format and optimize it
4- Serve the fonts yourself
5- Serve them as CSS files - base64 encoded data URIs
6- If the user doesn't have the font, load it asynchronously and store in localStorage
7- Otherwise load it from localStorage without accessing the server
8- Have fun because your site renders much faster and your users have a much better usability experience
Pas con... pourquoi pas.
http://tuxicoman.jesuislibre.net/2014/05/recuperer-le-flux-rss-dune-page-facebook.html
Tiens, on pourrait en faire un bookmarklet, de ça...
http://www.warriordudimanche.net/shaarli/?tkiG5Q
En fait, je veux faire un formulaire simplifié de post, un peu à la shaarli, pour pouvoir poster vite fait un lien, une vidéo ou un billet d'humeur façon tweet ^^
La mémerde, c'est qu'il faut t'authentifier d'abord puis ensuite poster... plus trop simplifié :-D
(je fais ça pour des noubissimes XXXl )
Du coup, je mets un input sur le formulaire généré lors d'un appel de bookmarklet pour que le user puisse spécifier son passe (le numéro du user est donné dans le bookmarklet, qui est unique).
c'est la page index qui reçoit les données post car le prepend de la page article effectue la vérification de session avant tout hook...
donc post -> INDEX [gère mot de passe et crée session si nécessaire (hook)] -> [post dans session[postdata]] redirection -> admin/article.php -> hook [post=session[postdata]] -> article récupère les données post
ça peut paraître alambiqué mais ça marche très bien... reste que je dois mettre un artID libre dans le formulaire... (je suis dessus là )
3,2,1 TROLL !^^
http://
Dans pluXML, j'avais besoin de passer par la page index pour opérer une identification du user puis par une page admin pour gérer les données de mon formulaire (pour éviter de devoir se logger AVANT de poster)... en effet, impossible de se logger avant si on dirige directement vers la page admin correspondante, car la vérification de la validité de la session se faisait avant toute forme de hook (normal ^^)
Seule solution (apparemment... jerrywham ?!) envoyer le formulaire contenant les données à gérer et le mot de passe tapé par le user à la page index qui permet un hook de vérification/création de session puis rediriger ensuite vers la page admin pour traiter la suite du formulaire...
Je me suis gratté la tête un petit moment, puis j'ai pensé à deux solutions:
1 - changer le $POST en $GET, mais c'est crade
2 - stocker les $POST dans $SESSION['postdata'], rediriger vers la page article.php, hooker pour recréer la variable $_POST...
Ben ça, voyez-vous, ça fonctionne... <3 PHP
http://www.creativejuiz.fr/blog/tutoriels/un-onresize-ou-onscroll-plus-performant-en-js
ha, tiens c'est pas con...
http://sammyfisherjr.net/Shaarli/?zyVU1A
Pour ma part, j'installe avast en passant par ninite.com: non seulement l'insall est transparente mais en plus il n'y a pas d'ajouts sauvages ...
Lien vers le message anterieur http://sammyfisherjr.net/Shaarli/?zyVU1A
http://www.poulettemagique.com/bulles-de-savon-la-recette-home-made
houlà que ça m'intéresse ça....
http://bookmarks.ecyseo.net/?MnSKyA
C'est pas si con que ça... on n'a pas toujours une alim sous la main...
Lien vers le message anterieur http://bookmarks.ecyseo.net/?MnSKyA
https://i.imgur.com/YbJ4TAG.gif
C'est sympa tant que tu ne dois pas placer ton clou avec précision... c'est à dire presque jamais... ^^
Sinon, un truc tout simple permet de ne pas se taper sur les doigts: planter le clou dans une languette de carton ou utiliser un tournevis plat à pointe aimantée... tout con !
Lien vers le message anterieur http://sebsauvage.net/links/?ya58wQ
http://perishablepress.com/stupid-htaccess-tricks/
Yes j'y cours... merci ! (et bien sûr que je te lis ;-)
Lien vers le message anterieur http://bookmarks.ecyseo.net/?zELF8A
http://www.cyberciti.biz/tips/php-security-best-practices-tutorial.html
Comment sécuriser son serveur PHP... et par la même occasion le rendre inapte à à peu près tout... ^^ (troll)
http://lehollandaisvolant.net/?mode=links&id=20140318212720
" n’oubliez pas un petit coup de "sudo aptitude clean" de temps en temps (vire les paquets .deb en cache), et de sudo dpkg --purge $(COLUMNS=200 dpkg -l | grep "^rc" | tr -s ' ' | cut -d ' ' -f 2) pour virer les fichiers de config devenus inutiles"
Ce que j'aime avec linux, c'est que c'est à la fois ergonomique ET intuitif... performance ! ^^
(merci Timo ;-)
http://korben.info/importer-pst-dans-thunderbird-pour-linux.html
Peut être utile pour dépanner les crosoft users ^^
http://snippetvamp.warriordudimanche.net/snippetvamp.php?snippet=525ed47f87cde
Au passage, si ça peut servir:
en cas de bug d'affichage sous firefox quand on met overflow:hidden et que le contenu supposé invisible ne l'est pas, il suffit d'ajouter overflow: -moz-hidden-unscrollable; et ça fonctionne...
http://www.140geek.com/usar-el-traductor-de-google-como-proxy/7785/
Tiens, c'est pas con, ça... ça peut marcher ^^
http://lehollandaisvolant.net/?d=2013/09/20/22/09/18-quelques-rapides-codes-php-js-ou-html
Quelques trucs que je ne connaissais pas... Ce que j'aime avec les snippets, c'est que de suite on a envie de bricoler un truc pour les tester ^^
En tout cas: Merciiiii Timoooo (merci Timo) XD
Pour le centrage horizontal et vertical, j'ai récupéré une série de trucs sur smashingmagazine il y a un moment:
http://snippetvamp.warriordudimanche.net/snippetvamp.php?snippet=5207a68ee3b47
http://www.addictivetips.com/windows-tips/cool-photo-transfer-android/
Ha, je vais tester ça... Marre de connecter le phone à l'usb (la prise merdouille) ou d'utiliser Dropbox quand ça couille...
Envoyer directement les tofs au pc avec un geste qu'on choisit...
http://www.addictivetips.com/web/set-chrome-to-automatically-open-specific-sites-in-incognito-mode/
Tiens, ça peut être utile ça: ça évite des manipulations inutiles quand on est pressé d'ouvrir certains onglets à contenu sensible hinhinhin ^^
http://telephonie.sanjb.net/numero-telephone-non-surtaxe.php
A garder sous la main...
http://css-tricks.com/svg-fallbacks/
Une méthode fallback pour utiliser des .svg ...
http://lifehacker.com/disable-ads-on-youtube-by-enabling-a-youtube-experiment-1171802208
Tiens, un truc pour virer la pub de youtube en une ligne de code...
à tester :)
http://sametmax.com/eviter-que-sublime-text-necrase-les-parentheses-fermantes/
Alors, là, moi je dis: merci...
http://www.olissea.com/mb/links/1/?bInO7A
C'est ce qu'on avait remarqué pour Googol avec JerryWham: j'ai pallié à ce problème en faisant une copie locale temporaire des miniatures générées par google. Ainsi, à la rigueur, google ne récupère que l'ip du serveur qui héberge googol, mais RIEN sur le user ^^
Pour éviter la surcharge en miniatures, celles de googol n'ont qu'une durée de vie limitée, mais sur shaarli, la récup pourrait se faire une fois pour toutes...
http://links.la-bnbox.fr/?Saidrg
Ha tiens, je vais tester ça... en plus ça semble résoudre les problèmes rencontrés avec snippetVamp également :)
http://lehollandaisvolant.net/index.php?mode=links&id=20130628144351
oui ca marche sur la plupart des dvd... cool hein?
http://codepen.io/patrickkunka/pen/GECBF
Un bon truc pour les designs en colonnes: text-align:justify maintient des espacements de gouttières réguliers, les tailles sont spécifiées et % et restent fluides et le nombre de colonnes est géré par les media queries...
Finalement ça reste très léger, simple en structure et peu intrusif dans les css...
Une très bonne solution, à mon sens !