Digest of fresh materials from the world of the frontend for the last week No. 319 (June 11 - 1? 2018)

HTML / CSS
+ 0 -

Firefox and the pseudo-class first-letter

There was for us in the team the need to add icons to the list items in one drop-down list, depending on the type of element. The list itself is a third-party component, which I did not want to touch. The icons are implemented in the form of a font, that is, they are unicode symbols.
 
As a solution on the server, depending on the element type, the symbol of the icon
was added as a regular letter. uXXXX
and the client received beautiful squares, because the font used for the list does not contain the codes of our icons. Then the CSS pseudo-class
came to our aid. :: first-letter
 
...
+ 0 -

Digest of fresh materials from the world of the frontend for the last week № 318 (June 4 - 1? 2018)

We bring to your attention a selection with links to new materials from the frontend area and near it.
 
 
Digest of fresh materials from the world of the frontend for the last week № 318 (June 4 - 1? 2018)
 
Media | | Web development | | CSS | | jаvascript | | Browsers | | Entertaining
 
 
# 56 - Dmitry Karlovsky on creating $ mol or how to write your niche framework
 
Podcast "devschacht": Night frontend # 36 - Discuss with Nikolay Matvienko Ryan Dahl's speech at JSConf EU 2018
 
Podcast "Frontline Youth" (18+) " # 51 Dan Abramov Package Manager
 
...
HTML / CSS
+ 0 -

Collection of css shadows Box-shadows.css

Hello everybody!
 
 
Surely, some of you noticed that different sites use almost identical shadows in blocks, navigation bars and other containers, plus - minus a couple of pixels in the direction of transparency. I analyzed a number of popular sites, both ours and foreign ones, and tried to collect the most approximate parameters of the shadows used in one large collection, or library. To whom as it is more convenient. I hope someone will come in handy. The main goal of the project is to make it easier for novice web designers and developers to create a pleasant and modern design. Maybe experienced ...
+ 0 -

Digest of fresh materials from the world of the frontend for the last week № 316 (May 21 - 2? 2018)

We bring to your attention a selection with links to new materials from the frontend area and near it.
 
 
Digest of fresh materials from the world of the frontend for the last week № 316 (May 21 - 2? 2018)
 
Media | | Web development | | CSS | | jаvascript | | Entertaining
 
# 54 - Vsevolod Shmyrov how to become a timelid from the Flash games developer in Yandex
 
Podcast "devschacht": Night frontend # 34 - HolyJS 2018 Piter
 
Podcast "Frontline Youth" (18+) " # 49 Another look at the conference
 
Podcast "CSSSR", ...
HTML / CSS
+ 0 -

Digest of fresh materials from the world of the frontend for the last week № 315 (May 14 - 2? 2018)

We bring to your attention a selection with links to new materials from the frontend area and near it.
 
 
Digest of fresh materials from the world of the frontend for the last week № 315 (May 14 - 2? 2018) Media | | Web development | | CSS | | jаvascript | | Browsers | | Entertaining
 
 
# 53 - Vital Slobodin on the history of support for PhantomJS and the development of the Rostov IT community
 
Podcast "RadioJS" Issue 52: Microservices on the frontend . Visiting Andrey Melikhov and Vyacheslav Slinko
 
The CSSSR ...
HTML / CSS
+ 0 -

How JS works: animation using CSS and JavaScript

Animation is an integral part of modern web interfaces. On how much it is appropriate, attractive and productive, a large part of the user's impressions of working with the site or web application depends. Today, in the translation of the thirteenth part of the series of materials devoted to the peculiarities of jаvascript and related technologies, we'll talk about the animation performed by CSS and JS tools, and discuss approaches to its optimization.
 
 
+ 0 -

Digest of fresh materials from the world of the frontend for the last week №312 (April 23 - 2? 2018)

We bring to your attention a selection with links to new materials from the frontend area and near it.
 
 
Digest of fresh materials from the world of the frontend for the last week №312 (April 23 - 2? 2018)
 
Media | | Web development | | CSS | | jаvascript | | Browsers | | Entertaining
 
 
# 50 - Alexei Simonenko about the history of HTML Academy creation and pitercss_conf features
 
CSSSR podcast: News 512 - Issue №3 (??? - ???)
 
"ALL YOUR HTML" # 46: "Layout on vue.js"
 
 
...
HTML / CSS
+ 0 -

Digest of fresh materials from the world of the frontend for the last week №311 (April 16 - 2? 2018)

HTML / CSS
+ 0 -

We make up the flex-calendar

It's 201? the fashionable boys have long been on the grid, and I'm all sitting on the third bootstrap with
col-md
kokeryyachus, glancing at the fourth glance.
 
I decided that this is not the case, and it's worth a bit of knowledge to refresh, but at
grid
kind of like support is still limping, but
flex
technology even irons support.
 
So I decided to master it. And the process of mastering with you will share. In general, we will make a calendar for the whole year.
The sample code is available at .It's 201? the fashionable boys have long been on the grid, and I'm all sitting on the third bootstrap withcol-mdkokeryyachus, glancing at the fourth glance. I decided that this is not the case, and it's worth a bit of knowledge to refresh, but atgridkind of like support is still limping, butflextechnology even irons support. So I decided to master it. And the process of mastering with you will share. In general, we will make a calendar for the whole year. The sample code is available at ...
+ 0 -