Search

Nalezeno "table": 143

Under-Engineered Responsive Tables


I first blogged about responsive data tables in 2011. When responsive web design was first becoming a thing, there were little hurdles like data tables that had to be jumped. The nature of <table> elements are that they have something a minimum width depending on the content they contain...

Parsing Markdown into an Automated Table of Contents


A table of contents is a list of links that allows you to quickly jump to specific sections of content on the same page. It benefits long-form content because it shows the user a handy overview of what content there is with a convenient way to get there. This tutorial will show you how to parse...

In Defense of Tables and Floats in Modern Day Development


Twenty-plus years ago, tables were the main way web pages were created in HTML. It gave web builders consistent control of constructing pages with some “design.” No longer did sites only have to be top-to-bottom in a linear manner — they could be set up with columns that align left-to-right...

Comparing Styling Methods in 2020


Over on Smashing, Adebiyi Adedotun Lukman covers all these styling methods. It’s in the context of Next.js, which is somewhat important as Next.js has some specific ways you work with these tools, is React and, thus, is a components-based architecture. But the styling methods talked about...

Editing HTML Like A Boss In VS Code


Here’s a seven minute video from Caleb Porzio that focuses on some of Emmet‘s HTML editing features. You might think of Emmet as that thing that expands abbreviations like table.stats>tr*3>td*3 into glorious, expanded, and perfect HTML. But Emmet has other HTML editing trickery...

New Craze is Served on the DeFi Table, Competing with Uniswap - Sushi


There is a new item on the decentralized finance (DeFi) table - SushiSwap. While some find it a potential threat to decentralized exchange protocol Uniswap, others are expecting its demise. That said, it's been recording some strong numbers in terms of daily trading volume and total value locked....

To grid or not to grid


Sarah Higley does accessibility work and finds that “tables and grids are over-represented in accessibility bugs.” The drum has been banged a million times: don’t use a <table> for layout. But what goes around comes around. What’s the the #1 item in a list...

Another Major Conglomerate, Hanhwa, Takes its Place at the Crypto Table


South Korean business giant Hanhwa Group has made its first direct investment in a crypto-related firm – stumping up over USD 3.3 million in Series A investment in Xangle, an information-sharing platform for crypto companies. Per Fn News, the injection of funds has come from the group’s Hanwha...

Book: The Greatest CSS Tricks Vol. I


Ya know, for a site called “CSS-Tricks” that I’ve run for well over a decade, it’s a little funny we’ve never done a book under that name. I’ve written a book about WordPress and SVG, but never CSS! Well, allow me to change that. I’ve been working on...

Rotated Table Column Headers… Now With Fewer Magic Numbers!


Rotated <table> column headers is something that’s been covered before right here on CSS-Tricks, so shout-out to that for getting me started and helping me achieve this effect. As the article points out, if you aren’t using trigonometry to calculate your table styles, you’ll have to rely...

Advice for Writing a Technical Resume


Marco Rogers asked a very good question on Twitter: I talk to a lot of people new to tech from non-traditional backgrounds, e.g. bootcamps or self-taught. I'm looking for good information for those people on how to build out a strong resume when they don't have work experience yet. Advice...

Hex Opacity Table


We’ve used hex colors for years but 8-digit hexadecimal is still relatively new. While rgba is simple to understand, 8-digit hex is more difficult, as you need to provide a hex representation of a numeric value. The following is a hexadecimal chart of opacity! 100 FF 99 FC 98 FA 97 F7 96...

Sticky Table of Contents with Scrolling Active States


Say you have a two-column layout: a main column with content. Say it has a lot of content, with sections that requires scrolling. And let's toss in a sidebar column that is largely empty, such that you can safely put a position: sticky; table of contents over there for all that content in the main...

5 Online Casinos That Accept Bitcoin Cash


Digital cash was the original use case for bitcoin, and it remains the primary one for bitcoin cash (BCH) today. The ability to send funds anywhere in the world quickly and cheaply has made bitcoin cash a popular choice for online casino players. There are scores of gaming sites where you...

Teaching CSS


I've been using CSS as a web developer since CSS became something we could actually use. My first websites were built using <font> tags and <table>s for layout. I remember arguments about whether this whole CSS thing was a good idea at all. I was quickly convinced, mostly due to...

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