Herman Style Guides | OddBird
▻http://oddbird.net/2018/01/03/introducing-herman
If it’s not documented, it doesn’t exist. Documentation should become the default – an integrated part of the development process.
—Miriam Suzanne (me)
Herman Style Guides | OddBird
▻http://oddbird.net/2018/01/03/introducing-herman
If it’s not documented, it doesn’t exist. Documentation should become the default – an integrated part of the development process.
—Miriam Suzanne (me)
Parallax scrolling with CSS variables | basicScroll
▻https://basicscroll.electerious.com
via @mist_
#parallax #intégration #web #CSS #HTML #Javascript #css-variables
– démo sur codePen : ▻https://codepen.io/electerious/pen/gLLozQ
– le Github du projet : ▻https://github.com/electerious/basicScroll
Vanilla JS
▻http://vanilla-js.com
To use Vanilla JS, just put the following code anywhere in your application’s HTML:
<script src="path/to/vanilla.js"></script>
When you’re ready to move your application to a production deployment, switch to the much faster method:
That’s right - no code at all. Vanilla JS is so popular that browsers have been automatically loading it for over a decade.
Des media queries pour savoir si l’usager en est réduit à viser grossièrement avec ses gros doigts boudinés, ou s’il peut piquer précisément comme une abeille :
Using Media Queries For Responsive Design In 2018 — Smashing Magazine
▻https://www.smashingmagazine.com/2018/02/media-queries-responsive-design-2018
@media (pointer:coarse) {
.which-pointer::after {
content: "You have a coarse pointer, are you on a touchscreen device?";
}
}
@media (pointer:fine) {
.which-pointer::after {
content: "You have a fine pointer, are you using a mouse or trackpad?";
}
}
Essential resources to design complex data tables
▻https://blog.stephaniewalter.fr/en/essential-resources-design-complex-data-tables
“list of resources when I need to design complex tables with a lot of data, interactions, etc.”
Turning Design Mockups Into Code With Deep Learning - FloydHub Blog
▻https://blog.floydhub.com/turning-design-mockups-into-code-with-deep-learning
Within three years deep learning will change front-end development. It will increase prototyping speed and lower the barrier for building software.
In this post, we’ll teach a neural network how to code a basic a HTML and CSS website based on a picture of a design mockup.
Bad Month for the Main Thread
▻https://daverupert.com/2018/01/bad-month-for-the-main-thread
“I believe we need an alternative to All-in-JS on the client. I am bought into the idea of Single-File Components, but want that with more focus on HTML as the foundation than JavaScript.”
WWW-Talk Apr-Jun 1993: Re: Style sheets for HTML
▻http://1997.webhistory.org/www.lists/www-talk.1993q2/0448.html
Have you considered allowing multiple stylesheets to cover different uses? This would mean that you could specify one style for printing and another for online use. You might want to go further and distinguish between X windows, PC’s and palmtops.
PVS-Studio 6.21 release: support for CWE (Common Weakness Enumeration) was added
▻http://isocpp.org/feeder/?FeederAction=clicked&feed=All+Posts&seed=http%3A%2F%2Fisocpp.org%2Fblog%2F2
PVS-Studio is a tool for bug detection in the source code of programs, written in C, C++, and C#. It works in Windows and Linux environment.
PVS-Studio 6.21 Release by PVS-Studio Team
What’s new:
Support for CWE (Common Weakness Enumeration) was added to C/C++/C# analyzers. HTML log with source code navigation can now be saved from Visual Studio plug-ins and the Standalone tool. WDK (Windows Driver Kit) projects for Visual Studio 2017 are now supported. PVS-Studio plug-in for SonarQube was updated for the latest LTS version 6.7. V1007. The value from the uninitialized optional is used. Probably it is a (...)
inclusive-design-checklist: Aims to be the biggest checklist of inclusive design considerations ever
▻https://github.com/Heydon/inclusive-design-checklist
“Aims to be the biggest checklist of inclusive design considerations for the web ever. Includes items for accessibility, performance, device support, interoperability, and language.”
How to make your HTML responsive by adding a single line of #CSS
▻https://medium.freecodecamp.org/how-to-make-your-html-responsive-by-adding-a-single-line-of-css
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
Titre un peu racoleur mais tout de même intéressant.
#grid
Summary of C++17 features
▻http://isocpp.org/feeder/?FeederAction=clicked&feed=All+Posts&seed=http%3A%2F%2Fisocpp.org%2Fblog%2F2
Slides from a talk about C++17 features<img alt="" data-cke-saved-src="
" src='https://seenthis.net/" 359px;="" height:="" 180px;="" float:="" right;"="" style="height: 115px; width: 230px; float: right;"> Summary of C++17 features
by Bartlomiej Filipek
From the article:
How do you see the new C++ standard? Is it ok? Great? Meh? See my slides from the talk where I tried to answer this (...)
#News,Articles&_Books,
Attention @seenthis @b_b @rastapopoulos @vanderling injection de code ?
#bug_seenthis #seenthis_bug
@sandburg pas d’injection de code, juste du contenu foireux à la source cf :
Slides from a talk about C++17 features<img alt="” data-cke-saved-src="https://3.bp.blogspot.com/-FmcCNhDOrzU/WhllCAXGjPI/AAAAAAAADMA/ru1talQLHaI7j6Kk9q9QqObooAVjxiG1gCLcBGAs/s1600/cpp17featureslogo.png” src="https://3.bp.blogspot.com/-FmcCNhDOrzU/WhllCAXGjPI/AAAAAAAADMA/ru1talQLHaI7j6Kk9q9QqObooAVjxiG1gCLcBGAs/s1600/cpp17featureslogo.png” 359px;="” height:="” 180px;="” float:="” right;"="” style="height: 115px; width: 230px; float: right;">
Oui, je voyais bien qu’il n’y avait pas d’injection et j’avais bien vu la cause : ces quote non assorties, mais comme l’image avait quand meme été interprétée, je me demandais si ce n’était pas la porte à une possible injection, en suivant cette piste.
Comparative Audio Analysis With Wavenet, MFCCs, UMAP, t-SNE and PCA
▻https://medium.com/@LeonFedden/comparative-audio-analysis-with-wavenet-mfccs-umap-t-sne-and-pca-cb8237bfce2
This post is on a project exploring an audio dataset in two dimensions. I cover some interesting algorithms such as NSynth, UMAP, t-SNE, MFCCs and PCA, show how to implement them in Python using Librosa and TensorFlow, and also demonstrate a visualisation in HTML, JavaScript and CSS that allows us to interactively explore the audio dataset in a two dimensional, parameterised plots
#UMAP #tSNE #sons #visualisation
70 CSS text effects
▻http://freefrontend.com/css-text-effects
Collection of HTML and CSS text effects with little JavaScript: 3D, animated, glitch, hover, shadow, rotating and typing. Demo and download code (*zip).
Pas testé (à cette heure, j’ai codepen.io qui ne charge pas les pages).
#html #css #typographie #javascript #svg
Berlin 1920s on Vimeo
▻https://vimeo.com/160288042
I still have a suitcase in Berlin... (I will come back many times!)
Filmed in Second Life at the beautiful place “The1920s Berlin project”, created by Jo Yardley and kept alive by a friendly and active community
maps.secondlife.com/secondlife/1920s%20Berlin%20Project/249/224/1930
Music :
“Ich hab noch einen Koffer in Berlin”, composed by Ralph Maria Siegel and sung by Marlene Dietrich.
Many thanks to Jo Yardley and to all the people of Berlin who participated.
More information about the project :
secondlife.com/destination/1828
1920sberlin.com/
1920sberlinproject.wordpress.com/
The Drax Files: World Makers [Episode 2: Jo Yardley] youtube.com/watch?v=EkE_F2nEf4g&list=FLzAausc1lRzrdmQL7vNiqkA
BLOGGED on :
“The creators project” thecreatorsproject.vice.com/blog/somebody-meticulously-recreated-1920s-berlin-in-second-life
“Jo Yardley’s Second Life” joyardley.wordpress.com/2016/04/14/1920s-berlin-machinima-shown-on-german-tv/
“secretcitytravel.com” secretcitytravel.com/2016/visit-1920s-berlin-second-life.shtml
“Yopq” yopk.gr/second-life-berlin-1920-project/
“The 1920s Berlin project” 1920sberlinproject.wordpress.com/2016/03/26/pepa-cometa-makes-fantastic-1920s-berlin-project-video/#comment-795
“Echt Virtuell” echtvirtuell.blogspot.com.es/2016/03/video-berlin-1920-von-pepa-cometa.html
“Kill screan” killscreen.com/articles/you-can-visit-a-historically-accurate-1920s-berlin-in-second-life/
“Campaign_Otaku” campaign-otaku.hatenadiary.com/entry/2016/04/26/222626
liveberlin.ru/fun/2017/02/06/berlin-1920s-in-the-second-life/
berlinocacioepepemagazine.com/berlin-1920s-184-secondi-nella-berlino-prima-di-hitler-in-un-corto-danimazione/
“I heart Berlin” iheartberlin.de/2017/03/03/bringing-back-the-golden-twenties-of-berlin-in-second-life/
“K FundMedia” kfund-media.com/v-rytmi-kabare-chomu-do-berlina-pragnut-molodi-ta-kreatyvni-yevropejtsi/
Front-End-Checklist
►http://frontendchecklist.com
The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your site / HTML page to production.
Balloon.css — #css tooltips for HTML elements
►https://kazzkiq.github.io/balloon.css
#infobulle #tooltip #nojavascript
In the age of pervasive #fishing attacks, #HTML has no place in #messaging formats.
▻https://theconversation.com/the-only-safe-email-is-text-only-email-81434 #security #sécurité #plain_text #messagerie
Lynx Users Guide v2.7
▻http://www.neurophys.wisc.edu/comp/lynx_users_guide.html
Bonus gratuit : Avec Lynx on est à totalement l’abri des scripts nocifs sur les pages web, enfin prèsque.
Lynx a un seul inconvénient : les pages qui ne marchent qu’àvec #javascript restent inaccessibles - mais ne faites pas confiance au message d’erreur qui s’affiche quand vous éteignez JS dans votre brouteur habituel ; assez souvent Lynx affiche joliment des pages web qui exigent du JS dans Chrome, Firefox et d’autres systèmes plus « modernes ».
Lynx is a fully-featured World Wide Web (WWW) client for users running cursor-addressable, character-cell display devices (e.g., vt100 terminals, vt100 emulators running on PCs or Macs, or any other character-cell display). It will display Hypertext Markup Language (HTML) documents containing links to files on the local system, as well as files on remote systems running http, gopher, ftp, wais, nntp, finger, or cso/ph/qi servers, and services accessible via logins to telnet, tn3270 or rlogin accounts (see URL Schemes Supported by Lynx). Current versions of Lynx run on Unix and VMS.
Lynx can be used to access information on the WWW, or to build information systems intended primarily for local access. For example, Lynx has been used to build several Campus Wide Information Systems (CWIS). In addition, Lynx can be used to build systems isolated within a single LAN.
Pour le #mail c’est pareil, je redécouvre #Mutt qui est très puissant aussi.
The Mutt E-Mail Client
▻http://www.mutt.org
“All mail clients suck. This one just sucks less.” -me, circa 1995
web browser - Using Lynx on potentially malicious websites - Information Security Stack Exchange
▻https://security.stackexchange.com/questions/97873/using-lynx-on-potentially-malicious-websites
in theory, you are still vulnerable. Even in Lynx there are still components that parse HTML, interact with the network, keep track of cookies, etc (tip: use curl or wget to just download the page without even parsing it to be even more careful). That is still quite a big attack surface, though I would consider it safe enough at this point. Maybe not safe enough against a targeted attack from a powerful attacker, but definitely safe enough for random Android websites.
Deluge of Browser Security Issues Drives Mass Migration | Netcraft
▻https://news.netcraft.com/archives/2009/04/01/deluge_of_browser_security_issues_drives_mass_migration.html
April Erste, Public Relations Manager at the First National Bank of Oki Koki, told Netcraft that users are migrating to Lynx because of its speed and advanced security features. She added: “Lynx has not once suffered a buffer overflow in its image processing, and indeed has suffered no security vulnerabilities at all in the last 2 years.” By comparison, the most recent Firefox security update was only 4 days ago.
The bank also notes that Telnet remains popular with a small group of its customers. Although it lacks the sophisticated user interface of Lynx, many security experts argue that Telnet is significantly more secure and has the largest installed base of any browser.
Erste said that while the bank is dedicated to providing an accessible online banking experience, some customers still report difficulties when trying to make HTTPS requests through Telnet without the aid of an extended keyboard layout.
Lynx Information
▻http://lynx.browser.org
Many user questions are answered in the online help provided with Lynx. Press the ’?’ key to find this help.
LYNX – The Text Web-Browser
▻http://lynx.invisible-island.net
This is the toplevel page for the Lynx software distribution site.
The current development sources have the latest version of Lynx available (development towards 2.8.9).
The main help page for lynx-current is online; the current User Guide is part of the online documentation.
The most recent stable release is lynx2.8.8.
P.S. Lynx marche très bien sous Windows ;-)
“whoever said html never killed anyone was wrong”
▻https://twitter.com/internetofshit/status/906640862968406016
Project MUSE - Resurrecting Thomas Wolfe
▻http://muse.jhu.edu/article/31710
Die Schilderung, welche Thomas Wolfe von seiner Abreise aus Berlin im März 1937 in The New Republic veröffentlichte, ist so heutig wie herzzerreissend. Sie könnte sich heute, achtzig Jahre später, in Ankara oder Istambul zutragen, mit dem kleinen aber bedeutsamen Unterschied, dass ihre Botschaft nicht mehr im Rhythmus der Schienenstöße während eines langen Tages reifen dürfte, sondern als Explosion den Lärm der Jet-Triebwerke übertönen und Protagonisten wie Leser ohne Bedenkzeit zu sofortigen Entscheidungen zwingen würde. Was für eine Überforderung.
When Thomas Wolfe died of tubercular meningitis on September 15, 1938, his literary reputation was equal in the United States to that of Faulkner, Hemingway, and Fitzgerald. In the sixty plus years since, his artistic reputation has been all but destroyed. With the exception of his first novel, Look Homeward, Angel, he is read less and less often, and the academics who design anthologies and teach influential college courses routinely dismiss his work. So on the 100th anniversary of his birth, we are compelled to ask, Who killed Thomas Wolfe?
Thomas Wolfe – Wikipedia
▻https://de.wikipedia.org/wiki/Thomas_Wolfe
In dem expressionistischen Dichter Hans Schiebelhuth fand er für seine ersten beiden Romane einen kongenialen Übersetzer, der dazu beitrug, dass Wolfe sich zeitweise in Deutschland höher geschätzt fühlte als in seiner Heimat. In Amerika gehörte William Faulkner, in Deutschland Hermann Hesse zu seinen Bewunderern. Er starb 1938 an Gehirntuberkulose und wurde in seiner Heimatstadt Asheville, die er als Altamont unsterblich gemacht hatte, im Familiengrab beigesetzt. Geweb und Fels und Es führt kein Weg zurück wurden postum aus den hinterlassenen Manuskriptmassen zusammengestellt.
▻https://en.wikipedia.org/wiki/Thomas_Wolfe#Career
Wolfe spent much time in Europe and was especially popular and at ease in Germany, where he made many friends. However, in 1936 he witnessed incidents of discrimination against Jews, which upset him and changed his mind about the political developments in the country. He returned to America and published a story based on his observations ("I Have a Thing to Tell You") in The New Republic. Following its publication, Wolfe’s books were banned by the German government, and he was prohibited from traveling there.
Thomas Wolfe: I Have a Thing to Tell You: II | New Republic
▻https://newrepublic.com/article/104662/i-have-thing-tell-you-ii
▻http://fadedpage.com/csearch.php?author=Wolfe%2C%20Thomas
Look Homeward, Angel. A Story of the Buried Life.
Wolfe, Thomas, 1929
▻http://gutenberg.net.au/plusfifty-n-z.html#wolfe
Thomas WOLFE (1900-1938)
Look Homeward, Angel (1929)—Text—ZIP—HTML
Of Time and The River (1935)—Text—ZIP—HTML
You Can’t go Home Again—Text—ZIP—HTML
#Deutschand #Berlin #Geschichte #Nazis #Rassegesetze #Juden #Literatur #Bahnhof_Zoo #Kurfürstendamm #Charlottenburg
Little UI details from steveschoger, in HTML and CSS
▻https://codepen.io/tyrellrummage/details/ZJPXgy
I’m gonna show you little #UI details that can really improve your user experience by providing a nice #interface. This #tips are not mine, they’re from @steveschoger on Twitter. All credits to him!
Free HTML templates to create your website in minutes
▻http://mashup-template.com
Free Beautiful HTML5 Template based on pre-built Blocks to create a website in minutes. All Mashup Templates are responsive design, fully customisable and can be used for any commercial project.
NPG Music Club (Website) - Prince Vault
▻http://www.princevault.com/index.php?title=NPG_Music_Club_(Website)
The website environment changed over the years from html colorful pages to a huge white Palace in the middle of gardens.
#Free #HTML Website #Templates
▻https://freebiesbug.com/code-stuff/html-website-templates
A curated collection of free HTML/CSS website templates ready to be used
Free, mais impossible de trouver une mention des licences utilisées...