Search

Nalezeno "QR Code": 1642

Logical Operations with CSS Variables


Very often, while using switch variables (a variable that's either 0 or 1, a concept that's explained in a greater detail in in this post), I wish I could perform logical operations on them. We don't have functions like not(var(--i)) or and(var(--i), var(--k)) in CSS, but we can emulate these...

Some HTML is “Optional”


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...

Caniuse and MDN compatibility data collaboration


Second only to "silly GIFs," I'd guess screenshots of caniuse are the most common slide graphic at web conferences. It's become the ultimate source for looking at web compatibility data in the hearts and minds of web developers. Can I use CSS filter in Firefox? Yes. Can I use the filter() function?...

Plans to Build $50M Bitcoin Cash Tech Park Revealed


At the Bitcoin Cash City conference in North Queensland, the CEO of Code Valley, Noel Lovisa, announced plans to build a $50 million dollar Bitcoin Cash tech park in the city of Townsville. The plan is to aggregate startup companies and there are more than 12 Bitcoin Cash focused startups already...

How to Not Minify Source with webpack


The webpack JavaScript utility has taken over the modern JavaScript landscape, so much so that it’s hard to be a JavaScript developer and not use it. JavaScript build utilities are the point where they do best practices implicitly, like minify code, caching, and more. I was recently debugging...

How to Contribute to an Open Source Project


The following is going to get slightly opinionated and aims to guide someone on their journey into open source. As a prerequisite, you should have basic familiarity with the command line and Git. If you know the concepts and want to dive right into the step by step how-to guide, check out this part...

Bitcoin Cash-Powered File Storage Concept Sparks Interest and Debate


Bitcoin Cash (BCH) proponents were introduced to a new project called the Cashweb protocol on Friday. The blockchain file sharing scheme allows people to store and load arbitrary data to the BCH chain. While the new protocol still has “a long way to go,” the developer decided to share...

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...

Using a PostCSS function to automate your responsive workflow


A little while back, you might have bumped into this CSS-Tricks article where I described how a mixin can be used to automate responsive font sizes using RFS. In its latest version, v9, RFS is capable of rescaling any value for value for any CSS property with px or rem units, like margin, padding...

Learn Design for Developers and SVG Animation with Sarah Drasner ✨????


(This is a sponsored post.) Hey, Marc here from Frontend Masters — excited to support CSS-Tricks ❤️! Have you checked out Sarah Drasner's courses yet? She has two awesome courses on Design for Developers and SVG! Plus another introducing Vue.js! Design for Developers In...

As Crypto Markets Go Cold, Who Will Pay for Open-Source Code?


Formerly a CoinDesk Contributing Editor, Daniel Cawrey is author of the upcoming “Mastering Blockchain” book to be published by O’Reilly Media. Earlier this year IBM purchased Red Hat, the oft-referred to model for how open source can thrive, for $34 billion. Long the consultant to enterprises,...

Multiline truncated text with “show more” button


Now that we've got cross-browser support for the line-clamp property, I expect we'll see a lot more of that around the web. And as we start to see it more in use, it’s worth the reminder that: Truncation is not a content strategy. We should at least offer a way to read that that truncated content...

Model-Based Testing in React with State Machines


Testing applications is crucially important to ensuring that the code is error-free and the logic requirements are met. However, writing tests manually is tedious and prone to human bias and error. Furthermore, maintenance can be a nightmare, especially when features are added or business logic...

Why Portugal’s Tax-Free Crypto Trading Matters for Bitcoin


Cryptocurrency enthusiasts and businesses in the industry have had to put up with regulatory uncertainty for quite some time. The strong desire to tap into their incomes and profits goes hand in hand with failure on behalf of authorities and regulators to fully understand the nature...

Need to scroll to the top of the page?


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> ...

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