Today, as of December of 2024, Dillo is 25 years old!
https://dillo-browser.github.io/25-years/
#dillo #web #browser #html
4 Likes
Today, as of December of 2024, Dillo is 25 years old!
https://dillo-browser.github.io/25-years/
#dillo #web #browser #html
When ever you hear people trying to convince other people to switch to Firefox the reason is usually moral or ideological. 1
A usually toted reason, is that capitalist browsers like Chrome, Safari & Edge have too much market share. So we need to switch to the less pathologically operated Firefox — this post is not about that.
I recently switched to Firefox from Chrome. I felt like I was missing out on so much.
Chrome is simply no longer better than Firefox, features wise. Firefox is now the superior browser!
Invoker Commands: Additional Ways To Work With Dialog, Popover… And More?
Use of dialog and popover without JS? Yeah!
https://css-tricks.com/invoker-commands-additional-ways-to-work-with-dialog-popover-and-more/
Has anyone of you web-devs used web components for a project yet? What are you experiences or opinions with or about it?
BTW, back in the early aughts, I used a GIF image of my email address.
[gopher://hngopher.com/1/live/p1/](gopher://hngopher.com/1/live/p1/) is the Gopher portal to Hacker News
[gopher://hngopher.com/0/live/items/40340642/dump.txt](gopher://hngopher.com/0/live/items/40340642/dump.txt)
https://rouninmedia.github.io/protecting-your-email-address-via-svg-instead-of-js/
protecting-your-email-address-via-svg-instead-of-js
For a live demo of this accessible, no-javascript technique, see:
Email addresses published on webpages usually need to be protected
from email-harvesting spambots.
Conventionally, email protection techniques utilise a combination of
HTML, CSS and JS - though each approach is subject to its own pros
and cons.
In general, approaches involving JS tend to be more sophisticated
than alternatives based on HTML and / or CSS.
But the downside is that JS then becomes an unavoidable dependency of
that page.
There is always benefit in considering the school of thought which
advocates that while JS may enhance pages, ideally we should want all
the essential functionality on those pages to work even while
JavaScript is turned off.
The technique detailed on this page utilises an an approach entirely
different from conventional email protection techniques, based on CSS
, JS, CSS + JS etc.
Because this technique is based on SVG.
N.B. This technique - and any other email-protection technique
utilising front-end-technologies - won't protect your published email
address from being harvested by the most determined and sophisticated
spambots. But, as with many JS-based email-protection techniques, it
will protect you nevertheless from a great many unsophisticated
harvesters and keep your email successfully hidden from any simple or
amateurish scripts trawling the web, seeking to copy any unprotected
email addresses they find.
Three advantages of an SVG-based approach to protecting email
addresses
The main advantage of this SVG-based approach to protecting emails,
is that it involves no JavaScript.
As such, even when a human visitor has their JavaScript turned off,
the email address displayed on the page remains usable, accessible
and protected, while remaining secure and hidden from spambots.
Unlike other no-JavaScript-required approaches (e.g. obfuscating
email addresses by inserting non-visible HTML Comments or inserting
visible elements and subsequently hiding them via CSS), this
SVG-based approach allows for standard mailto: links. The twist is:
the mailto: link exists inside the external SVG document, not inside
the referring HTML document.
A third advantage is that embedded SVGs are image-like but not
images.
As replaced elements embedded within a hypertext document, SVGs may
conceal an email address from spambots nearly as effectively as an
image might.
But, strictly, SVGs are graphics documents rather than actual images.
Consequently, unlike with an image, a human visitor may still copy
the email address by right-clicking on the element in the
embedded SVG.
This would not be possible with a conventional image.
Implementing the Code
In the example below there are two files.
The SVG graphics document is embedded in the HTML hypertext document
via:
<object data="svg-email-protection.svg" type="image/svg+xml" /></object>
Note that the same SVG graphics document may be embedded in hypertext
once - or multiple times.
HTML File
````
<!DOCTYPE html>
SVG Email Protection
.svg-email-protection {
width: 180px;
height: 24px;
vertical-align: middle;
}
This is my email:
SVG File
Email Us!
<![CDATA[
rect {
width: 200px;
height: 24px;
fill: rgb(255, 255, 255);
}
a:focus rect,
rect:hover {
rx: 4px;
ry: 4px;
fill: rgb(0, 0, 255);
}
text {
font-size: 16px;
fill: rgb(0, 0, 255);
pointer-events: none;
}
a:focus text,
rect:hover + text {
fill: rgb(255, 255, 255);
font-weight: 900;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
text-decoration: underline 1px solid rgb(255, 255, 255);
text-underline-offset: 5px;
}
]]>
myemail@mydomain.tld
Accessibility
As ever, it's important to ensure that this setup remains as
accessible as possible.
On this basis, note the following in the SVG graphics document:
To see a live demo of this accessible, no-javascript technique, go
to:
https://dillo-browser.github.io/latest.html
https://lobste.rs/s/drhnog/dillo_release_3_1_0
In memory of Sebastian Geerken
#linux #gnu #gnulinux #web #html #code #softtware #opensource #freesoftware
Dialog, Modal, Popover : la synthèse
https://www.alsacreations.com/article/lire/1922-dialog-modal-popover-la-synthese.html
Holy cow this is really incredible.
☛ #HTML symbols & such. (In case you're expecting a ☄ or a ☃ (or an ✈, for that matter) to fall from the ☀☁ and forgot to bring your ☂, which would be of no use anyway in a ☈ or a ☣, so all you can do is wait, and ⚰ and ♲.)
#Apprendre : les cours avec le Site du Zéro, ça vous parle ? :)
Les anciens pdf : https://openclassrooms.com/fr/old-courses-pdf
Veuillez noter qu'ils ne sont plus mis à jour depuis le 08/01/2013.
#SiteDuZéro #html #css #php #Java etc...
Dites les gens
Y à Google qui me dit que mon site à un problème d’indexation
Ça veut dire quoi ?
@Emmanuel Florac @zebulon 1ᵉʳ, dit "le maudit"
#informatique #html #Google #site #programmation et puis d’autres j’imagine
_
Advent of Code is an Advent calendar of small programming puzzles for a variety of skill sets and skill levels that can be solved in any programming language you like. People use them as interview prep, company training, university coursework, practice problems, a speed contest, or to challenge each other.
You don't need a computer science background to participate - just a little programming knowledge and some problem solving skills will get you pretty far. Nor do you need a fancy computer; every problem has a solution that completes in at most 15 seconds on ten-year-old hardware.
#adventofcode #coding #linux #bsd #xterm #lua #gnulinux #html #python #ruby #perl #code
Ah...ich wußte gar nicht, daß man hier auf #Diaspora einen #Zeilenumbruch hinbekommt?! Sieht für mich aber nicht nach #Markdown, sondern eher nach #HTML aus. :-)
Beispiel:
Test
<br/>
Test
Sieht dann so aus:
Test
Test