Search
CSS Algorithms
6.3.2019
I wouldn't say the term "CSS algorithm" has widespread usage yet, but I think Lara Schenck might be onto something. She defines it as:
a well-defined declaration or set of declarations that produces a specific styling output
So a CSS algorithm isn't really a component where there is some parent...
[článek] Aplikace a jejich funkčnost v rámci 4K set-top boxu SledováníTV s certifikovanou Android TV
28.2.2019
[5 minut čtení] Nový 4K set-top box OTT služby SledováníTV je dodáván s opensourcovým operačním systémem Android. Jaké aplikace nabízí a jak se s nimi pracuje? V první části představování nového 4K boxu jsme se zabývali hlavně přístrojem samotným, dnes se budeme věnovat jeho softwarovému vybavení...
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...
Control Icons with Font Size
27.2.2019
Here’s a nifty trick from Andy Bell that now seems a little obvious in hindsight: if you set an SVG to have a width and height of 1em then you can change the size of it with the font-size property.
Try and change the font-size on the body element below to see the icon scale with the text:
...
Responsive Designs and CSS Custom Properties: Building a Flexible Grid System
26.2.2019
Last time, we looked at a few possible approaches for declaring and using CSS custom properties in responsive designs. In this article, we’ll take a closer look at CSS variables and how to use them in reusable components and modules. We will learn how to make our variables optional and set fallback...
JavaScript Proxy
26.2.2019
I’ve always loved the flexibility of Objects and prototypes in JavaScript, but for a long time, I felt that a level of dynamism was lacking. JavaScript eventually added get and set methods for object properties, which was an awesome step, but there was still room for improvement....
Build an Infinite Scroll Image Gallery with React, CSS Grid and Unsplash (Solution to Code Challenge #16)
25.2.2019
Last week on the code challenge we set out to build an image gallery with Infinte Scroll and consuming the Unsplash API. You can complete the challenge here if you haven't.
In this post, we
Korea Exchange Official: US Decision on Bitcoin ETF Will Set Tone for Local Crypto Market
22.2.2019
An official at South Korea’s sole securities exchange operator, the Korea Exchange, says the bourse is closely eyeing developments from U.S. regulators in regard to crypto ETFs
Vývojáři pozor, Google uvolnil doménu DEV. Nyní stojí obrovský balík, za pár dnů to bude pár set
20.2.2019
Google loni v listopadu oznámil, že do světa vypustí novou doménu nejvyšší úrovně DEV. Tak se i stalo a první vývojářské weby nabízejí tento nový alias. Pokud už totiž změna docestovala i k DNS serveru, který používáte, měla by fungovat třeba doména github.dev a další, píše Google na svém
SEC Set to Begin Fresh Consultation Period on CBOE-VanEck Bitcoin ETF
20.2.2019
VanEck Bitcoin ETF submission to see next 90-day deliberation by SEC
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,...
The Magic of React-Based Multi-Step Forms
15.2.2019
One way to deal with long, complex forms is to break them up into multiple steps. You know, answer one set of questions, move on to another, then maybe another, and so on and so forth. We often refer to these as multi-step forms (for obvious reasons), but others also take to calling it a “wizard”...
[aktualita] Zboží.cz: Zájem o set-top boxy stoupl o tisíc procent, nejprodávanější je Sencor a Tesla
12.2.2019
Segment televizních přijímačů vykazuje podle statistik nákupního rádce Zboží.cz z hlediska vyhledávanosti dlouhodobě rostoucí trend. Ten souvisí s probíhajícím přechodem na nový vysílací standard zemské digitální televize DVB-T2 a také s faktem, že některé regionální DVB-T sítě ukončí své vysílání...
Simple Crazy Buttons in VanillaJS (Solution to Code Challenge #15)
11.2.2019
Last week on the code challenge #15 we set out to complete a challenge on manipulating DOM properties
Using Dotfiles for Managing Development and Many Other Magical Things
8.2.2019
Howdy folks! 🎉 I'm Simon Owen, and over the years, I've loved being a part of and learning from the dotfiles community. I spend a lot of time teaching developers and running workshops. In those sessions, demonstrating how I set up my development environment is often one of things that folks...
JavaScript Glossary: Array.some()
8.2.2019
Basics
This method checks if any of the elements contained in an array passes a set test. If at least one of the elements passes this test, true is returned. This method only
[aktualita] O2 TV spustila v rámci upgradu na svých set-top boxech novou YouTube aplikaci
6.2.2019
V úterý 5. února provedla společnost O2 další z aktualizací softwaru, který využívá na svém loni představeném 4K set-top boxu SML-5442TW. Tentokráte se jednalo o rozsáhlejší upgrade, v rámci něhož byly mimo jiné opraveny obrazové podklady ke kartám pořadů, které se nezobrazovaly nekorektně, uváděly...
JavaScript Glossary: Array .every() Method
6.2.2019
Basics
The every method checks that each element in an array passes a set test. This method will return true if all the elements pass the set. Once an element tha
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...
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,
...