ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Bootstrap & MVC 3. Как начать работу?
7 сообщений из 32, страница 2 из 2
  2  все
Bootstrap & MVC 3. Как начать работу?
    #39249215
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
MonochromatiqueВ XAML-е он будет не лучше. Но у XAML есть Blend. В CSS такое фигачат вручную?

То, что ты показываешь, руками не пишут. Это генерируется.

Сравни:

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
.m_button {
  display: inline-block;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid #018dc4;
  border-radius: 3px;
  font: normal 16px/normal; /* Arial, Helvetica, sans-serif; -- БРЕД */
  color: rgba(255,255,255,0.9);
  text-overflow: clip;
  background: linear-gradient(180deg, rgba(184,225,252,1) 0, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%);
  background-position: 50% 50%;
  background-origin: padding-box;
  background-clip: border-box;
  background-size: auto auto;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: 0 0 5px rgba(15,73,168,1) ;
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}



А если разделить это на блок-модификатор, то получится вообще легко:

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
.m-btn {
  display: inline-block;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid #018dc4;
  border-radius: 3px;
  font: normal 16px/normal; /* Arial, Helvetica, sans-serif; -- БРЕД */
  color: rgba(255,255,255,0.9);
  text-overflow: clip;
  text-shadow: 0 0 5px rgba(15,73,168,1) ;
}

.m-btn-grd {
  background: linear-gradient(180deg, rgba(184,225,252,1) 0, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%);
  background-position: 50% 50%;
  background-origin: padding-box;
  background-clip: border-box;
  background-size: auto auto;
}

.m-btn-live {
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}



А теперь в LESS

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
.m-btn {
  display: inline-block;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid #018dc4;
  border-radius: 3px;
  font: normal 16px/normal; /* Arial, Helvetica, sans-serif; -- БРЕД */
  color: rgba(255,255,255,0.9);
  text-overflow: clip;
  text-shadow: 0 0 5px rgba(15,73,168,1) ;


  &-grd {
    background: linear-gradient(180deg, rgba(184,225,252,1) 0, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%);
    background-position: 50% 50%;
    background-origin: padding-box;
    background-clip: border-box;
    background-size: auto auto;
  }

  &-live {
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  }
}



Можно написать параметризованных миксинов и комбинировать стили, потом пускать через препроцессоры, чтобы они нагенерили CSS-а, который будет работать во всех браузерах со всеми префиксами и хаками.

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

Вставай на светлую сторону, брось ты эти погремушки для малышек.
...
Рейтинг: 0 / 0
02.06.2016, 15:26
| Ответить | Цитировать | Написать  
Bootstrap & MVC 3. Как начать работу?
    #39249223
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
MonochromatiqueПоделись pipeline-ом "по уму". Как _разрабатывать_ фронтенд без строчки кода.

1С/Vaadin/Lightswitch/XAF? - ты же не про это?

Нет, не про это. Для изготовления дизайна применяют инструменты, где код не нужен :)
А ещё до его изготовления должен предшествовать процесс выработки требуемого решения.
...
Рейтинг: 0 / 0
02.06.2016, 15:34
| Ответить | Цитировать | Написать  
Bootstrap & MVC 3. Как начать работу?
    #39249419
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
авторНет, не про это. Для изготовления дизайна применяют инструменты, где код не нужен

Ты не сказал дизайна . Ты сказал фронтенда .
...
Рейтинг: 0 / 0
02.06.2016, 17:41
| Ответить | Цитировать | Написать  
Bootstrap & MVC 3. Как начать работу?
    #39249497
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
MonochromatiqueТы не сказал дизайна . Ты сказал фронтенда .

Ну так а я и говорю, что 80% реализации фронтенда составляет реализация правильного дизайна. Написать свои CSS и JS — это маленькая часть работы на самом деле. Тем более, если у тебя наработки есть. То, что может предложить BS и SUI во-первых не тянет даже на наработки, во-вторых предоставленный дизайн не представляется возможным реализовать с помощью доступных CSS-фреймворков, потому что он другой. И нафиг мне упали твои мультиселекты из SUI, если в предоставленных дизайнах они вообще другие и работают совершенно иначе? Зачем мне это всё добро, которым нельзя воспользоваться? А чистый CSS даёт возможность реализовать любую задумку.

Вот и задумайся, чисто гипотетически, кому ты нужен со знаниями SUI? Вопрос риторический :)
...
Рейтинг: 0 / 0
02.06.2016, 19:25
| Ответить | Цитировать | Написать  
Bootstrap & MVC 3. Как начать работу?
    #39249595
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
hVostt Написать свои CSS и JS — это маленькая часть работы на самом деле.

hVostt , выдыхай.
...
Рейтинг: 0 / 0
02.06.2016, 22:30
| Ответить | Цитировать | Написать  
Bootstrap & MVC 3. Как начать работу?
    #39249607
JVF
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JVF
Участник
не понимаю, зачем обсуждать BS и SUI, когда GM (Google Material) на дворе?
...
Рейтинг: 0 / 0
02.06.2016, 22:59
| Ответить | Цитировать | Написать  
Bootstrap & MVC 3. Как начать работу?
    #39249913
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
JVFне понимаю, зачем обсуждать BS и SUI, когда GM (Google Material) на дворе?

Разметка - тот же треш что и у BS. Мне показалось, что там маловато контролов.
...
Рейтинг: 0 / 0
03.06.2016, 11:18
| Ответить | Цитировать | Написать  
7 сообщений из 32, страница 2 из 2
  2  все
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Bootstrap & MVC 3. Как начать работу?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]