Search

Nalezeno "QR code": 1615

Two-Value Display Syntax (and Sometimes Three)


You know the single-value syntax: .thing { display: block; }. The value "block" being a single value. There are lots of single values for display. For example, inline-flex, which is like flex in that it becomse a flex container, but behaves like an inline-level element rather than a block-level...

Working with Fusebox and React


If you are searching for an alternative bundler to webpack, you might want to take a look at FuseBox. It builds on what webpack offers — code-splitting, hot module reloading, dynamic imports, etc. — but code-splitting in FuseBox requires zero configuration by default (although webpack will offer...

Kim Dotcom Token Sale Postponed Over ‘Regulatory Uncertainty’


In 2017, Kim Dotcom, the founder of the now-defunct file hosting service Megaupload, revealed a similar service called K.im that planned to give anyone the ability to upload files, documents, code, videos, and music files and get paid in crypto for their work. Since then, Dotcom’s team...

Some Things You Oughta Know When Working with Viewport Units


David Chanin has a quickie article summarizing a problem with setting an element's height to 100vh in mobile browsers and then also positioning something on the bottom of that. Summarized in this graphic: The trouble is that Chrome isn't taking the address bar (browser chrome) into account when...

What is super() in JavaScript?


What's happening when you see some JavaScript that calls super()?.In a child class, you use super() to call its parent’s constructor and super.<methodName> to access its parent’s methods. This article will assume at least a little familiarity with the concepts of constructors and child...

Show Search Button when Search Field is Non-Empty


I think the :placeholder-shown selector is tremendously cool. It allows you to select the placeholder of an input (<input placeholder="...">) when that placeholder is present. Meaning, the input does not yet have any value. You might think input[value] could do that, or help match on...

Float Element in the Middle of a Paragraph


Say you want to have an image (or any other element) visually float left into a paragraph of text. But like... in the middle of the paragraph, not right at the top. It's doable, but it's certainly in the realm of CSS trickery! One thing you can do is slap the image right in the middle of...

How Bitcoin’s Peer-to-Peer Cash System Was Revealed 11 Years Ago


On October 31, 2008, on the eve of Halloween, Satoshi Nakamoto published the Bitcoin whitepaper. Since then the revolutionary design of the network has changed the lives of many and has transformed how we look at money today. Also read: China Ranks 35 Crypto Projects as President Xi Pushes...

Comparing the Different Types of Native JavaScript Popups


JavaScript has a variety of built-in popup APIs that display special UI for user interaction. Famously: alert("Hello, World!"); The UI for this varies from browser to browser, but generally you’ll see a little window pop up front and center in a very show-stopping way that contains the message...

The Current State of Styling Selects in 2019


Best I could tell from the last time I compiled the most wished-for features of CSS, styling form controls was a major ask. Top 5, I'd say. And of the native form elements that people want to style, Greg Whitworth has some data that the <select> element is more requested than any other...

Bidirectional Horizontal Rules in CSS


Say you have a <blockquote> and the design calls for a thick border along the left side. Well, you might not necessarily mean left side, but actually mean on the side of the start of the text. That's exactly what CSS logical properties are meant to address, and Hussein Al Hammad has a nice...

Why Are Accessible Websites so Hard to Build?


I was chatting with some front-end folks the other day about why so many companies struggle at making accessible websites. Why are accessible websites so hard to build? We learn about HTML, we make sure things are semantic and — voila! @— we have an accessible website. During the course...

4 Cryptocurrency Projects That Successfully Changed Chains


Choosing the right blockchain is a tough call for any development team. It’s a decision that entails correctly anticipating project requirements – scalability; speed; community; security – before a line of code has even been written. It’s no wonder that a project...

Why Parcel Has Become My Go-To Bundler for Development


Today we’re gonna talk about application bundlers — tools that simplify our lives as developers. At their core, bundlers pick your code from multiple files and put everything all together in one or more files in a logical order that are compiled and ready for use in a browser. Moreover, through...

Making Tables Responsive With Minimal CSS


Here’s a fabulous CSS trick from Bradley Taunt in which he shows how to make tables work on mobile with just a little bit of extra code. He styles each table row into a card that looks something like this: See the Pen Responsive Tables #2.5: Flexbox by Bradley Taunt (@bradleytaunt) ...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace