Search
After Effects se naučil odstraňovat objekty z videa. Třeba auto ze silnice
4.4.2019
After Effects od Adobe se v rámci jarní aktualizace balíku Creative Cloud naučil content-aware fill. Technika, kterou před lety proslavil Photoshop, a která se později v různé kvalitě objevila i v některých dalších fotoeditorech, umožňuje vymazat objekty ze scény dopočítáním okolní
Advanced Tooling for Web Components
22.3.2019
Over the course of the last four articles in this five-part series, we’ve taken a broad look at the technologies that make up the Web Components standards. First, we looked at how to create HTML templates that could be consumed at a later time. Second, we dove into creating our own custom element....
Blurred Borders in CSS
20.3.2019
Say we want to target an element and just visually blur the border of it. There is no simple, single built-in web platform feature we can reach for. But we can get it done with a little CSS trickery.
Here's what we're after:
The desired result.
Let's see how we can code this effect, how we...
Life After Trading: Cryptocurrencies In Everyday Life
15.3.2019
Part 3 of 3 in the Digital Gold on the Blockchain series From the CMC editorial desk: Continuing where we left off in the second post, we explore the potential of cryptocurrencies in day-to-day life. Cryptocurrencies were launched into the […]
The post Life After Trading: Cryptocurrencies...
Add Animations to React Apps with React-Lottie
13.3.2019
So your designer just came up with an amazing new animation on Adobe After Effects for your web application, fantastic! Just one problem, how do you convert this to a format usable within your web
HMTL, CSS and JS in an ADD, OCD, Bi-Polar, Dyslexic and Autistic World
8.3.2019
Hey CSS-Tricksters! A lot of folks tweeted, emailed, commented and even courier pigeoned (OK, maybe not that) stories about their personal journeys learning web development after we published "The Great Divide" essay. One of those stories was from Tim Smith and, it was so interesting, that...
Did you know that CSS Custom Properties can handle images too?
27.2.2019
So you might be aware of CSS Custom Properties that let you set a variable, such as a theme color, and then apply it to multiple classes like this:
:root {
--theme: #777;
}
.alert {
background: var(—-theme);
}
.button {
background: var(—-theme);
}
Well, I had seen this pattern so often...
What We Want from Grid
27.2.2019
We felt spoiled with CSS grid for a minute there. It arrived hot and fast in all the major browsers all at once. Now that we're seeing a lot more usage, we're seeing people want more from grid.
Michelle Barker lists hers wants (and I'll put my commentary after):
Styling row and column gaps. I've...
IE10-Compatible Grid Auto-Placement with Flexbox
18.2.2019
If you work on web applications that support older browsers, and have lusted after CSS Grid from the sidelines like I have, I have some good news: I've discovered a clever CSS-only way to use grid auto-placement in IE10+!
Now, it's not actually CSS Grid, but without looking at the code itself,...
What Hooks Mean for Vue
4.2.2019
Not to be confused with Lifecycle Hooks, Hooks were introduced in React in v16.7.0-alpha, and a proof of concept was released for Vue a few days after. Even though it was proposed by React, it’s actually an important composition mechanism that has benefits across JavaScript framework ecosystems,...
Set Desktop Wallpaper from Command Line on Mac
31.1.2019
Whenever I need to accomplish a basic task that typically calls for interacting with a UI, I challenge myself to complete the task from command line. After all, most UIs are simply a mask over basic commands, especially when it comes to the operating system. Suddenly I feel like an automation...
GitHub Private Repos are Now Free and Unlimited
7.1.2019
This is some awesome news! GitHub has always had private repositories part of their paid subscription. I believe it was capped at a few free private repos and then you had to upgrade after three or
WooCommerce
20.12.2018
(This is a sponsored post.)
I just read a nicely put together story about WooCommerce over on the CodeinWP blog. WooCommerce started life as WooThemes, sort of a "premium themes" business started by just a couple of fellas who had never even met in person. Two years and a few employees later they...
Coincheck Has Now Reinstated All Cryptos After January Hack
26.11.2018
Japanese crypto exchange Coincheck, which suffered a major hack in January, has now reinstated services for all listed tokens on its platform
Announcing Advanced Vue Hawaii!
21.11.2018
After few months of preparations I am very excited to present Advanced Vue Hawaii: a 3-day immersive Vue Training for Web Developers. A great opportunity to learn Vue while getting away for few day
Raspbian autologin and run command after that
28.7.2018
Use raspi-config command
sudo raspi-config
In menu choose:
Boot options -> Desktop / CLI -> Console autologin
After reboot, prepare script:
chmod +x script.sh
Setup startup script:
nano /home/pi/.bashrc
Type:
/home/script.sh
Reboot device
sudo reboot
Now is your autorun script ready.
Did you know that style and script tags can be set to display: block?
25.7.2018
The other night, Amit Patel mentioned that you can set script tags in HTML to display: block with CSS and then edit that code inline with the contentEditable attribute. This means that you can then see it all update live in the browser as you type. Shortly after, Marius Gundersen replied that...
Automate Your Workflow with Node
18.7.2018
You know those tedious tasks you have to do at work: Updating configuration files, copying and pasting files, updating Jira tickets.
Time adds up after a while. This was very much the case when I worked for an online games company back in 2016. The job could be very rewarding at times when I had...
Anatomy of a malicious script: how a website can take over your browser
13.7.2018
By now, we all know that the major tech behemoths like Facebook or Google know everything about our lives, including how often we go to the bathroom (hence all the prostate medication ads that keep popping up, even on reputable news sites). After all, we’ve given them permission to do so,...
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...