Search
Level up your .sort game
10.6.2019
Sorting is a super handy JavaScript method that can display the values of an array in a certain order. Whether that’s real estate listings by price, burger joints by distance, or best nearby happy hours by rating, sorting arrays of information is a common need.
If you’re already doing this with...
What if we got aspect-ratio sized images by doing almost nothing?
7.6.2019
Say you have an image you're using in an <img> that is 800x600 pixels. Will it actually display as 800px wide on your site? It's very likely that it will not. We tend to put images into flexible container elements, and the image inside is set to width: 100%;. So perhaps that image ends...
Apple Pro Display XDR: monitor pro náročné a hlavně velmi bohaté
6.6.2019
S novým profesionálním počítačem Mac Pro představil Apple i vlastní nový monitor s označením Pro Display XDR. Jedná se o 32palcový monitor s rozlišením 6K (6016 × 3384 pixelů, 218 ppi), u kterého se Apple zaměřil na kvalitu zobrazení i konstrukčního zpracování. Má ambice uspokojit i ty
Movin’ Modals Along a Path
4.6.2019
Modals always be just appearin'. You might see one once in a while that slides in from one of the edges, or uses some kind of scale/opacity thing to appear from "above" or "below." But we can get weirder than that. Why not have them come in on an offset-path?
Just a swoopy arc is kinda fun.
...
Prevent Page Scrolling When a Modal is Open
3.6.2019
Please stop me if you've heard this one before. You open a modal, scroll through it, close it, and wind up somewhere else on the page than you were when you opened the modal.
That's because modals are elements on a page just like any other. It may stay in place (assuming that's what it's meant...
10 React Challenges (Beginner): Fetch and Display from an API
28.5.2019
A number of web applications and sites rely on third-party APIs and services for data.
In this React challenge, we will learn to make an API r
Everything You Ever Wanted to Know About inputmode
17.5.2019
The inputmode global attribute provides a hint to browsers for devices with onscreen keyboards to help them decide which keyboard to display when a user has selected any input or textarea element.
<input type="text" inputmode="" />
<textarea inputmode="" />
Unlike changing the type...
Google Fonts Now Supports font-display!
16.5.2019
font-display is a CSS feature that allows us to control how we load fonts.
Google Fon
Google Fonts is Adding font-display
14.5.2019
Google announced at I/O that their font service will now support the font-display property which resolves a number of web performance issues. If you're hearing cries of joy, that's probably Chris as he punches the air in celebration. … Read article
The post Google Fonts is Adding...
Change Color of SVG on Hover
13.5.2019
There are a lot of different ways to use SVG. Depending on which way, the tactic for recoloring that SVG in different states or conditions — :hover, :active, :focus, class name change, etc. — is different.
Let's look at the ways.
Inline SVG
Inline SVG is my favorite way to use...
10 React Challenges (Beginner): Loop Over and Display Data with JSX
10.5.2019
Data comes in all shapes and sizes. In JavaScript, an array is how we hold sets of data. For the majority of our site content, we use an array of objects.
Looping through and sh
10 React Challenges (Beginner): Display Simple Data with JSX
10.5.2019
One of the building blocks of React is the ability to use HTML elements when developing components.
JSX allows us to write simple markup in HT
10 Days of React Challenges (Beginner): Loop Over and Display Data with JSX
10.5.2019
Data comes in all shapes and sizes. In JavaScript, an array is how we hold sets of data. For the majority of our site content, we use an array of objects.
Looping through and sh
10 Days of React Challenges (Beginner): Display Simple Data with JSX
10.5.2019
One of the building blocks of React is the ability to use HTML elements when developing components.
JSX allows us to write simple markup in HT
A responsive grid layout with no media queries
9.5.2019
Andy Bell made a really cool demo that shows us how to create a responsive grid layout without any media queries at all. It happens to look like this when you change the size of the browser window:
I think this is a wonderful layout technique that’s just 6 lines (!) of CSS.
.auto-grid...
Getting To Know The MutationObserver API
8.5.2019
MutationObserver watches the DOM, specifically the places you tell it to, like:
document.querySelector('#watch-this');
...and it can tell you (trigger a callback) when stuff happens — like when a child is added, removed, changed, or a number of other things.
I used it just the other day...
Mají peníze a chuť je utrácet. Přesto je reklamy cílené na generaci 50+ pořád jako šafránu
25.4.2019
Marketéři stále opomíjejí zákaznickou skupinu z generace 50+. Přitom je naprostá většina z nich přesvědčena, že si tito lidé z mnoha obchodních důvodů zaslouží výrazně větší pozornost. Ukázala to studie, kterou mezi marketéry významných firem působících na českém trhu realizovala komunikační...
Inclusively Hidden
19.4.2019
Scott O'Hara recently published "Inclusively Hidden," a nice walkthrough of the different ways to hide things on the web. Nothing is ever cut and dry when it comes to the web! What complicates this is that hidden begs the question: hidden for whom? Different answers to that have different...
[aktualita] Facebook znemožnil přeshraniční předvolební kampaně, stěžují si instituce EU
17.4.2019
Nová pravidla Facebooku pro politickou reklamu brání evropským institucím a politickým stranám vést před květnovými volbami do Evropského parlamentu facebookové kampaně napříč členskými státy. V dopisu vedení Facebooku si na to stěžují zástupci tří hlavních evropských institucí, informoval deník...
Příští Apple Watch by mohly mít displeje z Japonska
17.4.2019
Apple postupně přechází na OLED panely a krom iPhonů jimi vybavuje i své chytré hodinky. Watch mají dosud displeje výhradně z produkce LG, ovšem koncem roku by se k této jihokorejské společnosti mohla přidat značka Japan Display, která nedávno ohlásila vstup zahraničních investorů.Další články...