Search
Animating Progress
30.4.2018
Jonathan Snook on the complexity of animating the <progress> element. If you’re unfamiliar, that’s the element that spits out a bar chart-like visual that indicates a position between two values:
This example has custom styles, but you get the point.
Jonathan's post shows off a method...
Collective #411
30.4.2018
cssgr.id * Ivy * Lifefaker * VS Code Extensions * Unavatar * load-asset * Figurine * Heartbeat Function
Collective #411 was written by Pedro Botelho and published on Codrops
Finger-friendly numerical inputs with `inputmode`
30.4.2018
Forms are often a nightmare on mobile. We can make the process as pain-free as possible by reacting to context. Input fields that expect numerical values should have a numerical UI. Bringing up a number keyboard on small screens is easy on most platforms — just use a <input...
CSS Blocks
27.4.2018
A new entry into the CSS-in-JS landscape! Looks like the idea is that you write an individual CSS file for every component. You have to work in components, that's how the whole thing works. In the same isle as styled-components, css-modules, and glamorous.
Then you write :scope { } which is...
Radial Gradient Recipes
26.4.2018
Radial gradients are pretty dang cool. It's amazing we can paint the background of an element with them so easily. Easily is a relative term though. It's certainly easier than needing to create a graphic in third-party software to use as the background, and the syntax is highly learnable. But it's...
Level Up Your JavaScript Error Monitoring
26.4.2018
(This is a sponsored post.)
Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag without changing your code or adding try/catch blocks. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time compared...
Reset File Changes with git
25.4.2018
There are many different philosophies when it comes to code review but mine is fairly simple: I like receiving early “work in progress” patches, I like to be positive in my code review messages, and if a patch is 90% there, I like to finish the patch myself so the project...
Collective #409
23.4.2018
Permit * React in patterns * Sketchize * GitHub Learning Lab * Slugify * pico.js * BBC Sound Effects * VS Code can do that?!
Collective #409 was written by Pedro Botelho and published on Codrops
SOLID – (S)ingle Responsibility Principle
23.4.2018
V tomto článku představím Single Responsibility Princip ze SOLIDu. Ukážeme si, jak tento princip dodržovat na konkrétním příkladu, namalujeme si nějaké UML diagramy, a nakonec přiložím celý příklad k dispozici v Typescriptu
Scroll to the Future
19.4.2018
This is an interesting read on the current state of scrollbars and how to control their behavior across operating systems and browsers. The post also highlights a bunch of stuff I didn’t know about, like Element.scrollIntoView() and the scroll-behavior CSS property.
My favorite part of all though?...
Build An Animated Image Search with Vue.js (Solution to Code Challenge #8)
18.4.2018
Yet to take the code challenge #8 to build an animated image search? You can still do so! Send in your solutions using the co
Code Challenge #8: Build An Animated Image Search
14.4.2018
Last time on the Code Challenge, we built out an Off Canvas sidebar using plain Vanilla JavaScript. Ha
Build An Avengers Off Canvas Sidebar (Solution to Code Challenge #7)
3.4.2018
Last week we put out the code challenge #7, to build an Avengers Off Canvas sidebar using any tool or
Code Challenge #7: Build An Avengers Off Canvas Sidebar
27.3.2018
Previously on the code challenge #6, we built a Pomodoro timer using Vue.js. Here is the
5 Crucial Concepts for Learning d3.js and How to Understand Them
23.3.2018
You may have already heard about d3.js, the dazzling JavaScript library that lets you create beautiful charts and graphics with just a few lines of code. You might have seen some of the fantastic examples of D3 in action, or you may have heard that the New York Times uses it to create...
Exchange Rates and Currency Conversion with fixer.io (Sponsored)
22.3.2018
My most stressful tasks as a coder have always revolved around money. Whether you’re coding a site for a client, your own business, or your employer, you want to be damn sure that any handling of currency is accurate, secure, and localized. We always want our code to work but when...
Build A Pomodoro Timer with Vue.js (Solution to Code Challenge #6)
20.3.2018
Tried the code challenge #6? Last week, we put out the challenge to build a Pomodoro timer using any tool or techno
Hodina kódu s LightBot a Meet Edison
2.1.2018
Akce Hour of Code se účastní desítky milionů žáků z mnoha zemí světa. Jejím cílem je ukázat, že informatika je zábavná a tvůrčí, že není třeba se jí bát, a že to zvládne každý
To Serve Man, with Software
31.12.2017
I didn't choose to be a programmer. Somehow, it seemed, the computers chose me. For a long time, that was fine, that was enough; that was all I needed. But along the way I never felt that being a programmer was this unambiguously great-for-everyone career field with zero downsides. There
Jak na code review
14.11.2017
Co je code review a jak jej provádět? Kdo poskytuje review? Jak review probíhá? Jak probíhá diskuse kolem?