How can a designer be aware of layout possibilities (html/css) and javascript?

Question

css

Hello!
Colleagues designers often ask the question, how to understand what can be done on html / css / js and what is not.
On the one hand, the answer is obvious - it would be nice to ask the layout designer / developer, as well as the designer himself, to know the basics of html / css / js. After all, many design trends are born out of some kind of CSS capability.
On the other hand, I would still like to hear your opinion. What should designers rely on when working?

Answer 1

The answer is obvious. Start typing. At least a little. I understand, it's difficult, lazy, for that your skill will become very cool. Try enrolling in a course at the html academy . And also, constantly ask and ask the developers, but after that, check, otherwise a lot of things can lie to you, so you don’t have to do it later)))
And also look for resources for yourself where developers post various kinds of tricks and effects on css, js.
Read news resources like habr and css live , css tricks .
Here is an example of sites where there are cool implementations of all sorts of effects :
https://codyhouse.co/tympanus.net/codrops
There are a lot of resources, the more you study, the more you can as a designer. You will have a ton of different ideas in your head for implementing these kinds of effects in your projects, and also, over time, your thinking will change. Because you will already know at the stage of creating the layout what is possible and what will be difficult, and in the end, it would be better to abandon this idea.
As for js, xs, for me it's a difficult question. You don't really need to know him, because he doesn't do magic. Probably you, as a designer, will need only 3 things from js.
1) Working with svg - animations are also done with js
2) Working with canvas - this thing only works with js
3) Ajax - you have to understand what it is and how you can use it. But don't be rude
You don’t need to learn how to write it in js, but you need to know what it can do for your work!
And finally , caniuse.com/. This service will tell you about browser support for various features. By type support for css properties. Drive the property into the search and see how it is supported by browsers. Example

Answer 2

Let me tell you as a designer. It is not necessary for a designer to be an experienced layout designer, but knowing the basics and being able to do something very simple with the help of reference books, as well as following the news in the world of layout a little is a big plus, since it gives at least a basic idea of ​​​​the work of a layout designer and, probably, will make life easier for those who will make up your design.

Answer 3

In our team, we practice educating designers "for ourselves". During cutting layouts for young designers, we explain how to cut and why exactly, what to put in a sprite, what is an image, what is implemented using css, etc. As a result, they create a slicing + description of fonts, their size and colors for us. For newly arrived designers, there is simply a transfer of experience 'from grandfathers' to young ones. I believe that everyone should do their job, designers - create layouts, layout designers - typesetting, BUT at the same time there should be close cooperation between them. Designers already need to know quite a lot, why else should they load html, js and css ... There is no need to limit the flight of designers' thoughts with these technologies, how to implement it later, this is the business of layout designers.

Answer 4

When creating a project, my colleagues and I just sit down with a cup of coffee in the evening and discuss each project individually, including design and layout features. If the designer gives out a creative, we consider together whether it is possible. But this is of course for work in the state.
If the designer and layout designer are remote workers, then this is a personal discussion.
As advised above, "the designer should start typesetting" is nonsense.
It's like asking the dentist to remove hemorrhoids.

Answer 5

the designer must take an introductory young fighter course about css html js
you need to understand zen in general terms - it's not difficult
that any normal web programmer can take such a course
and stick to caniuse