Search

Nalezeno "transform": 186

How They Fit Together: Transform, Translate, Rotate, Scale, and Offset


Firefox 72 was first out of the gate with "independent transforms." That is, instead of having to combine transforms together, like: .el { transform: rotate(10deg) scale(0.95) translate(10px, 10px); } ...we can do: .el { rotate: 10deg; scale: 0.95; translate: 10px 10px; } That's extremely...

CSS Can Influence Screenreaders


Ben Myers covers some clear examples of where CSS totally changes what some screen readers announce. For example, some screenreader will see text-transform: uppercase; on a button label that says "Add" and read it like an abbreviation, "A.D.D." These cases of CSS messing with our screenreader...

How Blockchain Can Transform Cybersecurity?


Cybersecurity is one of the prime concerns of the present world in which businesses are witnessing newer threats with each passing day. Although, the future of cybersecurity will always be unpredictable, yet it is important to prepare the assessment of possible vulnerabilities and potential...

Animating CSS Width and Height Without the Squish Effect


The first rule of animating on the web: don't animate width and height. It forces the browser to recalculate a bunch of stuff and it's slow (or "expensive" as they say). If you can get away with it, animating any transform property is faster (and "cheaper"). Butttt, transform can be tricky. Check...

Weaving a Line Through Text in CSS


Earlier this year, I came across this demo by Florin Pop, which makes a line go either over or under the letters of a single line heading. I thought this was a cool idea, but there were a few little things about the implementation I felt I could simplify and improve at the same time. First off,...

How to Modify Nodes in an Abstract Syntax Tree


One of the more powerful concepts I've stumbled across recently is the idea of abstract syntax trees, or ASTs. If you've ever studied alchemy, you may recall that the whole motivation for alchemists was to discover some way to transform not-gold into gold through scientific or arcane methods. ASTs...

iOS 13 Broke the Classic Pure CSS Parallax Technique


I know. You hate parallax. You know what we should hate more? When things that used to work on the web stop working without any clear warning or idea why. Way back in 2014, Keith Clark blogged an exceptionally clever CSS trick where you essentially use a CSS transform to scale an element down...

How Can Blockchain Transform E-commerce and the Way of Doing Business?


The e-commerce marketplace has been witnessing a lot of transitions and transformations since the implementation of blockchain technology in various sectors of business. However, with all these alterations, the E-commerce platforms have become one of the most lucrative sectors post the 21st...

French Ministry of Education Publishes Bitcoin Resource Guide for Educators


As digital currencies transform the world, concepts like Bitcoin continue to percolate into academic courses and higher education worldwide. The French Ministry of National Education’s recently published economics and social sciences resource guide for teachers discusses cryptographic money...

Crypto and Real Estate Were Built for One Another


Whether buying, selling or tokenizing real estate, the property market and blockchain are deeply intertwined. As the purchase of property has become possible with bitcoin, so has the wider potential of blockchain technology to transform the industry. The convergence of real estate...

AI is All Set to Transform the World of Finance


The world of technology has evolved at a breakneck pace over the course of the last half a decade or so, and some of the technologies that have evolved have the potential of upending entire industries. One of those new technologies is artificial intelligence or AI, and over the past couple...

WDRL — Edition 275: Transform Organisations, Motivation and Simple Tooling


Hey, This isn’t business as usual, we can come to that later. Business as usual has time but we can use a short break to finally start shaping our own future. From September 20th – 27th 2019 millions of us will walk out of our workplaces and homes to join young climate strikers on the streets...

Various Methods for Expanding a Box While Preserving the Border Radius


I've recently noticed an interesting change on CodePen: on hovering the pens on the homepage, there's a rectangle with rounded corners expanding in the back. Expanding box effect on the CodePen homepage. Being the curious creature that I am, I had to check how this works! Turns out, the rectangle...

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