Shift-Web

Здравствуйте. Попросили сделать сайт по знакомству. Буквально за 4 часа накидал дизайн в чистом HTML и CSS, но я не дизайнер ... Хотел бы услышать критику по поводу всего что сделал правильно или неправильно и рекомендации что изменить. Поскольку еще с двигателем не определился, сайт выброшен статикой на ucoz(а будет скорее всего на node.js). Это будет single paged application с небольшой галереей и информацией о компании. Кстати. Для front-end использован собственный microframework evolution, который я активно разрабатываю как замену Angular, React и jQuery. Если кому интересно вот ссылка. Спасибо! http://incert.ucoz.site/index.html

> Это уже диагноз. Ты неадекват неистовый. У тебя это будет в жизни ... Справку мы тебе сделаем чтобы с голоду на первах не помирал. Тему прошу удалить. Пересоздам послезавтра когда выложу готовый сайт.

Я тебя щас под прослушку подставлю и заставлю разрабатывать кое что поинтереснее интернетов. Готовься. От этой "х*йни" ты немного помучаешься(года 2-3-4) и намного поумнеешь. Я тебе обещаю, ты узнаешь про недокументированные возможности человеческого мозга и будешь заниматься нейроинтерфейсами, Сразу предупреждаю - в лес бежать бесполезно. Там тоже работает без всяких батареек. Кто еще хочет в системники, записывайтесь по одному. будете мучаться группой и понимать что интернет уже протух. У нас есть вещи посерьезнее p.s. и считай это как подарок. будешь одним из порядка 15 миллионов тех кому не нужен даже сотовый телефон чтобы поговорить с другом.

> Так никто ведь не говорил ему изначально, что мол велосипед плохо Ему указали, что стоит подумать над паттернами для организации нормальной архитектуры, а он что? Он грубить начал. Знаете ли, с хамами по-хамски. я был пьян ... > Если не профессионал, то и не берись. Почему вы все время норовите ниже пояса? > Например материальный дизайн от гугла или > Ок. Делать не говнокодить. Разметка гипертекста пишется в html, декларации стилей в css. Совмещать пихая стили в инлайн это бэд практикс. Что такое валидация сайта Вы понимаете? Материальный дизайн - это тот дизайн который во первых не дизайн, а жалкое подобие ненужной логики в html, который не проходит валидацию. В теге арибуте style ничего плохого нет. Валидировать у меня не чего. А вы противоречите сами себе. Все эти ng-атрибуты просто нарушают стандарт изначально. О чем вы мне хотите еще рассказать? > Зачем тогда брать проект в разработку. Ищи тот который по масти. Проект разработан. Проблем с реализацией и работоспособностью нет. Не считая того что он просто не индексируется ибо один модный java разраотчик сказал SPA, angular и шаблонизатор. Впрочем всем насрать главное что денег дали. > Уточняю. Я имел ввиду твой минифреймворк. Думаю для чсв. Для работы. > Спасибо. Я могу обойтись EcmaScript 5 без полифилов и бабелей, если понадобится сделать похожий проект. Я рад за вас. > У меня не возникает идей изобретать свои велосипеды. Я уже перерос этот возраст. Только с юношеским максимализмом приходят подобные затеи. А вы и не разработчик. Вы просто потребитель ... Были потребителе и им останетесь. > Я с малобюджетными сайтиками не работаю А я работаю с любыми. Мне не западло. Микроданные обязательно будут. Вчера написал три страницы текста для основной массы контента. Его и буду размечать cхемой. > Самое важное когда делаешь велосипед - чтобы не получился огород Чего вы все боитесь то я не понимаю. Вам за это деньги платят, а вы по факту вместо того чтобы выполнять реальные задачи и брать следующий проект сидите, ковыряете в носу и базарите про паттерны с академическим видом.

> Сайт который в примере очень простой и в реализации на базе фреймворка не нуждается. Проектик справится с бизнес задачей не хуже, если его повесить на какой-нибудь вордпресс. Для сравнения фреймворков нужна аналитика по-серьезнее и пример по-серьезнее, а не такая лапша которая предлагается Так я просто не дизанер. Сверстал главную и не услышал ни одной рекомендации кроме как анимации не уместны. В данном проекте нет бюджета ни на аналитика, ни на верстальщика, ни на дизайнера и на SEO специалиста, ни на backend специалиста. Понимаете разницу? Поэтому обращение на данный форум произошло на стадии концепта. > Прежде чем браться за такие амбициозные проекты, может лучше сразу задать себе пару вопросов перед зеркалом с бибабо на руке. Вы сумасшедший или реально понимаете зачем и когда такие проекты реализуются? Для одной стороны - это цель привлечь инвесторов и она как любая говенная затея не требует ничего кроме информации и дизайна. Для специалиста который этот проект реализует это способ самовыразиться и приметь тот стек который ему нравится. В любом случае оправдано это или нет должен решать аналитик, который слеп и далеко не специалист. Понимаете о чем речь? Тот стек который использовали и тот стек за который запросили профессионалов и уйму денег не оправдывает себя с точки зрения бизнес проекта вообще. Это все дешевые понты хотя бы из-за одного SEO, которое у таких проектов в жопе. Мы не говорим о крутом facebook и его разработчиках. Это проект другого плана. Ни один нормальный разработчик не будет хвататься за весь этот стек только ради моды и подражания. Вы это понимаете? Вы это должны понимать потому что технически на заре 2017 года это до сих пор не оупается. Окупаются лишь ваши собственные амбиции. А когда это станет реально бизнесс прибыльным? Вы разбираетесь в говне и продуктах. Складывается такое впечатление что нет. Интернет - это не средство для производства. Он ничего не производит с точки зрения реального мира а лишь является средством для предоставления информации и инормации об услугах и так далее(это вирт, который не нужен так как нужен воздух) с точки зрения бизнеса. В том что люди "ебл*ны" которые готовы вкладывать в амбиции некоторых разработчиков ни чьей вины нет. Но стреляет это однажды и не у всех, а понтами заражаются остальные. Я б*ять жутко не модный ... > Размер так себе критерий. Канечно пох*й. Создавайте сайты которые копируют интерфейс Windows 10(над которыми гениальный дзайнер закончивший британку ипется по три месяца с аналитиками) и нагружайте их по моде бандлами на 2-3 мегабайта используя полифилы и бабель из-за одной сраной три раза использованной функции. Такие сайты как правило даже ничего не продают, а стека требуют. > Ведь, куда более разумно переделать всю анимацию на чистом css не затрагивая атрибуты style Делайте. Вы так или иначе коснетесь JS, хотя бы чтобы переключить стиль, а когда речь идет об повешании анимации на какое то событие вы будете вынуждены создавать нужный класс так или иначе. Это один и тот же код, который кешируется что на статике DOM, что в css файле. > Не знаю как у вы, но я не доверяю эмоциональным людям. Вы можете как угодно, от вас ничего не зависит и ничего не изменися и мне насрать каков вы на самом деле. Вы либо приносите для меня какую-то пользу или идеи либо вы мне просто интересны. На данный момент заметил только сухость и инфантильность. > сайт не очень. сайта еще нет. это набросок. вы если пишете тут то выступаете в роли аналитика на которого не рассчитан бюджет проекта. p.s.: зачем вы мне про лапшу пишете если сами лапша? вы в этом не виноваты, просто деньги в интернете без лапши не появляются для большинства, это суровая реальность. но надо иногда понимать откуда в хлебе дырки и что стоит их сделать, если вообще стоит.

> В отличии от знания патернов демагогия ваш конёк. А на*уя мне знать ваши поттерны если и без того пишу рабочий и быстрый код который обеспечивает возложенные на него проблемы бизнеса? Ваш брат просто п*издит по большей части про паттерны и ничего не разрабатывает вообще или делает это триста раз обдр*чившись на методологии вместо реального решения проблем. накрывайтесь тоннами перекомпиляторов и пишишите на ES7 через полифилы ... p.s.: недавно работал в серьезной компании разрабатывающей сайт министерства экономического развития тенденций евразийской экономики, где были задействованы все тренды и все трендовые разработчики ... git, java, node.js, angular, шаблоны, SPA, паттерны и прочие дрочибельные методологии типа SAS и БЕМ, которые помешали сайту оказаться в выдаче поисковика. мучайтесь дальше со своими понтами и протухшим бизнесом. > Желаю успехов в развитии вашего "фреймворка" . Спасибо. Мои сайты работать будут. Лет 20 будут исходя их скорости развития интернет. p.s.s.: нет идей - идите н*уй вообще. я делать никогда не буду то что не приносит прибыли модные понты тут не панацея.

> О чём конкретно идёт речь, кроме синтаксического сахара никаких идей у вас не увидел ... А что вам нужно? быть в тренде, использовать модные фишки? )))) Каких идей вы ждете? Поделитесь - может я реализую нужное вам отталкиваясь от того что нужно мне

А вы про jQuery UI забыли? Она весит не мало. > Ну и последнее, Reac с Angular тут вообще причём? При том что я использую их идеи но по своему. Я думаю, что это вопрос времени. Потихоньку иду к цели и думаю. У меня все как раз на стадии аккумуляции идей и впитывания критики, которая нужна для финальных правок идеологии и развиия экосистемы. Дальше будет сайт и форум и все что необходимо. Просто времени не хватает чтобы отдаться этому целиком.

Спасибо

> А как это взаимосвязано? Что мешает найти макеты бесплатные или купить? Не серьезно будучи верстальщиком покупать у кого-то. >В том же jquery можно собрать только то, что вам понадобится. Опять же, есть чистый js. Ваше дело, конечно, нравится и раз решает ваши задачи, пишите, делайте. Вот только поддерживать ваши "проекты" никто не будет/ не станет, но видимо оно и не понадобится. Вы правы. В основном для себя и делалось. Ну а с другой стороны почему бы и не поделиться с остальными? Может появятся свежие идеи разработчики которые будут заинтересованы? Все же с чего-то начинается, но именно русский менталитет - это отрицание собственных же возможностей и с этим приходится мириться. Если я один могу реализовать необходимое мне от jQuery и ангуляр, сделать bootstrap и написать более менее рабочий код тратя на это час - два в день за месяц, то что может из этого получиться если разработчиков станет двое или трое? Да и если не окажется - пофиг - сам справлюсь. Нет шансов на успех только в одном случае, если вообще ничего не делать. Да и разрабатываться я начал изначально на западный язык зная наш то менталитет. Как только реализую все что запланировал и слегка отрефакторю API - сделаю пару пиар вбросов на западных ресурсах. Того глядишь поплывет. Да и мне пока надо парочку сайтов сделать продакшн чтобы все конкретно взвесить и доработать. Как-то так. А то что говорят что все это фигня - я уже давно привык ))))

А зачем они нужны? jQuery с тем же функционалом что я уже реализовал в 50кб потащит больше 1 мегабайта кода. Я просто давно об этом думал. Щас еще рутер запилю и будет не нужен мне ни ангуляр ни реакт. Просто захотелось уйти от этих людей ибо у них слишком много методик и геморроя. > Ну или хотя бы не вращайте дом и не увеличивайте так телефон) жесть какая то... Спасибо. С цветами все в порядке? Как лучше сделать все квадратное и беспантовое как Windows 10 или оставить кругляшки? Брать где нибудь не покатит. Уже pro домен заказан.

Вопрос не имеет смысла. Это одно и то же. Просто запись = {} короче сама по себе, тем более new создает экземпляр обьекта, а не просто объект.

margin: 0 20px

ну вот сделайте bottom такой какой нужно и padding не забудьте отрегулировать

скорее .left { position: relative; padding-bottom: .menu-cat-height }; .menu-cat { position: absolute; bottom: 0 }

Улыбнуло

Лучше бы помогли разрабатывать online-версию статистики на PHP. Вот, накодил на чисто backend без скриптов JS сам лично, так как не устраивала метрика. Для вашей задачи осталось сделать парсилку отчетов под OS, но зачем?

Нужно сделать сайт на WP, который будет представлять из себя коллекцию презентаций(каталог), у которых есть поля Автор. Поля автор должны представлять из себя кастомные поля для презентаций и при клике по ним выводить презентации конкретного автора. На сайте так же должен быть реализован поиск по автору и каким-то дополнительным полям. Какими плагинами можно реализовать данный функционал?

сделать обработчик на JS для элемента span data-href="http://" например

Сделали проект на SVG, но в браузерах Internet Exploer и Safari параметр background-position обрабатывается совершенно иначе нежели в Chrome, что привело к появлению костылей для IE. Первый вопрос: кто нибудь сталкивался с корректными кроссбраузерными решениями вопроса background-position при применении в качестве фона SVG. Может надо графику как-то по другому сохранять? Второй вопрос: а Safari для Windows уже сдохла и больше не обновляется? Если да, то мутор под нее отменяется и достаточно обойтись только подгонкой под Safari для OS X. p.s.: кроме того фон скачет на 1px в IE, если размеры графики оказались в десятых долях пиксела при применении background-size.

И это замечательно. Что-то я пропустил этот момент.

Неудобно или очень непривычно разрабатывать. Получается ощущение сплошного говнокода, если приправить все с БЕМ и mixin'ами после лаконичного и мягкого OOCSS. Куча нагромождений и полная потеря оптимизации из-за частого синтаксиса вложенности секций заставляют подумать об производительности, хотя и комп 8 ядер i7, но ведь есть медленные Android браузеры. Не все каждый раз выкидывают старый телефон и берут новый ... Не нравится. Кто-то использует данное? Что можете сказать?

На выходе так: Особо вложенностей не осталось. А если еще вникнуть что это за модуль, там 100% можно больше оптимизировать все Привыкнуть не могу до сих пор

Да ладно? вот к примеру LESS: .item { &:hover { color: red; } >span { color: green }}и итоговый CSS будет такой: .item:hover {color: red;}.item > span {color: green;}Где тут лишний говнокод? И LESS и CSCC полностью поддерживает CSS синтаксис, так что можно делать вот так к примеру: .menu > li > a { >span {color: red;}}А если вам не нужна большая вложенность пишите отдельными правилами: .menu { >li { >a.link { color: red; } }}a.link { >span {color: green;}}PS собственно всё просто, сколько говнокода вы напишите какую вложенность вы сделаете так на выходе и будет Применить к разным областям input: .search-options { font-size: 12px; overflow-y: scroll; margin-bottom: 30px; width: 103%; .open .search-options-group-body { display: table !important; } .open .search-options-group-control { background: #f0eeed url("../images/search/options-arrow-bottom.png") 95% 50% no-repeat !important; } .search-options-group { .search-options-group-control { background: #f0eeed url("../images/search/options-arrow-top.png") 95% 50% no-repeat; padding: 10px 10px 20px; margin: 0 0 10px; width: 98%; border-radius: 4px; } .search-options-group-body { padding: 15px 10px 15px 20px; display: table; display: none; label { width: 100%; } } input[type="checkbox"] { opacity: 0; } input[type="checkbox"]:not(checked) + label, input[type="checkbox"]:checked + label { position: relative; font-weight: normal; width: 90%; display: block; float: left; cursor: pointer; line-height: 16px; } input[type="checkbox"] + label:before { display: block; float: left; content: ""; width: 27px; height: 27px; margin-right: 15px; background: transparent url("../images/search/check-unch.png") 0 0 no-repeat !important; } input[type="checkbox"]:checked + label:before { background: transparent url("../images/search/check-ch.png") 0 0 no-repeat !important; } } }Меня высадило. Приходится выцарапывать и делать из этого OOCSS что и требовалось доказать ибо оптимизации никакой. Получается, я с вами согласен, обычный CSS, но пишется то с учетом всей вложенности и стает дико неудобным мультиплицирование применения. p.s.: если еще &:checked написать - вообще красота будет

Это неизбежно. Генерируется много говнокода ...