Search
5 Ways to Convert React Class Components to Functional Components w/ React Hooks
19.11.2018
In the latest alpha release of React, a new concept was introduced, it is called Hooks. Hooks were introduced to React to solve many problems as explained in the
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…
Build a React To-Do App with React Hooks (No Class Components)
13.11.2018
Yes, a to-do app, seems like something we’ve all done in the past. The great thing about a to-do app is that it covers all 4 aspects of CRUD; Create, Read, Update, Delete. As a developer, we need t
What does Stack Overflow want to be when it grows up?
22.10.2018
I sometimes get asked by regular people in the actual real world what it is that I do for a living, and here's my 15 second answer:
We built a sort of Wikipedia website for computer programmers to post questions and answers. It's called Stack Overflow.
As of last month
There is no longer any such thing as Computer Security
21.9.2018
Remember "cybersecurity"?
Mysterious hooded computer guys doing mysterious hooded computer guy .. things! Who knows what kind of naughty digital mischief they might be up to?
Unfortunately, we now live in a world where this kind of digital mischief is literally rewriting the world's...
Build Your First Angular Website: Contact Form Validations
30.8.2018
We've created our contact form and are able to submit it using the processForm() method on our class:
<!-- form goes here -->
<form (ngSub
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...
Adding Particle Effects to DOM Elements with Canvas
23.7.2018
Let’s take a look at how to make web pages more visually capable by combining the freedom of <canvas> with HTML elements. Specifically, we will be creating a basic HTML-to-particle effect, but the same technique could be used for many kinds of effects.
Before we begin, feel free to grab...
The div that looks different in every browser
13.7.2018
It's not that Martijn Cuppens used User Agent sniffing, CSS hacks, or anything like that to make this quirk div. This is just a plain ol' <div> using the outline property a la:
div {
inset 100px green;
outline-offset: -125px;
}
It looks different in different browsers because browsers...
Building a Complex UI Animation in React, Simply
12.7.2018
Let’s use React, styled-components, and react-flip-toolkit to make our own version of the animated navigation menu on the Stripe homepage. It's an impressive menu with some slick animation effects and the combination of these three tools can make it relatively easy to recreate.
This is...
Emojis as Icons
11.7.2018
There are lots of unicode symbols that make pretty good icons already, like arrows (←), marks (✘), and objects (✂︎).You can already colorize these like a normal font glyph. Then, there are emojis, those full-color suckers we all know about. What if you could take just the shape of an emoji...
Little Tip: Draw Your Grid in ASCII in Your CSS Comments for Quick Reference
9.7.2018
Say you declared a grid like this:
body {
display: grid;
grid-template-columns: min-content 1fr;
grid-template-rows: min-content auto min-content;
}
This depends on content, for sure, but how it's likely to play out is like this:
+---+-------------+
| | |
|...
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…
Better rendering for variable fonts
26.6.2018
I was messing around with a variable font the other day and noticed this weird rendering issue in the latest version of Chrome where certain parts of letterforms were clipping into each other in a really weird way. Thankfully, though, Stephen Nixon has come to the rescue with a temporary hack...
How to use Error Boundaries in React 16
26.6.2018
Have you seen these in your console?
Cannot read property ‘getHostNode’ of null ????
TypeError: Cannot re
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
PhpPrague 2018 již tuto sobotu v Praze
20.6.2018
V sobotu 23.6. (tedy již tuto sobotu!) v pražské Paralelní Polis nás čeká již druhé vydání celodenní konference zaměřené na vývoj v PHP z komunitní dílny @pehapkari. Tentokrat jsme se rozhodli akci udělat v…
3. ročník amatérského IT Ping Pong turnaje
20.6.2018
To je samá konference, barcamp, workshopy a jiné sedavé–vnímavé aktivity. Proto jsme si řekli, že by bylo fajn dostat do našich pravidelných akcí i nějaké ty sportovnější. Proto ve spolupráci s Webexpo pořádáme již…
Lidé, kteří formují český internet, se sejdou již pojedenácté
19.6.2018
WebExpo, nejstarší a největší česká konference o Webu, bude letos opět inspirovat, vzdělávat a bavit. Ano, máte pravdu, první nebo největší konferenci dnes pořádá skoro každý, jenže WebExpo opravdu bylo první a dlouhodobě…