Directory of RSS feeds
Statistics

RSS feeds in the directory: 2797

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 62 items

Translation of the article Improve Your Skills Debugging with Chrome DevTools (Part 2) from the website telerik.com for css-live.ru the author — Peter Milchev In this article we will discuss the advanced features of the Chrome debugger, securing the skills learned in the first part. You learned how to test the generated HTML and applied styles? Safely can debug JavaScript in the browser? I hope this series will look at advanced features of the Chrome debugger, securing the skills learned in the first part. having Mastered new skills, we will experiment with basic examples of Kendo UI, and at the end of the article let's take a real example jQuery Grid to hone in on this newly acquired knowledge. In this article: Smart auto-completion for Easy reference to...

Translation of the article Improve Your Skills Debugging with Chrome DevTools from the site telerik.com for css-live.ru the author — Peter Milchev In this article, we discuss useful tricks and tips for using the debugger in Chrome that will help to deal with any hiccups in the development of web applications. did you Ever have trouble with the wrong JavaScript performance? If you've ever had to fight to fit the styles of the elements on the page? Do you hate when the page every time you need to test on different devices? If you answered "Yes" to even one question, then this article is for you. Here are our useful tricks and tips that will help you all to overcome this and increase your productivity. With the debugger in Chrome it's easy on the fly to change...

The design of the form elements is probably the main source of pain in a modern layout. Each input field, each button — a "thing in itself", and in each browser is implemented slightly differently. And manage their styles too often in each browser differently. And some tasks (for example, to display the button as a normal an element with display: inline, wrap to a new line if necessary) and does not solved (apparently this effect gives the display: contents, but in the present implementations, this breaks accessibility so that is not a solution). A lot of hope for deliverance from this pain was attributed to the appearance property, but the fate of this property was complicated and confusing. Now there's only old browsers implement it with a prefix, is also...

Translation of the article Why don't we add a element to HTML? from the site www.brucelawson.co.uk published on css-live.ru with permission of the author Bruce Lawson Yesterday was an interesting conversation started by Sarah Soueidan: tweet Sarah Soueidan (@SaraSoueidan), 8 Oct 2018 16:36: that's what I'd like to see in HTML: Just. Extremely useful, ESP. for the design of systems today. Here, while no one in a hurry not thinking, "but the color is not the content and design!", Sarah talked about pages with palettes of color swatches. In this case, color is the content. It seems that a good candidate for semantic elements, because it has value. On the rights of the Ancient Veteran of the Web, I sat back and parastomal on it. HTML: misspent youth the First...

A Few hours ago in the specification of CSS selectors level 4 has made a subtle but significant change. Redefine useful pseudo-class :empty: before, in selectors level 3, which has been the standard since 2011, he met only empty elements, do not contain even spaces and HTML comments, but now the elements with some whitespace and HTML comments inside will be also be considered empty. And the pseudo-class :blank, which is previously proposed for such elements will now match the form elements with an empty value. Although the new behavior :empty seems logical (spaces in HTML are often used merely to format the code and not treated as content), it breaks backward compatibility, so not all of it welcome. In ICU on github's CSS working group, although it was...

On 25 September the working group of CSS in W3C released the first public draft module of the scrollbar (Scrollbars CSS) level 1. By design, it needs to provide a standard means in order to be able to seamlessly fit, scrollbar in different themes (dark, contrasty, compact, etc.), not breaking with the native functionality of the platform. But the choice of funds offered by the draft, many may surprise you. as the editors of this module are shown Tantek çelik of Mozilla (it is also known as the Creator of microformats) and Rossen of Atanassov from Microsoft. But judging by the log in the issue tracker, mostly it was the work of the staff of Mozilla — Celik and his colleague Sidor Quan. to Surprise the new module starts from the first paragraph: "CSS...

Translation of the article Understanding why Semantic HTML is important, as told by TypeScript from the site medium.com for css-live.ru the author — Mandy Michael HTML not just the skeleton of our sites, it is also extremely important to ensure that the sites behave as relied on all platforms and technologies. If you start to use HTML in full, you can not just make the most of native functions, but also make it much easier for people and bots of any technology, both today and in the future. due to the fact that in front-end development is increasingly focused on JavaScript, HTML and about all seem to forget, recently I had to spend some time trying to figure out how to explain to developers focused on JavaScript, why is it important to study and understand...

The prologue (which barely without a fight) Last weekend was marked by a small drama in the web community. It started with a harmless "test" for CSS on Twitter by max Stoiber, developer styled-components and react-boilerplate: How well do you know CSS? (Emoji: the student at the Board) For these classes: .red { color: red; } .blue { color: blue; } what color are these divas? 44% of the over 14 thousand respondents chose the option "the first div is blue, the other red." The correct answer is, of course, both of diva blue: from rules with the same specificity applies the latest in CSS, the order of the classes in the HTML markup is not affected. the Response to the survey, and especially on its results, was quite rough. Someone was looking for in continuing...

28 Aug CSS Display module level 3, the development of which we have seen since his arrival, watching his new and well forgotten old secrets, became a candidate recommendation. That is, the specification is considered to be fully theoretically developed and ready for implementation. The changes from the previous draft quite a bit: clarified that the "special" elements have display:contents works like none, it will be evaluated to none, and also clarifies the definition of the formatting context and stated that the display is not animated (even discretely). at the same time with him refreshed module of cascading and inheritance of CSS (Cascading and Inheritance). He has been a candidate recommendation, and, unusually, already in two variants — one 3, 4 (c...

Translation of the article Solved with CSS! Logical Styling Based on the Number of Given Elements from the site css-tricks.com for CSS-live.ru the author — yuna Kravets This article is the third of a series about the power of CSS. All articles in this series: Part 1: colorizing SVG backgrounds Part 2: dropdown menu Part 3: logical pastiche based on the number of elements. (this article) did you know that CSS is Turing-complete? And that it can be used for quite serious logical style? You can-you can! And don't need to mortgage logic for JavaScript style guidelines, or hang a script classes for which you specify the styles. In many cases, CSS can handle myself with it. I still daily discover new CSS tricks and CSS that I like more and more. this year, I...

After article about non-standard (but sometimes useful) things that are prefixed with -webkit - came the news from the developers of Firefox: they're going to change your CSS parser, so that any pseudo-elements ::-webkit-anything was considered valid by selectors and didn't make the whole block of rules to be ignored. The reason is the same — compatibility: do WebKit and Blink, many authors write code based on this behaviour in Firefox, this code breaks is predictable (although the current standard is as it should be). So don't rely on hacks:- webkit-nonsense, .something-useful {/*code only for "WebKit"*/} and in any case, check if there are any such in your projects! Added 28.08.2018: this requirement of compatibility had to fix in the CSS selectors level...

CSS working group released the first public draft of module quantities and units 4 (CSS Values and Units Module Level 4). Here are its main novelties compared to what it was: length units relative to the font: cap, lh, rlh and ic. Unit cap is equal to the height of capital letters of the current font (useful for dock icons with text, no such "magic"), lh — calculated the row height of the current element, rlh — calculated the row height of the root element, and ic — width kanji 水 ("water") taken for "standard" fullwidth symbol for text in East Asian languages; New length units relative to the viewport vi and vb. These are the analogues of vw and vh, but with respect to the direction of the text: vi — an inline axis (as is the text in the rows), vb — block...

Last week the CSS working group at W3C has published updated versions of three drafts of specifications: from 31 July to CSS Overflow Module Level 3 (overflow module level 3), 2 Aug — the CSS Inline Layout Module Level 3 module (line layout level 3) and finally, 4 Aug — the CSS Grid Layout Module Level 2 (grid-layout 2 levels). the biggest novelty of the module overflow — property line-clamp (and its subproperties, it is composite). It should replace the non-standard-webkit-line-clamp and be a standard analogue text-overflow for block elements, allowing you to limit the content in the block a certain number of strings, adding, if necessary, an ellipsis (and not only). And yet it appeared logical properties overflow-inline and overflow-block similar to...

Translation of the article An introduction to the JavaScript MutationObserver API of the website benfrain.com the author Ben Frain . I Recently had a chance to play a bit with JavaScript-ish API MutationObserver and I was pleasantly shocked. I have already outlined the places where I could make the code cleaner by using it. If you have not heard about it before, here is a small example MDN describes the interface MutationObserver: interface MutationObserver to observe changes in the DOM tree. You are much mistaken, if we imagine them as event handlers for changes of DOM elements. Support is also good. IE11 and all of the evergreen browsers on the desktop. On mobile it's Android 4.4 and above and iOS6. Basic example Let me show a quick example. Suppose we...

This article is conceived as the beginning of a cycle about the mysteries, the surprises, the little-known features and useful little secrets of the most powerful, perhaps the properties in CSS display property. We already had articles about the novelties of the property — value contents (which is generally, surprises, benefits, and pitfalls for availability) and flow-root. But the old, familiar (it would seem) the value of this property hold a lot of surprises, pitfalls and wonderful discoveries. First of all, perhaps, is the value with "prefix" inline inline-flex, inline-grid inline-table, and finally our old friend inline-block. To him, then we will begin our journey into the fundamental depths of CSS sample 2018, the end of which we should have a...