Search
Offscreen Text for Copy & Paste
15.5.2020
The relationship between HTML and CSS is special: mixing content via HTML with presentation from CSS to make an awesome presentation. Sometimes, however, you need to employ CSS tricks solely to enhance functionality. This could be one of those cases. When browsing through the Firefox DevTools...
Exciting Things on the Horizon For CSS Layout
8.5.2020
Michelle Barker notes that it’s been a heck of a week for us CSS layout nerds.
Firefox has long had the best DevTools for CSS Grid, but Chrome is about to catch up and go one bit better by visualizing grid line numbers and names.
Firefox supports gap for display: flex, which is great,...
Vyšel Firefox 76. Chrání hesla a účty lépe než dřív
6.5.2020
Mozilla vydala další verzi svého prohlížeče. Firefox 76 ve verzích pro všechny hlavní desktopové systémy je ke stažení na oficiálním webu, a pokud již používáte předchozí verzi, můžete ji snadno aktualizovat. Tvůrci opravili přes deset chyb včetně čtyř kritických a přidali několik
[aktualita] Firefox přidává podporu moderního formátu pro kompresi obrazu AVIF
5.5.2020
Vývojáři Firefoxu do prohlížeče vložili experimentální podporu formátu pro obrazovou kompresi jménem AVIF, u něj se předpokládá, že by mohl časem nahradit JPEG. Podpora AVIF se objevila ve vývojové verzi prohlížeče s pořadový číslem 77, je ale potřeba ji v prohlížeči aktivovat ručně, ve výchozím...
Firefox Private Relay umožní, abyste nemuseli každému vyslepičit svůj e-mail
4.5.2020
Pokud při registraci do nejrůznějších webových služeb jen s nelibostí vyplňujete svůj e-mail, možná vás zaujme připravovaná funkce Mozilly Firefox Private Relay.
Doplněk prohlížeče na váš povel vygeneruje e-mailovou adresu, kterou budete moci zadat do libovolného registračního formuláře. Cokoliv
[David Baron’s] Thoughts on an implementable path forward for Container Queries
29.4.2020
That’s the title of a public post from David Baron, a Principal Engineer at Firefox, with thoughts toward container queries. I know a lot of people have been holding their breath waiting for David’s ideas, as he’s one of few uniquely qualified to understand the ins and outs...
Innovating on Web Monetization: Coil and Firefox Reality
23.4.2020
I still think Coil is cool. I have it installed on CSS-Tricks as a publisher and money trickles in. I have a paid account and I trickle out money to other sites that use it. I wrote about all that last year.
This’ll explode to something huge if we actually get the Web Monetization API stuff....
Can JavaScript Detect the Browser’s Zoom Level?
21.4.2020
No, not really.
My first guess was that this was intentionally not exposed in browsers because browsers intentionally don’t want us fighting it — or making well-intentioned but bad-outcome decisions based on that info. But I don’t see any evidence of that.
StackOverflow answers paint...
Styling in the Shadow DOM With CSS Shadow Parts
13.4.2020
Safari 13.1 just shipped support for CSS Shadow Parts. That means the ::part() selector is now supported in Chrome, Edge, Opera, Safari, and Firefox. We’ll see why it’s useful, but first a recap on shadow DOM encapsulation…
The benefits of shadow DOM encapsulation
I work at giffgaff where we have...
Thinking in Behaviors, Not Screen Sizes
11.4.2020
Chase McCoy wrote a nifty post about the “gap problem” when making a grid of items. His argument might be summarized like this: how should we space elements with margins in CSS? He notes that the gap property isn’t quite ready for prime time when it comes to using it with flexbox, like this:
.grid...
Nový Firefox 75 slibuje přepracovaný adresní řádek, prohlížeč od Mozilly má ale problém
8.4.2020
Mozilla vypustila do světa další verzi svého prohlížeče Firefox 75. Ten stejně jako jeho předchůdci opravuje hromadu chyb, došlo ale i na jednu vychytávku patrnou už na první pohled.
V Mozille kosmeticky upravili adresní řádek s kombinovaným vyhledávačem, který by nyní měl ještě více
CSS Findings From The New Facebook Design
7.4.2020
Ahmad Shadeed digs around the new Facebook’s front-end code.
One that stood out to me:
.element {
inset: 4px 0;
/* Which is equivalent to: top: 4px, bottom: 4px, left: 0, right: 0 */
}
Whaaat? This is the first I’ve heard of the inset property. Ahmad said he saw it working...
[aktualita] Firefox se propadl v popularitě na třetí místo, předběhl jej nový Edge
6.4.2020
Dlouhodobá dvojka na trhu internetových prohlížečů pro notebooky a desktopy se v březnových statistikách Net Applications propadla na třetí místo, předběhl ji nový Microsoft Edge. Nový Edge, který je založený na Chromiu, získal v březnových statistikách Net Applications podíl 7,59 %, Firefox...
Webový prohlížeč Edge už používá více uživatelů než Firefox, Microsoft se pomalu vrací do hry
3.4.2020
Prohlížečům od Microsoftu se v posledních letech příliš nedařilo – od chvíle, kdy se pomyslné vlády ujal Google Chrome, jako by ztrácely pevnou půdu pod nohama. Situace se začala obracet poté, co byl oficiálně uvolněn prohlížeč Edge, postavený na jádru Chromium.
Do té doby nepříliš oblíbený
Detect git Directory with Bash
2.4.2020
One interesting aspect of working at Mozilla is that Firefox lives in a mercurial repository while several other projects live on GitHub in a git repository. While most focus on either Firefox or another project, I switch between both, leaving me running git commands inside the mercurial repository...
How They Fit Together: Transform, Translate, Rotate, Scale, and Offset
30.3.2020
Firefox 72 was first out of the gate with "independent transforms." That is, instead of having to combine transforms together, like:
.el {
transform: rotate(10deg) scale(0.95) translate(10px, 10px);
}
...we can do:
.el {
rotate: 10deg;
scale: 0.95;
translate: 10px 10px;
}
That's extremely...
CSS :nth-of-class selector
23.3.2020
That's not a thing.
But it kinda is!
Bram covers how frustrating .bar:nth-child(2) is. It's not "select the second element of class .bar." It's "select the second element if it also has the class .bar." The good news? There is a real selector that does the former:
:nth-child(2 of .bar) { }
Safari...
Firefox přestane podporovat protokol FTP, s vypínáním začne ve verzi 77
20.3.2020
Webový prohlížeč Mozilla Firefox přijde o podporu jednoho z nejstarších síťových protokolů – FTP. V příspěvku v rámci diskuzní skupiny mozilla.dev.platform to oznámil softwarový konzultant Michal Novotný s tím, že tento úkol je na Bugzille evidován pod číslem 1574475 již od srpna loňského roku a
Firefox 74 mění pravidla pro doplňky. Vylepšena je také ochrana před sledováním Facebookem
11.3.2020
Mozilla uvolnila další finální verzi svého webového prohlížeče Firefox, má označení 74. Přináší opravy různých bezpečnostních chyb a několik novinek, například nové možnosti správy, resp. třídění přihlašovacích údajů, či import záložek z nové generace prohlížeče Edge.
Nejpodstatnější novinka
Unfortunately, clip-path: path() is Still a No-Go
2.3.2020
I was extremely excited when I first heard that clip-path: path() was coming to Firefox. Just imagine being able to easily code a breathing box like the one below with just one HTML element and very little CSS without needing SVG or a huge list of points inside the polygon function!
Chris...