Search
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
Přijďte na WordCamp Praha 2019, největší konferenci v ČR nejen o WordPressu
15.1.2019
Pokud se zajímáte o webové stránky, počítače nebo marketing, a chcete se dozvědět něco nového či poznat skvělé lidi, je pro vás WordCamp ideální akcí, na kterou byste měli zajít
Spoják – týden druhý. GHIDRA od NSA, DocumentDB od Amazonu a privátní repozitáře od GitHubu. A tím nadílka nekončí.
14.1.2019
Heslovitě: GHIDRA. mkcert. Github má free private repozitáře. Atom 1.34. Nejlepší baterie. CES 2019. Homebrew 1.9.0 a Linuxbrew. DNS-over-TLS u Googlu. Amazon DocumentDB. Česká kyber-armáda. Spleen. Fromjs. Dejavu 3.0. Magic grid. Arm Forge pro Python
Úloha železniční přejezd z kroužku programování pro děti
12.1.2019
Netriviálních úloh programování pro děti není nikdy dost. Ukážu vám úlohu Železniční přejezd, na jejímž vzniku jsem se podílel
Converting Color Spaces in JavaScript
10.1.2019
A challenge I faced in building an image "emojifier" was that I needed to change the color spaces of values obtained using getImageData() from RGB to HSL. I used arrays of emojis arranged by brightness and saturation, and they were HSL-based for the best matches of average pixel colors with...
Spoják – týden první. To nejdůležitější z webového vývoje za minulý týden. Spojeno dohromady.
8.1.2019
Heslovitě: PHP updatuje. Retro Virtual Machine. Python Humble Bundle. Scratch 3.0. CSS Grid v IE. Flexbox v DevTools. Doom 3 jako WebAssembly. Awesome cheatsheets. unCAPTHA2. Python 3.7 ve Win Store. Google Fuchsia a Android apps. Orinoco z V8. RunJS. LowJS. AVA 1.0. DBCLI
V čem nás čtete. Změřili jsme si vaše prohlížeče. ????
7.1.2019
Na čem si prohlíží web čeští ajťáci, vývojáři a webdesigneři? Můžeme to zkusit odhadnout podle Zdrojáku. A podívat se, jak se ten náš svět za poslední roky změnil
Jak nejlépe spočítat faktoriál v JavaScriptu?
4.1.2019
Nedávná diskuse na Facebooku mě přiměla, abych toto téma prozkoumal do větších detailů, než mi umožňovaly tamní komentáře. Tato otázka totiž kupodivu nemá jednoduchou odpověď. Když o ní začnete více přemýšlet, ponoříte se do některých zajímavějších oblastí JavaScriptu, které možná ne všichni znají
Lighthouse: Nepostradatelná analýza webu od Google
3.1.2019
Lighthouse je velmi důležitý nástroj. Chcete vědět proč? Google jeho prostřednictvím totiž webařům radí jak vyzrát na Google
Gradient Borders in CSS
28.12.2018
Let's say you need a gradient border around an element. My mind goes like this:
There is no simple obvious CSS API for this.
I'll just make a wrapper element with a linear-gradient background, then an inner element will block out most of that background, except a thin line of padding around...
People Talkin’ Shapes
22.12.2018
Codrops has a very nice article on CSS Shapes from Tania Rascia. You might know shape-outside is for redefining the area by which text is floated around that element, allowing for some interesting design opportunities. But there are a couple of genuine CSS tricks in here:
Float shape-outside...