Search
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...
Deboob aneb „prsatá“ aplikace weboob bude odejita z Debianu
20.12.2018
Balíček Web Outside of Browsers (zkratka Weboob) do budoucna již nemá být součástí distribuce Debian
1000 účastníků a 45 speakerů z celého světa, to je Machine Learning Prague 2019
17.12.2018
Ve dnech 22.-24. února proběhne v pražském Rudolfinu největší konference o strojovém učení v Evropě Machine Learning Prague 2019
Motion Transition Effect
11.12.2018
A speedy motion transition effect for an image slideshow inspired by Gal Shir's "Ping Pong Slow Motion" animation.
Motion Transition Effect was written by Mary Lou and published on Codrops
Jaké novinky přinese PHP 7.3
28.11.2018
Vydání PHP 7.3 je plánováno na 6. prosince 2018. Přináší několik nových funkcí, vylepšení a různá pročištění jazyka. Oproti jiným vydáním mu sice chybí nějaký trhák, ale na druhou stranu nepřibyly ani žádné zásadní nekompatibilní změny, takže upgrade bude snadný
Image Reveal Hover Effects
27.11.2018
A set of link hover effects that reveal a thumbnail in different creative ways.
Image Reveal Hover Effects was written by Mary Lou and published on Codrops
Důvěryhodnost domény se zabezpečením DNSSEC
19.11.2018
Chcete vědět, jakou doménu si kvůli bezpečnosti vybrat? Čím jsou české domény chráněné a jak takové zabezpečení pracuje? Pro kvalitní zabezpečení proti podvržení stránek úspěšně funguje zabezpečení DNSSEC, kterým jsou zabezpečeny také české domény
Poslední sobota #100 celodenní konference
14.11.2018
24. listopadu se v pražské Paralelní Polis opět uskuteční sraz webových vývojářů Poslední sobota alias PoSobota. Ku příležitosti 100. jsme se rozhodli ji uchopit trošku jinak. Větší. Okruh témat je různorodý, ale blízký webovému…
Not secure: Chrome a weby na HTTP
30.7.2018
Minulý týden vyšla nová verze Chrome 68, která začala označovat všechny weby na HTTP jako Not secure, česky Nezabezpečeno. Zatím teda jen s šedým (i) v kroužku, bez červeného vykřičníku. Spousta hojně navštěvovaných českých webů ale není připravena. Ukažme si, jak jsme se dostali až sem a co...
Sometimes `sizes` is quite important.
27.7.2018
Paraphrased question from email:
I just read your article Responsive Images: If you’re just changing resolutions, use srcset. In the age of "responsive websites," srcset does not help in certain situations. For example, I have a popular products slider. On mobile, I have one image per slide where...
Motion Reveal Slideshow
26.7.2018
A simple image slideshow with a motion reveal effect when navigating between slides and a fullscreen details view.
Motion Reveal Slideshow was written by Mary Lou and published on Codrops
Registrujte se na jOpenSpace 2018
29.6.2018
Ne-konference jOpenSpace 2018 se koná 5. – 7. října 2018 v Hotelu Luna u Ledče nad Sázavou. „OpenSpace konference jsou specifické tím, že se jejich program dopředu příliš neplánuje. Mluví se zkrátka o…
How to create a logo that responds to its own aspect ratio
28.6.2018
One of the cool things about <svg> is that it's literally its own document, so @media queries in CSS inside the SVG are based on its viewport rather than the HTML document that likely contains it.
This unique feature has let people play around for years. Tim Kadlec experimented with...
Triple Panel Reveal Slideshow
26.6.2018
A fullscreen image slideshow with lateral image previews and a reveal animation using TweenMax.
Triple Panel Reveal Slideshow was written by Mary Lou and published on Codrops
Dokazatelná bezpečnost, React+TypeScript a Máte na víc – toť první nahrávky z Devel.cz 2018
25.6.2018
Záznamy tří přednášek z proběhlé konference Devel.cz 2018
Advanced Document Conversions with Filestack
22.6.2018
You might know Filestack from being an incredible service to add file uploading, storage, and management to your own web apps.
There is another thing Filestack can do for you: convert documents into different formats.
For one thing, it can manipulate documents. Take images. Perhaps you would...
An Almost Ideal React Image Component
21.6.2018
Yes, this is a React component, but regardless if you care about that part or not, the "ideal image component" part could be of interest. There is a lot to consider with how we put images on web pages these days. This deals with:
Placeholder space (and then flexible responsive styles after...
Using Custom Fonts With SVG in an Image Tag
21.6.2018
When we produce a PNG image, we use an <img> tag or a CSS background, and that's about it. It is dead simple and guaranteed to work.
PNG is way simpler to use in HTML than SVG
Unfortunately, the same cannot be said for SVG, despite its many advantages. Although you're spoiled for choices...
What is SVG good for?
21.6.2018
Y'all probably wouldn't be surprised if I told you it's pretty awesome for icons, and icon systems. SVG icon systems can, and perhaps should be quite easy. I'm a fan of just inlining those suckers, particularly when they are pretty simple.
But what else?
Logos is a classic example! A lot...