How to quickly typeset (need advice on what to do next)?

Question

css

I have been creating my own sites and have been studying the frontend for several years now, I know HTML5 / CSS3 at a decent level, I also write quite well in JS. During this time, I managed to make several pages to order and make up at least 5 layouts for the portfolio and go to the finals of the UA Web Challenge championship.
Now I'm trying to get a job in an IT company as a junior, but as reality has shown, companies need not only those who have experience and know HTML / CSS, JS well, companies first of all need those who quickly typeset. At what speed of imposition is, probably, on the first place. I unfortunately have a problem with this. I do it for a long time, but with high quality. For example, I can do an adaptive landing page in 2-3 days, but as I was told at the interview, it can be done in a day or less. Now I’m thinking, maybe front-end development is not mine, it’s more a hobby than a job ... and it’s better for me to get a job in another specialty, but in my spare time I can earn extra money on freelance, typesetting simple pages.
Actually, I need advice - should I try to get a job further or give up this business? Well, or share your experience on how to increase your productivity? It's just that hardly anyone wants to hire me with such a speed of work.
PS I use Gulp, Sass, Emmet, Avocode for layout.

Answer 1

Full power preprocessors (try jade for html), gulp, snippet library, experience, experience and more experience.
It is also important: a powerful computer, good monitors in sufficient quantities, a comfortable workplace and an atmosphere that allows you to concentrate.
And most importantly:
Position yourself, find your client.
Everyone wants fast, but there are those who understand that it is better to wait a little longer and get a ready-made, cross-browser, high-quality product. Than a crooked craft, which then takes 2 times longer to edit.

Answer 2

In fact, I'm asking myself the same question right now.
I'll share my experience:
1) Favorite Sublime Text editor
- plugins : emmet, JQuery, Sass, less, CSS, autoprefils. There are a few more useful ones that substitute paths to files and highlight colors.
The net is full of articles. Well the editor itself is a preference.
2) I actually use gulp as a nublo, so I will make a boilerplate to start. On sass. Several hacks in HTML such as header, content and footer wrapper meta tags. jQuery with a fallback in case it doesn't work with CDN. Even in the default jies I wrote $(document).ready();
3) Haven't got to the auto-generation of sprite images yet, but I think this will save time in those places where there is no font.
4) I'm going to move away from preprocessors to a post processor, as well as using Angular / Ember.js / React for solutions larger than Landing Page
:) and functionality work.
6) Choose ready-made solutions, I mean plugins, slider / carousel / work with tables.
For example, owl'Carousel/ data tables / animate.CSS / wowjs and the like)))
7) The smallest point is the speed / print quality as such :)
8) Well, experience :)
Something like that, if there are tips may have missed.
Regarding the speed of landing page layout:
Landing Page layout in four blocks, then there is nothing to typeset, you just need a grid. And the source code is normal, all fonts and elements (logo, guideline from the designer) are grid for example Susy for Sass.
But if there are animations, full screen video, design for devices is thought out by the designer, states for form fields, and plus put on CMS, then let not YOUR "G" :)
Everything will come with experience :)

Answer 3

There is an idea that they just want to breed you! They stupidly want you to hunchback dofiga, and receive a fixed salary.

Answer 4

What they want for speed in layout is understandable, how you can achieve this: yes, simply, layout, layout and optimize your code. In addition, using the same gulp, find the optimal combination of tasks and performance, maybe even write it yourself. In a word, making the 30th one-wanderer, you will already be at least faster than you are now. In addition, do not forget, having developed your base, you can use pieces of code in further work, this is obvious. Keep your work on github.

Answer 5

For example, I can do an adaptive landing page in 2-3 days, but as I was told at the interview, it can be done in a day or less.

I'm afraid to imagine the quality of the landing page, and the quality of this layout in 1 day.
Everything is good with speed, look for adequate employers and interesting and complex projects.
Leave some of your contacts, I have an ideal job offer for you ;)

Answer 6

it's done in a day or less

Well, well ...
In general, of course, they showed me how on WP with some kind of plugin you can click on a landing for yourself in a couple of hours. But this way you can immediately stir up in Muse and then the layout designer is not needed at all.

Answer 7

Emmet install)

Answer 8

Do not lose hope! After 25 landings, the speed will grow by itself.
And in general, do not forget that one landing page, where there are only 6 blocks and 9 small elements, is one term, and another landing sausage for 15 A4 pages (conditionally), with, say, 10 blocks and 30 small elements + a bunch of all sorts of effects + what Some custom calculator is a completely different term.

Answer 9

Try to find a company that makes some kind of service, you can start up, there are different requirements for candidates, and it’s more pleasant to work on your own than jumping around projects.

Answer 10

typeset with bootstrap

Answer 11

Also puzzled by this problem. Everyone wants fast, cheap and high quality, but this is unrealistic. In any case, until robots appear that will replace people of different professions, incl. coders and front-end developers.
I'm not a robot and I can't fast. For me, "fast" is synonymous with "poor quality". I'm still new and still learning. But I already know one thing - you don’t have to look up to someone else, you need to find your own convenient and comfortable rhythm in which you can work constructively. Everything else is from the evil one. ;-)

Answer 12

There is an option to put the layout aside and do programming.

Answer 13

try such a thing as object-oriented CSS
in some cases it speeds up the layout very much, sometimes you can layout entire pages without getting into the css file at all

Answer 14

Do it well, no matter what your boss is, I think he will appreciate it. Speed ​​is good. The main thing is to do everything on time. I think no one will put you on the position of a junior with harsh deadlines.

Answer 15

You can try to convince the customer that 80% of the elements on the site are "no longer in trend" and minimize the amount of layout.

Answer 16

Hello everyone) this is not an answer, but rather a continuation of the question)
I also asked the same question.
I use vscode with a bunch of snippets and blanks, scss, my own 12-16 grid, typography file.
In order to somehow speed up the layout process and to match the design, I create a typography file where I prescribe the classes and styles of blocks and elements. However, this had little effect on speed.
Adaptive dither draws (from bold in 3 resolutions) and require pixel perfect.
However, there are still individuals on freelance who typeset 25+ pages with all adaptives in 2-3 days. I open the code - everything is trivial. I don’t understand how this is done either ..
I thought and collected even more blanks (sliders, offers, headers of various variations.)
However, it is quickly typeset stupidly from scratch ..
Ps: fast - not high quality and not thought out at all