Search
Are There Random Numbers in CSS?
29.10.2019
CSS allows you to create dynamic layouts and interfaces on the web, but as a language, it is static: once a value is set, it cannot be changed. The idea of randomness is off the table. Generating random numbers at runtime is the territory of JavaScript, not so much CSS. Or is it? If we factor in...
The `hidden` Attribute is Visibly Weak
16.10.2019
There is an HTML attribute that does exactly what you think it should do:
<div>I'm visible</div>
<div hidden>I'm hidden</div>
It even has great browser support. Is it useful? Uhm. Maybe. Not really.
Adam Laki likes the semantics of it:
If we use the hidden...
A Snippet to See all SVGs in a Sprite
8.10.2019
I think of an SVG sprite as this:
<svg display="none">
<symbol id="icon-one"> ... <symbol>
<symbol id="icon-two"> ... <symbol>
<symbol id="icon-three"> ... <symbol>
</svg>
I was long a fan of that approach for icon systems...
Get Total Address Information with Geocode API (Sponsored)
4.10.2019
Getting address information is vitally important. Whether shipping a package, tailoring a user experience to location, or using that data to help localize language on a website, getting location information wrong can lose a sale or brake feature. Let’s take a look at an API I recently found...
Meeting GraphQL at a Cocktail Mixer
26.9.2019
GraphQL and REST are two specifications used when building APIs for websites to use. REST defines a series of unique identifiers (URLs) that applications use to request and send data. GraphQL defines a query language that allows client applications to specify precisely the data they need from...
Filtering Data Client-Side: Comparing CSS, jQuery, and React
24.9.2019
Say you have a list of 100 names:
<ul>
<li>Randy Hilpert</li>
<li>Peggie Jacobi</li>
<li>Ethelyn Nolan Sr.</li>
<!-- and then some -->
</ul>
...or file names, or phone numbers, or whatever. And you want to filter them...
HaasOnline – Create Crypto Algorithms Without Coding
23.9.2019
HaasOnline Software, the creators of advanced crypto trading products, has announced the release of a Visual Editor, which leverages their overhauled scripting language, HaasScript. Users can choose between the newly released drag-and-drop visual editor or use the updated text-based editor while...
Random Notes from a JAMstack Roundtable
23.9.2019
I hosted a JAMstack roundtable discussion at Web Unleashed this past weekend. Just a few random notes from that experience.
I was surprised at first that there really is confusion that the "M" in Jamstack stands for "Markdown" (the language that compiles to HTML) rather than "Markup" (the "M"...
eToro Aims to Put Derivatives on the Blockchain With Lira Programming Language
15.9.2019
At the Ethereal Summit Tel Aviv 2019, project lead Omri Ross said the new programming language will reduce the risks involved in settling financial contracts and enable the creation of new derivative products
Some HTML is “Optional”
11.9.2019
There is a variety of HTML that you can just leave out of the source HTML and it's still valid markup.
Doesn't this look weird?
<p>Paragraph one.
<p>Paragraph two.
<p>Paragraph three.
It does to me, but the closing </p> tags are optional. The browser will detect...
Vulnerability Fixed in Facebook Contract Language for Libra Cryptocurrency
10.9.2019
The vulnerability in the Move IR compiler allows malicious actors to introduce executable code to their smart contracts," OpenZepplin’s CEO Demian Brener told CoinDesk
Ziktalk, Foreign Language Learning Platform, Announces to List Its Cryptocurrency ZIK on ProBit Exchange
9.9.2019
Recently, Ziktalk, a Foreign language learning platform declared that its cryptocurrency token ZIK would be listed on ProBit Exchange on Monday, September 9, 2019. Precisely, it will be accessible for exchanging from Monday, September 9, 2019, at 15:00 Korea Standard Time. Also, it is the second...
Need to scroll to the top of the page?
2.9.2019
Perhaps the easiest way to offer that to the user is a link that targets an ID on the <html> element. So like...
<html id="top">
<body>
<!-- the entire document -->
<a href="#top">Jump to top of page</a>
...
Bitcoin Cash Innovation Accelerates With Cashscript High-Level Language
26.8.2019
Software developers Rosco Kalis and Gabriel Cardona have been steadily working on Cashscript, a high-level programming language for Bitcoin Cash. When the language is tied to certain opcodes, specific schemes can be built that allow for autonomous and decision-based transactions. While testing...
Multiplayer Tic Tac Toe with GraphQL
23.8.2019
GraphQL is a query language for APIs that is very empowering for front-end developers. As the GraphQL site explains it, you describe your data, ask for what you want, and get predictable results.
If you haven’t worked with it before, GraphQL might be a little confusing to grok at first glance....
Crypto Exchange: Taiwan to Become Libra’s Chinese-language Capital
22.8.2019
Formosa Boulevard, a station of Kaohsiung MRT located in Sinsing District, Kaohsiung, Taiwan. A Taiwanese cryptocurrency exchange wants to join Facebook’s Libra Association – and believes that Taiwan will become Libra’s de facto center of gravity in Chinese-speaking countries.
Per a report from...
SegWit Creator Introduces New Language for Bitcoin Smart Contracts
21.8.2019
Bitcoin Core developer Peter Wuille unveiled a new Bitcoin smart contract programming language called Miniscript
Pieter Wuille Unveils ‘Miniscript,’ A New Smart Contract Language for Bitcoin
20.8.2019
Smart contracts could soon get a boost in bitcoin as prominent programmer Pieter Wuille has unveiled a new coding language designed specifically for their use. Posted to the bitcoin developer mailing list Monday, the ‘Miniscript’ language aims to make it easier for programmers to write...
Staggered CSS Transitions
14.8.2019
Let's say you wanted to move an element on :hover for a fun visual effect.
@media (hover: hover) {
.list--item {
transition: 0.1s;
transform: translateY(10px);
}
.list--item:hover,
.list--item:focus {
transform: translateY(0);
}
}
Cool cool. But what if you had several list...
All the New ES2019 Tips and Tricks
13.8.2019
The ECMAScript standard has been updated yet again with the addition of new features in ES2019. Now officially available in node, Chrome, Firefox, and Safari you can also use Babel to compile these features to a different version of JavaScript if you need to support an older browser.
Let’s look...