nezabor

sms.z1q.ru

tw: seossmart

nezabor

Рейтинг

152

Регистрация

19.07.2010

Должность

soft_dev

GULP добро или зло

6 июля 2017, 20:21

Content-pro:
Мало представляю с чем вы столкнулись,

с таким

https://yadi.sk/i/7izXNUnr3KpXpK

или с таким

https://yadi.sk/i/ULQ5Xfgg3KpXq7

и это еще слабые примеры

вот например стили тега P

https://yadi.sk/i/d-z3A4Jv3KpY2P


element.style {

}

main.css:1

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    vertical-align: baseline;

    background: transparent;

    font-size: 100%;

}

libs.min.css:8

*, :after, :before {

    box-sizing: border-box;

}

libs.min.css:8

*, .mfp-container, :after, :before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

}

user agent stylesheet

p {

    display: block;

    -webkit-margin-before: 1em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

}

Inherited from li

main.css:644

.bannerMain__advantages ul li, .bannerMain__advantages--extra ul li, .bannerMain__advantages--contacts ul li {

    display: inline-block;

    vertical-align: top;

    font-family: "Roboto-Light";

    font-size: 14px;

    margin-right: 55px;

    margin-top: 20px;

}

main.css:1

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    vertical-align: baseline;

    background: transparent;

    font-size: 100%;

}

user agent stylesheet

li {

    display: list-item;

    text-align: -webkit-match-parent;

}

Inherited from ul

main.css:359

ul, ol {

    list-style-type: none;

}

main.css:1

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    vertical-align: baseline;

    background: transparent;

    font-size: 100%;

}

user agent stylesheet

ul, menu, dir {

    display: block;

    list-style-type: disc;

    -webkit-margin-before: 1em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    -webkit-padding-start: 40px;

}

Inherited from div.bannerMain__advantages

main.css:1

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    vertical-align: baseline;

    background: transparent;

    font-size: 100%;

}

Inherited from div.container

main.css:1

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    vertical-align: baseline;

    background: transparent;

    font-size: 100%;

}

Inherited from div.bannerMain

main.css:1

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    vertical-align: baseline;

    background: transparent;

    font-size: 100%;

}

Inherited from div.wrapper

main.css:1

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    vertical-align: baseline;

    background: transparent;

    font-size: 100%;

}

Inherited from body

main.css:52

body {

    font-family: 'SegoeUIRegular';

    font-weight: normal;

    text-align: left;

    line-height: 1.4;

    font-size: 13px;

    color: #000;

    position: relative;

    width: 100%;

    height: 100%;

    background: #fff;

}

main.css:1

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    vertical-align: baseline;

    background: transparent;

    font-size: 100%;

}

libs.min.css:8

body {

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

    font-size: 14px;

    line-height: 1.42857143;

    color: #333;

}

Inherited from html

main.css:1

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    vertical-align: baseline;

    background: transparent;

    font-size: 100%;

}

libs.min.css:8

html {

    font-size: 10px;

}

libs.min.css:8

html {

    font-family: sans-serif;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

}

libs.min.css:8

.mfp-arrow, html {

    -webkit-tap-highlight-color: transparent;

}

Pseudo ::before element

libs.min.css:8

*, :after, :before {

    box-sizing: border-box;

}

libs.min.css:8

*, .mfp-container, :after, :before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

}

Pseudo ::after element

libs.min.css:8

*, :after, :before {

    box-sizing: border-box;

}

libs.min.css:8

*, .mfp-container, :after, :before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

}

и вот хоть убей меня, но я точно знаю, что можно сделать кода меньше

---------- Добавлено 06.07.2017 в 23:28 ----------

Content-pro:
Он и не должен уметь работать с frontend, если вы fullstack миритесь и знайте что вам нужно уметь очень многое)

я все умею, просто меня жутко парит устанавливать эту фичу к себе на машину вот и весь пердимоноколь)))

Т.е. во мне умирает перфекционист, каждый раз когда сталкиваюсь с новыми инструментами. которые проживают 1-2 года и выкидываются в угоду новому, а те кто ими пользуются за частую так и не становятся гуру в данных инструментах и потому приходится бороться, переделывать, вычищать

GULP добро или зло

6 июля 2017, 19:52

Content-pro:
По типу, ребята пишут крутое приложение

ключевое слово здесь РЕБЯТА, т.е. команда, и да тогда такая философия и подход приемлемы и даже нужны, любая унификация работы в команде и тем более сформулированная и задокументированная умными дядями - во благо.

т.е. бекендер всегда может попросить верстальщика изменить доработать верстку

И тогда разработчик бекенд никогда и не узнает про GULP, препроцессинг и с чем его едят ибо не его зона ответственности, он видит код он понимает что ему нужно сделать в динамике, а то оставить статику - реально удобно.

И то если инструмент используется умелыми руками, а в моем случае я получил на 5 страниц сайта 17к строк стилей, потому как товарищч вообще не парился и переназначал одинаковые значения для каждого класса. Поверьте, если бы он не слышал про SASS то ему никогда в жизни бы не пришло в голову писать 17к строк(с описанием отдельно каждого угла закругленной кнопки с одинаковыми значениями). Он бы думал головой, и таких верстальщиков я за сегодня реально нагляделся.

---------- Добавлено 06.07.2017 в 22:54 ----------

Оптимизайка:
gulp это же просто запускалка задач для сборки frontend. Каким боком тут классы и вот это всё?

это уже дальше пошла тема, а по началу поднял вопрос использование этого интрумента как основной для любых задач.

GULP добро или зло

6 июля 2017, 19:15

Sitealert:
Ну почему же поофтопить? Вроде как по делу человек высказался. Разговор о том, что не в программе дело, а в умении программиста.

причем тут умение и не умение, просто каждому инструменту свое место.

вы если один работаете вы же не рисуете себе диаграмму ганта для контроля выполнения вами задач? вот и тут излишние инструменты только замедляют разработку.

GULP добро или зло

6 июля 2017, 18:51

yet_warm, о чем вы? или так поофтопить?

GULP добро или зло

6 июля 2017, 16:14

Content-pro, да блин все верстальщики стали такие типо-умными, что решили разрабатывать на промышленных принципах индивидуальные сайты.

т.е. с чего-то они взяли, что им всем срочно необходимо перейти на философию БЭМ и SASS. Притом, что эти инструменты предназначенны для командной разработке с тимлидом. Но неееет они все уперлись - раз яндекс сказал добро, то давай 3-х страничники будем пилить по БЭМ.

При этом теряя производительность и читабильность без документации. Т.е. никто даже и не вспомнил про то что 2 программиста работают медленнее одного.

ЗЫ

ИМХО каждому инструменту своя среда применения.

Книжная файлопомойка: бэкэнд

6 июля 2017, 12:45

Jointsmoker:

Сообщение от danforth
Всем пофиг где и на каком сервере хранится контент, они будут писать абузу на тот хост, где размещена информация с кнопкой.
Спасибо, вот этот вопрос меня интересовал.

Не совсем правда, авторы не государство, они на раз такое дело выкупают

Инструменты Разработчика в Chrome Android

24 июня 2017, 23:18

DenisVS, зачем вам андроид для разработки, в десктопе же есть адаптивность

конечно если это неповторяемые на десктопе косяки скрипта, то да - это пичаль...

---------- Добавлено 25.06.2017 в 02:20 ----------

https://yadi.sk/i/dbsdg4rU3KRZS4

Разделить рекламу для мобильного и ПК

24 июня 2017, 23:14

подробнее бы

Вопрос по Яндекс-карте для сайта

24 июня 2017, 23:12

MMX3000, просто нарисовать, и у вас не заработает

вам нужно полноценно заморочится с их API

Не видит переменную js

24 июня 2017, 23:06

пробел уберите

1 ... 13 14 15 16 17 18 19 20 21 ...67

Всего: 662

Что такое Power BI и зачем это нужно бизнесу

VK приобрела 70% в структуре компании-разработчика red_mad_robot

nezabor