Search
Jak jsem začal s kroužkem programování
9.2.2019
Podělím se s vámi o svoje zkušenosti, zdary i nezdary se zakládáním a provozováním kroužku programování pro děti ze základní školy
Using the Little-Known CSS element() Function to Create a Minimap Navigator
5.2.2019
W3C’s CSS Working Group often gives us brilliant CSS features to experiment with. Sometimes we come across something so cool that sticks a grin on our face, but it vanishes right away because we think, “that’s great, but what do I do with it?” The element() function was like that for me. It’s a...
SVG Filter Effects: Duotone Images with <feComponentTransfer>
5.2.2019
This fourth article in our SVG Filter series will show you how to use feComponentTransfer to create a duotone filter effect.
SVG Filter Effects: Duotone Images with <feComponentTransfer> was written by Sara Soueidan and published on Codrops
Git fork synchronizace
5.2.2019
Už po několikáté jsem musel vzpomínat, jak správně synchronizovat forknutý repozitář z GitHubu. Znáte to také? Nejspíš ano. Pojďme si postup připomenout společně
Spoják #5 – AV1 vás okouzlí. Bluetooth 5.1 vás naviguje. A Homebrew vám uvaří všude.
4.2.2019
Heslovitě: Datasette. Mozilla Reference Browser. AresDB. Cloud Firestore. FlexSearch.js. Babel 7.3.0. PWA na Play Store. Readability.js. Lighthouse s Platforms Packs. FOSDEM 2019. Firefox 65 a antiviry. Homebrew a Linuxbrew 2.0. Firefox proti sledování. AV1. Bluetooth 5.1. IE10 končí v 2020....
How do you figure?
1.2.2019
Scott O'Hara digs into the <figure> and <figcaption> elements. Gotta love a good ol' HTML deep dive.
I use these on just about every blog post here on CSS-Tricks, and as I've suspected, I've basically been doing it wrong forever. My original thinking was that a figcaption was just...
Using Artificial Intelligence to Generate Alt Text on Images
1.2.2019
Web developers and content editors alike often forget or ignore one of the most important parts of making a website accessible and SEO performant: image alt text. You know, that seemingly small image attribute that describes an image:
<img src="/cute/sloth/image.jpg" alt="A brown baby sloth...
The Many Ways to Change an SVG Fill on Hover (and When to Use Them)
31.1.2019
SVG is a great format for icons. Vector formats look crisp and razor sharp, no matter the size or device — and we get tons of design control when using them inline.
SVG also gives us another powerful feature: the ability to manipulate their properties with CSS. As a result, we can make quick...
Multiple Background Clip
30.1.2019
You know how you can have multiple backgrounds?
body {
background-image:
url(image-one.jpg),
url(image-two.jpg);
}
That's just background-image. You can set their position too, as you might expect. We'll shorthand it:
body {
background:
url(image-one.jpg) no-repeat top right,
...
Grid v návrhu uživatelského rozhraní — jednodušší, než si myslíte, ale důležitější, než jste čekali
30.1.2019
Nic nového pod sluncem. Bootstrap, vertikální grid, horizontální grid. Spočítejte, nastavte, pochopte a porušujte. Co jste o gridu možná nevěděli
Slide an Image to Reveal Text with CSS Animations
29.1.2019
I want to take a closer look at the CSS animation property and walk through an effect that I used on my own portfolio website: making text appear from behind a moving object. Here’s an isolated example if you’d like to see the final product.
Here’s what we're going to work with:
See the...
SVG Filter Effects: Poster Image Effect with <feComponentTransfer>
29.1.2019
Learn how feComponentTransfer works and how you can posterize images with this powerful SVG filter primitive.
SVG Filter Effects: Poster Image Effect with <feComponentTransfer> was written by Sara Soueidan and published on Codrops
Představení PSD2 nejen pro vývojáře. Blíží se otevřené bankovnictví? Udělejte si v tom jasno.
29.1.2019
Ačkoliv mi připadá, že články o PSD2 se to všude jen hemží, překvapuje mě, že spousta mých známých má problém se v současné situaci vyznat. Naopak mají pocit, že s další novou informací mají o PSD2 větší nejasnost. Pokusím se to tímto textem změnit
Spoják – týden čtvrtý. Collection #1 s českými hesly. Chrome Manifest 3 bez blokátorů.
28.1.2019
Heslovitě: Odhalený @horse_js. Speed Demon. Julia 1.1. Pharo 7.0. GitLab 11.7. Wine 4.0. Firefox 65. Uniklá hesla v Collection #1. DevHub. Chrome Manifest 3 a blokace reklam. QuickView. Safari -SPDY. Plány Yarn 2. Practical Deep Learning for Coders 2019. Priority Hints. Zákon o nemazání.ac
Od sledování uživatelů skrze CSS ke Content Security Policy
26.1.2019
Jste v bezpečí před sledováním s vypnutým JavaScriptem? Ne. Máte vypnout i kaskádové styly? Tak ano, můžete. Ale opravdu to dáte? Podíváme se na současné hranice a možnosti sledování uživatelů webu skrze kaskádové styly. A řekneme si něco o Content Security Policy
Layer Motion Slideshow
24.1.2019
A CSS Grid-based slideshow template with a layer motion effect on the main image and title.
Layer Motion Slideshow was written by Mary Lou and published on Codrops
Novinky v DevTools Chrome 73
23.1.2019
Jaké lepší nástroje pro vývoj a webdesign přinese Chrome DevTools 73? Ukážeme si logpointy, novinku v Inspekt módu, AAA kontrastní linii a folding kódu
Přijďte na první Cloud Native Meetup v Praze!
22.1.2019
Zveme vás na první Cloud Native Meetup v Praze, který se bude konat 7.2.2019 od 17:30 v HubHubu (Na Příkopě 14). Meetup je určen pro všechny techies, dev/devops lidi, které zajímá vše kolem…
Spoják – týden třetí. Blíží se DNS Flag Day. Články 11 a 13 se zatím neblíží. Nokia, Don’t kill my app.
21.1.2019
Heslovitě: AlaSQL. Don’t kill my app. Android Studio 3.3. Hackování Play with Docker. Hacknuté hostingy. Shape Detection API. Videa z OpenAlt 2018. Android na 64bit. MongoDB mizí ze svobodných distribucí. ???? CyberSecurity. Rust 1.32.0. Články 11 a 13 zatím neschváleny. DNS Flag Day
Barevný kontrast na webu a nástroje, které s ním pomohou
19.1.2019
Nedostatečným kontrastem na webech jsme postižení úplně všichni, bez ohledu na nastavení našich očí, displejů nebo momentální nálady slunce. V článku se podíváme blíže na doporučené minimální hodnoty kontrastu, jeho měření a také nastavování barev u projektu s ohledem na něj