Search

Nalezeno "queries": 125

Practice GraphQL Queries With the State of JavaScript API


Learning how to build GraphQL APIs can be quite challenging. But you can learn how to use GraphQL APIs in 10 minutes! And it so happens I've got the perfect API for that: the brand new, fresh-of-the-VS-Code State of JavaScript GraphQL API. The State of JavaScript survey is an annual survey of...

Component-Level CMSs


When a component lives in an environment where the data queries populating it live nearby, there is a pretty direct line between the visual component and the database where that exact content lives. That is opening up doors to site editing experiences that travel that line. We're starting to...

Zenserp


(This is a sponsored post.) There are plenty of rank tracking software tools out there that allow you to track the position of your website inside the search results pages (SERP) of search engines for certain key phrases. However, these tools are definitely not enough when you are trying...

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

Simplified Fluid Typography


Fluid typography is the idea that font-size (and perhaps other attributes of type, like line-height) change depending on the screen size (or perhaps container queries if we had them). The core trickery comes from viewport units. You can literally set type in viewport units (e.g. font-size: 4vw)...

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

Let’s Not Forget About Container Queries


Container queries are always on the top of the list of requested improvements to CSS. The general sentiment is that if we had container queries, we wouldn't write as many global media queries based on page size. That's because we're actually trying to control a more scoped container, and the only...

Can you nest @media and @support queries?


Yes, you can, and it doesn't really matter in what order. A CSS preprocessor is not required. It works in regular CSS. This works: @supports(--a: b) { @media (min-width: 1px) { body { background: red; } } } And so does this, the reverse nesting of the above: @media (min-width:...

Intrinsically Responsive CSS Grid with minmax() and min()


The most famous line of code to have come out of CSS grid so far is: grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); Without any media queries, that will set up a grid container that has a flexible number of columns. The columns will stretch a little, until there is enough room...

CSS prefers-reduced-motion Media Query


When I started in the web development industry, media queries were limited — screen and print were the two media queries I was most often using. More than a decade later, media queries have advanced to various screen units, feature checking, and even color scheme preference. I’ve been...

Consumer Affairs Report Shows 70% Spike in Japanese Crypto Inquiries


Japan’s Consumer Affairs Agency (CAA) has released its 2019 report and noted a significant spike in inquiries concerning cryptocurrency related issues last year. The report details a 70% increase in 2018 in regard to consumer queries largely stemming from exchange issues. Moreover, over...

Deep Dive into GraphQL Mutations


This is a continuation on the series i’ve been doing on GraphQL Actions. In the last post on this series we worked on a Deep

Detect Responsive Screen Sizes in Angular


Most of the time, we use CSS media queries to handle responsive, screen size changes to layout our content differently. However, there are times where CSS media queries alone isn't sufficient for t

Resize Observer


Creating websites that are reactive and responsive used to be considered advanced but responsiveness is a necessity for successful websites and apps. We’ve added media queries, matchMedia, and a host of other APIs to help developers make responsiveness easier and now we get a new one:...

A responsive grid layout with no media queries


Andy Bell made a really cool demo that shows us how to create a responsive grid layout without any media queries at all. It happens to look like this when you change the size of the browser window: I think this is a wonderful layout technique that’s just 6 lines (!) of CSS. .auto-grid...

Revisiting prefers-reduced-motion, the reduced motion media query


Two years ago, I wrote about prefers-reduced-motion, a media query introduced into Safari 10.1 to help people with vestibular and seizure disorders use the web. The article provided some background about the media query, why it was needed, and how to work with it to avoid creating...

Look Ma, No Media Queries! Responsive Layouts Using CSS Grid


Not only has CSS Grid reshaped the way we think and build layouts for the web, but it has also contributed to writing more resilient code, replacing "hacky" techniques we've used before, and in some cases, killing the need to rely on code for specific resolutions and viewports. What's so cool about...

Deep Dive Into GraphQL Queries


In my last GraphQL post, I talked about the good and bad sides of GraphQL. In this post, we'll take an in-depth look at GraphQ

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