Search

Nalezeno "GitHub": 350

How many CSS properties are there?


Tomasz Łakomy posted a joke tweet about naming all the CSS attributes and Tejas Kumar replied with a joke answer, going as far as making an npm module. You can even run a terminal command to see them: npx get-all-css-properties You'll get 259 of them. The source code uses the website quackit.com...

Water.css


It's notable that Water.css was the #1 clicked thing from Louis Lazaris' Web Tools Weekly in 2019. It's from a 13-year old developer named Felix! It's just a little bit of CSS you apply to class-free semantic HTML to give it nice basic responsive styles — the perfect kind of thing for a...

Things you can do with a browser in 2020


I edit a good amount of technical articles about the web, and there is a tendency for authors to be super broad in their opening sentence, like "What we're able to do on the web has expanded greatly over the years." I tend to remove stuff like that because it usually doesn't serve the article well...

A CSS Tribute to SVG


This demo from Jérémie Patonnier is incredible. Make sure to look at it in Firefox because some Chrome bug apparently prevents the entire thing from working. The big idea is that the entire demo is one <rect> element. That's it. It is duplicated with <use> elements when needed,...

Meet Snowglobe: An Avalanche-Based Pre-Consensus Protocol for BCH


On December 20, BCHD and Openbazaar developer Tyler Smith published first draft specifications for a protocol he calls “Snowglobe.” Smith’s Github repository says that Snowglobe is a propagation protocol for nodes using Nakamoto Consensus and it uses an Avalanche-based consensus...

Raw GraphQL Querying


GraphQL has all kinds of awesome tooling built around it. But like everything on the web, it ultimately comes down to data shootin' across the ol' network and responses coming back. If you need to talk to a GraphQL API endpoint, you don't absolutely have to use some kind of framework or library...

Create a Static Site Using Angular & Scully


The team at HeroDevs has just released the alpha version of Scully, a static site generator for Angular. That's right, Angular didn't have an intuitive way to create JAMstack applications before, but now it's possible! Scully uses a node CLI application to run Angular schematics so you don’t have...

The Origin Story of Container Queries


Container queries don’t exist today but a lot of web developers have been arguing in their favor lately. At first, the idea sounds relatively simple: whereas media queries allow us to make style changes based on the width of the browser, container queries would allow us to make style updates when...

lite-youtube-embed


A standard copy-and-paste YouTube embed lands on your page as an <iframe> which loads a big ol' pile of other stuff to play that video. But the UX of it is still essentially an image and a play button. Click the play button and the video plays. You can build essentially the same thing with...

Getting Started with GraphQL


GraphQL was developed by Facebook in 2012 to power up its mobile apps. Since open-sourcing GraphQL specification in 2015, it gained a lot of popularity and is now used by many development teams, including giants like GitHub, Twitter or Airbnb. Why so? And what exactly is a GraphQL? Let's take...

The Amazingly Useful Tools from Yoksel


I find myself web searching for some tool by Yoksel at least every month. I figured I'd list out some of my favorites here in case you aren't aware of them. Need to duo-tone an image? SVG filters can do that. Lentie Ward wrote about it for us, and Yoksel has a tool to create the filters...

Diana Smith’s Pure CSS Artwork “Lace”


Diana is at it again with her absolutely unbelievable CSS paintings. This latest one is called Lace. Past paintings are Francine, Vignes, and Zigario. She wrote for us last year if you'd like a little insight into her thinking. Andy Baio looked at the painting in a variety of older...

Query JSON documents in the Terminal with GROQ


JSON documents are everywhere today, but they are rarely structured the way you want them to be. They often include too much data, have weirdly named fields, or place the data in unnecessary nested objects. Graph-Relational Object Queries (GROQ) is a query language (like SQL, but different) which...

Making a Chart? Try Using Mobx State Tree to Power the Data


Who loves charts? Everyone, right? There are lots of ways to create them, including a number of libraries. There’s D3.js, Chart.js, amCharts, Highcharts, and Chartist, to name only a few of many, many options. But we don’t necessary need a chart library to create charts. Take Mobx-state-tree (MST)...

Pátý ročník ReactiveConf již tuto středu


Výroční pátý ročník ReactiveConf v Praze představí nad 60 řečníků z významných mezinárodních firem, jakými jsou Facebook, Google, Netflix, Github, Airbnb. Třídenní konference, která je díky svému zaměření tou největší na světě, promění…

Animated Position of Focus Ring


Maurice Mahan created FocusOverlay, a "library for creating overlays on focused elements." That description is a little confusing at you don't need a library to create focus styles. What the library actually does is animate the focus rings as focus moves from one element to another. It's based...

What I Like About Writing Styles with Svelte


There’s been a lot of well-deserved hype around Svelte recently, with the project accumulating over 24,000 GitHub stars. Arguably the simplest JavaScript framework out there, Svelte was written by Rich Harris, the developer behind Rollup. There’s a lot to like about Svelte (performance, built-in...

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