Directory of RSS feeds
Statistics

RSS feeds in the directory: 374

Added today: 0

Added yesterday: 0

Hi-Tech / Internet

Css-live - Severstal your world!

Community that speaks the languages of HTML, CSS and JavaScript

Found 23 items

"Masonry-layout", it also "tile layout", it also "layout blocks", aka "Cascading Grid", it — or rather, one of its variants — "layout like Pinterest," she's... in General, the problem of layout this type of layout is known to the coders for a very long time, under many names. Earlier in pure CSS to the end she did not dare. You can achieve superficially similar results for individual cases, but some nuance escaped. In practice, you had to use JS libraries, primarily Masonry, written by Dave Desandro and, in fact, gave its name to this layout. but in the Working group on CSS, a proposal, and after a few months — and its experimental implementation, which already can feel in Firefox Nightly/Beta for the flag. In addition to the clear joy, the novelty has...

Translation of the article When 255 × 0 does not Equal Zero from the site danielcwilson.com for css-live.ru the author — Daniel Wilson First of all, important disclaimer: I am not an expert in working with colors and color profiles of monitors. And I understand only the most obvious differences between the default color space for the web sRGB and other newer models. We will discuss both cases, I'll explain what I know, and leave others the opportunity (and links) to join in the conversation and explain better. Okay... with that understood, now to the point (and perhaps... sorry in advance were popolari what's the article): let's talk about the mathematics of blending modes! How blend modes work in the web today If you use Photoshop-ohms (and for those who...

Translation of the article Essential JavaScript SEO Tips from the site levelup.gitconnected.com for css-live.ru the author — Aiman Rahmat. Make your content available to Google search. If you are creating a website or web app using JavaScript, you should perform a few basic actions to make its content accessible to search engines. Let's consider a few methods of SEO that will help users find your content. 1. Write informative headlines all pages of the website should be informative and clear headings, briefly describing their contents. The title should be enclosed in the tag, preferably tag . for Example, in the pages of the recipes do not need to use General headers such as “food blog of Amanda”. Instead, the header should indicate the name of the recipe...

Despite the paradoxical nature of the title, if taken from fiction about the "time loop", it's true. Three weeks ago, the working group on CSS has published the first public working drafts of the two modules CSS. Today it added as much as 4 of the first public draft (including two modules of level 5). Many models have in common the fact that part of their functions has long worked in almost all browsers, and even in real projects! Here's the list of updates: the Binding of the scroll level 1 (CSS Scroll Anchoring Level 1). Once upon a time when uploading content, such as pictures, items changed altitude and the current block could "gallop" down somewhere, which annoyed the users. New browsers will automatically adjust the position of the scrolling so that...

Once CSS was a dream. Bright future, a great way off, where I wanted to be faster, which composed songs. He had a brief and memorable name – "CSS3". As with any future, it was vague: a separate standard with the same name never happened. But with it was associated everything new and cool, than it was possible to play experimental implementations for prefixes and that should appear in the browser. as the Years went by CSS were growing up. The future has become commonplace, and then quietly faded into the past. We become accustomed to the lack of CSS versions, somehow learned how to navigate in the zoo of its modules (or learn:), and even found a way to keep track of its evolution by periodic "snapshots". But still in the background of JS, where it seems to...

Translation of the article Towards Responsive Elements of the site bkardell.com published on CSS-live.ru with permission of the author Brian Cardell In this article I will talk about the problem of "expressions from the container", will try to shed some light on some misconceptions, and fill you in on the state of Affairs. the Monitoring of the standards could force the developer into a stupor. We can learn about the development of new specifications, new features, which we had no idea — maybe some for us unimportant. In this case, "Expressions from the container", is clearly one of the most sought after features of CSS like simply... ignored. How so? Why the working group on CSS as if not listening to us? Why in all these years has not appeared any...

Working group on CSS began work on a new "snapshot" the state of CSS (CSS Snapshot). Past 2019, the year passed without "picture" (only in January released the latest edition of the CSS 2018), so it's time! the editor's draft of CSS 2020 has already been created. While differences from CSS-2018 a CSS module with isolation level 1 (CSS Contain 1), which reached during this time, the final status of the recommendation moved from the section "on stage" in the full official definition of CSS, and fixed several details in the text. But the discussion is still going. Almost certainly in a new official definition will include grids (without reservations), probably a cascade of 4 levels (theoretically, he already worked at 100%, and support over the past year has...

Translation of the article the Web in 2020: Extensibility and Interoperability from the website css-tricks.com for css-live.ru the author — yuna Kravets. In recent years, we've watched fast-growing and changing web technologies. In 2020, the main trends of the community of web developers is quite predictable will be the extensibility and compatibility. Let's take a closer look. Extensibility Extensibility is determined by how flexible we can adapt a particular technology to solve their problems. Over the past few years we have built a component-based web as in the development of (components React! components of the Vue! components Svelte! web components!), and design (design-system!). I wonder how form is determined by the content, right? Now we're trying...

The Penultimate week of January was fruitful for the Working group on CSS. For three days the editors of the CSS standards were going in the office Igalia (those guys from Spain, which we owe to the simultaneous implementation of CSS grids in half of the browser engines). Among other things, they discussed new opportunities of mathematical calculations in CSS, which had long dreamed of coders. The result of this discussion, Tab Atkins summed up in his tweet, a screenshot of which you see above. so, in addition to the usual functions calc() and is only gaining popularity min(), max() and clamp () the unit values and units CSS level 4 now have analogues of almost all functions of the Math object in JS: rounding (round()). It will have different modes, how to...

One of the biggest disappointments CSS grids since its inception has been the inability to solve the problem of dense packing of blocks, known as "Masonry-layout" (in honor of the most popular JS library for it). The algorithm autoryzowany keyword dense, almost solves it, but... only almost, moreover, rests on an unfortunate browser a limit of 1000 grid-lines. Web developers have been asked to add this to a standard, but, as often happens in CSS, screwed up a circular dependency: the dimensions of the elements depend on the size of the container, which, in turn, depend on the size of the elements. Therefore, further discussion on the issue tracker, it did not go. But this week, mats Palmgren of Mozilla introduced a new, specific and detailed proposal, as it...

Last week the specification of the modes of writing (CSS Writing Modes Level 3) received the status of recommendations, ie, W3C standard. In this regard, the W3C has issued a special press release celebrating the publication as an important milestone in the longstanding work on the representation of text in different languages. Not every new standard has a lot of attention. On the page of the press release catches the eye of the slogan "Make the world wide web world!" in four languages (English, Chinese, Japanese, and Korean) and feedback from W3C members in these languages, typed vertically. This is a clear demonstration of just one of the many possibilities of the new standard. The Internet audience is becoming increasingly diverse, and to reflect on the...

Although we used to "evergreen", nonversioned nature of CSS, sometimes you want some guidance. After all, like it or not, CSS today, when all the major engines available grids CSS-variables — not the same as CSS in some 2012, when even flexbox was uncertain future. And an ever growing zoo of modules with levels from the first to the fifth inclusive, and the first may be much newer than the last — clear adds. the Attentive readers of our site already know that since 2007 there is a periodically updated document entitled "CSS Snapshot" (i.e. a "snapshot" of the state of the CSS), with simple address https://w3.org/TR/css. One of its sections is called (no less) "the Official definition of CSS". What is not a landmark? To JS we have the specification Ecma-262,...

The Reason for this note is the recent tweet from our old friend Zach Luterman, the world's best expert web font: Today I had a need for conditional operations with custom CSS properties. flex-basis: (—my-variable ? 0 : 4px) I couldn't do it with polakami in var(). It may or discussed somewhere among standardistas? (CSS-in-JS — the answer to the wrong question) in Other words, you need to choose a particular size depending on the availability of a variable, regardless of its value. And I decided to share a few findings associated with non-obvious (at least to me) features of CSS variables. You can consider it another lesson CSSbattle it was there that I first came across. And they'll find somewhere to use that:) 1. Different default values for one variable...

Translation of the article Do React Hooks Replace Higher Order Components (HOCs)? from the site medium.com for css-live.ru, author: Eric Elliott "Tangerine" — the Malcolm Carlow (CC-BY-2.0) as soon As the React API-hooks left, he began to receive a lot of questions about whether he will be able to replace other shared libraries and patterns in the ecosystem React+Redux. Hooks was conceived as a replacement for classes and another great alternative for the composition of behavior in the individual components. Components of higher order is also useful for composition behavior. It is obvious that their objectives intersect somewhere, not to replace us components of a higher order of the hooks? It is more than clear that some HOC and they can be replaced. But...

Translation of the article Do React Hooks Replace Redux? from the site medium.com for css-live.ru, author: Eric Elliott in short: the hooks are good, but Redux they will not replace "Tangerine" — the Malcolm Carlow (CC-BY-2.0) as soon As the React API-hooks left, he began to receive a lot of questions about whether he can replace Redux. As for me, hooks are pretty weak overlap with Redux. They do not give any new magic to the States, and only improve the API for what was in React. But with API hooks to use React native-a Toolkit for status has become much easier, and as he is more and more simple replacement for the class model, I'm now much more able to the place to use as the component my words were clearer, let's first understand why we may need a Redux....