Как верстают сайты?

User avatar
BronenosezPotemkin
Уже с Приветом
Posts: 3001
Joined: 28 Feb 2013 03:18
Location: NY

Re: Как верстают сайты?

Post by BronenosezPotemkin »

Кстати, на самом деле, уже несколько поднадоело видеть все эти сайты как под копирку. Бывает, заходишь на знакомый сайт и опа - и его бустрапнули. :sadcry: Но писать удобно, да.
OtherSide
Уже с Приветом
Posts: 15759
Joined: 01 Mar 2008 15:14

Re: Как верстают сайты?

Post by OtherSide »

BronenosezPotemkin wrote:Кстати, на самом деле, уже несколько поднадоело видеть все эти сайты как под копирку. Бывает, заходишь на знакомый сайт и опа - и его бустрапнули. :sadcry: Но писать удобно, да.
Туториалы подскажите.
User avatar
BronenosezPotemkin
Уже с Приветом
Posts: 3001
Joined: 28 Feb 2013 03:18
Location: NY

Re: Как верстают сайты?

Post by BronenosezPotemkin »

OtherSide wrote: Туториалы подскажите.
Да там прямо на сайте бутстрапа (http://getbootstrap.com/" onclick="window.open(this.href);return false;) все довольно подробно объяснено, с примерами. Прямо можно идти по порядку: Getting started -> Css -> Components ->JavaScript .
Ну вот тут ещё довольно подробно:
http://www.tutorialspoint.com/bootstrap/" onclick="window.open(this.href);return false;
Тут коротенько:
https://www.codeofaninja.com/2014/05/bo ... -step.html" onclick="window.open(this.href);return false;
https://www.toptal.com/front-end/what-i ... hy-and-how" onclick="window.open(this.href);return false;

Вот ещё список готовых плагинов, которые добрые люди написали и выложили:
http://bootsnipp.com/resources" onclick="window.open(this.href);return false;
Mmodel
Уже с Приветом
Posts: 8192
Joined: 27 Mar 2016 23:56

Re: Как верстают сайты?

Post by Mmodel »

Мне чтото захотелось спросить про http://www.getresponse.com/" onclick="window.open(this.href);return false;, надеюсь буду по теме.
Я сам всегда писал сам, а сегодня зашёл, зарегистрировался, попробовал и мне он "взорвал мозг", хотя может и я отстаю от других в этом деле так сам не верстальшик. Но думал всегда что это всё дороже стоит делать, а тут просто можно накидать.
Так на сколько там это всё дело можно накидать? И где тут тупик делая это? Или скоро (или уже) любой сможет просто пригенерировать. Ну хотя тема не новая, но знаете както пугает
User avatar
АццкоМото
Уже с Приветом
Posts: 15242
Joined: 01 Mar 2007 05:18
Location: VVO->ORD->DFW->SFO->DFW->PDX

Re: Как верстают сайты?

Post by АццкоМото »

Mmodel wrote: Так на сколько там это всё дело можно накидать?
На 37!
Мат на форуме запрещен, блдж!
Mmodel
Уже с Приветом
Posts: 8192
Joined: 27 Mar 2016 23:56

Re: Как верстают сайты?

Post by Mmodel »

АццкоМото wrote:
Mmodel wrote: Так на сколько там это всё дело можно накидать?
На 37!
это градусов?
User avatar
АццкоМото
Уже с Приветом
Posts: 15242
Joined: 01 Mar 2007 05:18
Location: VVO->ORD->DFW->SFO->DFW->PDX

Re: Как верстают сайты?

Post by АццкоМото »

Mmodel wrote:
АццкоМото wrote:
Mmodel wrote: Так на сколько там это всё дело можно накидать?
На 37!
это градусов?
это палок!
Мат на форуме запрещен, блдж!
OtherSide
Уже с Приветом
Posts: 15759
Joined: 01 Mar 2008 15:14

Re: Как верстают сайты?

Post by OtherSide »

BronenosezPotemkin wrote:
OtherSide wrote: Туториалы подскажите.
Да там прямо на сайте бутстрапа (http://getbootstrap.com/" onclick="window.open(this.href);return false;) все довольно подробно объяснено, с примерами. Прямо можно идти по порядку: Getting started -> Css -> Components ->JavaScript .
Ну вот тут ещё довольно подробно:
http://www.tutorialspoint.com/bootstrap/" onclick="window.open(this.href);return false;
Тут коротенько:
https://www.codeofaninja.com/2014/05/bo ... -step.html" onclick="window.open(this.href);return false;
https://www.toptal.com/front-end/what-i ... hy-and-how" onclick="window.open(this.href);return false;

Вот ещё список готовых плагинов, которые добрые люди написали и выложили:
http://bootsnipp.com/resources" onclick="window.open(this.href);return false;

Спасибо! А нельзя ли ссылки чисто на бутстраповские фишечки?
Я давно, уже год назад, мельком присматривался к бутстрепу, но по ходу все ссылки вели к кендо в той сфере что мне надо - мобильное приложение, гриды и чарты. В бутстрепе оно выглядело хуже. Но и сейчас пролистываю туториалы, и того что мне надо найти не могу - а именно готовых решений для автоматизации layout, прикольных менюшек и новомодных пролистываемых сайтом с паралаксом. Вроде все это в бутстраповских сайтах есть, но туториалы найти не могу (
User avatar
BronenosezPotemkin
Уже с Приветом
Posts: 3001
Joined: 28 Feb 2013 03:18
Location: NY

Re: Как верстают сайты?

Post by BronenosezPotemkin »

OtherSide wrote:
Спасибо! А нельзя ли ссылки чисто на бутстраповские фишечки?
Я давно, уже год назад, мельком присматривался к бутстрепу, но по ходу все ссылки вели к кендо в той сфере что мне надо - мобильное приложение, гриды и чарты. В бутстрепе оно выглядело хуже. Но и сейчас пролистываю туториалы, и того что мне надо найти не могу - а именно готовых решений для автоматизации layout, прикольных менюшек и новомодных пролистываемых сайтом с паралаксом. Вроде все это в бутстраповских сайтах есть, но туториалы найти не могу (
Ну не знаю, как то Вы плохо ищите. Вот, например, по первому же запросу - паралакс и менюшечка, связанная с ним:
https://www.script-tutorials.com/bootst ... ax-effect/" onclick="window.open(this.href);return false;
Если Вы используете Ангуляр, на мой взгляд очень удачный грид http://ui-grid.info/" onclick="window.open(this.href);return false;, а в общем и в самом бутстрапе неплохая таблица.
Для чартов я люблю https://d3js.org/" onclick="window.open(this.href);return false; , но там придется попотеть.
Вот тут ещё посмотрите: http://www.bootstrapzero.com/templates/charts" onclick="window.open(this.href);return false;, там есть готовые темплейты с чартами и прочими фишечками, может что-нибудь подойдет для вашего сайтика. :-)
inside
Уже с Приветом
Posts: 1605
Joined: 05 May 2007 19:44

Re: Как верстают сайты?

Post by inside »

Serguei666 wrote:Смотрим на исходники. Строчка в самом начале: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> означает, что используется bootstrap.
Кхм-кхм.
Эта строчка означает лишь то, что разработчик, который ее добавил, не хочет, чтобы сайт зумировался на мобильных устройствах.
Это нигде не стандартизовано, просто джентельменское соглашение производителей браузеров.
OtherSide
Уже с Приветом
Posts: 15759
Joined: 01 Mar 2008 15:14

Re: Как верстают сайты?

Post by OtherSide »

BronenosezPotemkin wrote:
OtherSide wrote:
Спасибо! А нельзя ли ссылки чисто на бутстраповские фишечки?
Я давно, уже год назад, мельком присматривался к бутстрепу, но по ходу все ссылки вели к кендо в той сфере что мне надо - мобильное приложение, гриды и чарты. В бутстрепе оно выглядело хуже. Но и сейчас пролистываю туториалы, и того что мне надо найти не могу - а именно готовых решений для автоматизации layout, прикольных менюшек и новомодных пролистываемых сайтом с паралаксом. Вроде все это в бутстраповских сайтах есть, но туториалы найти не могу (
Ну не знаю, как то Вы плохо ищите. Вот, например, по первому же запросу - паралакс и менюшечка, связанная с ним:
https://www.script-tutorials.com/bootst ... ax-effect/" onclick="window.open(this.href);return false;
Если Вы используете Ангуляр, на мой взгляд очень удачный грид http://ui-grid.info/" onclick="window.open(this.href);return false;, а в общем и в самом бутстрапе неплохая таблица.
Для чартов я люблю https://d3js.org/" onclick="window.open(this.href);return false; , но там придется попотеть.
Вот тут ещё посмотрите: http://www.bootstrapzero.com/templates/charts" onclick="window.open(this.href);return false;, там есть готовые темплейты с чартами и прочими фишечками, может что-нибудь подойдет для вашего сайтика. :-)
Спасибо, буду разбираться!
Что касается чартов, меня кендо в этом отношении полностью устраивает. Во-первых там сразу есть биндинг, так что не нужен ангуляр, во вторых есть экзотические чарты типа treemap, которые сложно найти где-то еще
User avatar
Serguei666
Уже с Приветом
Posts: 18743
Joined: 11 Jul 2003 01:00

Re: Как верстают сайты?

Post by Serguei666 »

inside wrote:
Serguei666 wrote:Смотрим на исходники. Строчка в самом начале: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> означает, что используется bootstrap.
Кхм-кхм.
Эта строчка означает лишь то, что разработчик, который ее добавил, не хочет, чтобы сайт зумировался на мобильных устройствах.
Это нигде не стандартизовано, просто джентельменское соглашение производителей браузеров.
По-вашему, там нет bootstrap?
Если есть, то строчка, которую я привел, является достаточным индикатором.
OtherSide
Уже с Приветом
Posts: 15759
Joined: 01 Mar 2008 15:14

Re: Как верстают сайты?

Post by OtherSide »

Serguei666 wrote:
inside wrote:
Serguei666 wrote:Смотрим на исходники. Строчка в самом начале: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> означает, что используется bootstrap.
Кхм-кхм.
Эта строчка означает лишь то, что разработчик, который ее добавил, не хочет, чтобы сайт зумировался на мобильных устройствах.
Это нигде не стандартизовано, просто джентельменское соглашение производителей браузеров.
По-вашему, там нет bootstrap?
Если есть, то строчка, которую я привел, является достаточным индикатором.
Нет не является. Я тоже использую ее, но у меня нет бутстрап. Строчка достаточный индикатор, что сайт пытались верстать по мобильник
User avatar
Serguei666
Уже с Приветом
Posts: 18743
Joined: 11 Jul 2003 01:00

Re: Как верстают сайты?

Post by Serguei666 »

OtherSide wrote:
Serguei666 wrote:
inside wrote:
Serguei666 wrote:Смотрим на исходники. Строчка в самом начале: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> означает, что используется bootstrap.
Кхм-кхм.
Эта строчка означает лишь то, что разработчик, который ее добавил, не хочет, чтобы сайт зумировался на мобильных устройствах.
Это нигде не стандартизовано, просто джентельменское соглашение производителей браузеров.
По-вашему, там нет bootstrap?
Если есть, то строчка, которую я привел, является достаточным индикатором.
Нет не является. Я тоже использую ее, но у меня нет бутстрап. Строчка достаточный индикатор, что сайт пытались верстать по мобильник
Буду знать и искать по исходникам слово bootstrap, спасибо.
А как выглядит ваш не-bootstrap-овский сайт? Можно глянуть?
OtherSide
Уже с Приветом
Posts: 15759
Joined: 01 Mar 2008 15:14

Re: Как верстают сайты?

Post by OtherSide »

там была ссылка в начале темы
inside
Уже с Приветом
Posts: 1605
Joined: 05 May 2007 19:44

Re: Как верстают сайты?

Post by inside »

Serguei666 wrote:
inside wrote:
Serguei666 wrote:Смотрим на исходники. Строчка в самом начале: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> означает, что используется bootstrap.
Кхм-кхм.
Эта строчка означает лишь то, что разработчик, который ее добавил, не хочет, чтобы сайт зумировался на мобильных устройствах.
Это нигде не стандартизовано, просто джентельменское соглашение производителей браузеров.
По-вашему, там нет bootstrap?
Если есть, то строчка, которую я привел, является достаточным индикатором.
Индикатором будет являться наличие присутсвия css и/или js файлов bootstrap. Например,
<link rel="stylesheet" href=".../bootstrap.min.css">
<script src=".../js/bootstrap.min.js"></script>

И искать это проще не в исходниках, а в панели разработчика браузера - там видно, какие файлы скачиваются.
OtherSide
Уже с Приветом
Posts: 15759
Joined: 01 Mar 2008 15:14

Re: Как верстают сайты?

Post by OtherSide »

Mmodel wrote:Мне чтото захотелось спросить про http://www.getresponse.com/" onclick="window.open(this.href);return false;, надеюсь буду по теме.
Я сам всегда писал сам, а сегодня зашёл, зарегистрировался, попробовал и мне он "взорвал мозг", хотя может и я отстаю от других в этом деле так сам не верстальшик. Но думал всегда что это всё дороже стоит делать, а тут просто можно накидать.
Так на сколько там это всё дело можно накидать? И где тут тупик делая это? Или скоро (или уже) любой сможет просто пригенерировать. Ну хотя тема не новая, но знаете както пугает
Посмотрел - дерьмо бесполезное. Очередная онлайн cms генерить домашний странички, а потом платить им за хостинг.
В своих проектах нельзя использовать, потому что они выходной код пропускают через обфускатор (сложно читать и поддерживать)
Mmodel
Уже с Приветом
Posts: 8192
Joined: 27 Mar 2016 23:56

Re: Как верстают сайты?

Post by Mmodel »

OtherSide wrote:
Mmodel wrote:Мне чтото захотелось спросить про http://www.getresponse.com/" onclick="window.open(this.href);return false;, надеюсь буду по теме.
Я сам всегда писал сам, а сегодня зашёл, зарегистрировался, попробовал и мне он "взорвал мозг", хотя может и я отстаю от других в этом деле так сам не верстальшик. Но думал всегда что это всё дороже стоит делать, а тут просто можно накидать.
Так на сколько там это всё дело можно накидать? И где тут тупик делая это? Или скоро (или уже) любой сможет просто пригенерировать. Ну хотя тема не новая, но знаете както пугает
Посмотрел - дерьмо бесполезное. Очередная онлайн cms генерить домашний странички, а потом платить им за хостинг.
В своих проектах нельзя использовать, потому что они выходной код пропускают через обфускатор (сложно читать и поддерживать)
А те кто делают всякие анимации то берут чтото похожее или всёже от ручного далеко не убежишь?
User avatar
stenking
Уже с Приветом
Posts: 14407
Joined: 26 May 2006 02:39

Re: Как верстают сайты?

Post by stenking »

Mmodel wrote: А те кто делают всякие анимации то берут чтото похожее или всёже от ручного далеко не убежишь?
Всё всегда делается ручками - это же код.
Бога нет.

Return to “Работа и Карьера в IT”