Как верстают сайты?
-
- Уже с Приветом
- Posts: 3001
- Joined: 28 Feb 2013 03:18
- Location: NY
Re: Как верстают сайты?
Кстати, на самом деле, уже несколько поднадоело видеть все эти сайты как под копирку. Бывает, заходишь на знакомый сайт и опа - и его бустрапнули. Но писать удобно, да.
-
- Уже с Приветом
- Posts: 15759
- Joined: 01 Mar 2008 15:14
Re: Как верстают сайты?
Туториалы подскажите.BronenosezPotemkin wrote:Кстати, на самом деле, уже несколько поднадоело видеть все эти сайты как под копирку. Бывает, заходишь на знакомый сайт и опа - и его бустрапнули. Но писать удобно, да.
-
- Уже с Приветом
- Posts: 3001
- Joined: 28 Feb 2013 03:18
- Location: NY
Re: Как верстают сайты?
Да там прямо на сайте бутстрапа (http://getbootstrap.com/" onclick="window.open(this.href);return false;) все довольно подробно объяснено, с примерами. Прямо можно идти по порядку: Getting started -> Css -> Components ->JavaScript .OtherSide wrote: Туториалы подскажите.
Ну вот тут ещё довольно подробно:
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;
-
- Уже с Приветом
- Posts: 8192
- Joined: 27 Mar 2016 23:56
Re: Как верстают сайты?
Мне чтото захотелось спросить про http://www.getresponse.com/" onclick="window.open(this.href);return false;, надеюсь буду по теме.
Я сам всегда писал сам, а сегодня зашёл, зарегистрировался, попробовал и мне он "взорвал мозг", хотя может и я отстаю от других в этом деле так сам не верстальшик. Но думал всегда что это всё дороже стоит делать, а тут просто можно накидать.
Так на сколько там это всё дело можно накидать? И где тут тупик делая это? Или скоро (или уже) любой сможет просто пригенерировать. Ну хотя тема не новая, но знаете както пугает
Я сам всегда писал сам, а сегодня зашёл, зарегистрировался, попробовал и мне он "взорвал мозг", хотя может и я отстаю от других в этом деле так сам не верстальшик. Но думал всегда что это всё дороже стоит делать, а тут просто можно накидать.
Так на сколько там это всё дело можно накидать? И где тут тупик делая это? Или скоро (или уже) любой сможет просто пригенерировать. Ну хотя тема не новая, но знаете както пугает
-
- Уже с Приветом
- Posts: 15242
- Joined: 01 Mar 2007 05:18
- Location: VVO->ORD->DFW->SFO->DFW->PDX
Re: Как верстают сайты?
На 37!Mmodel wrote: Так на сколько там это всё дело можно накидать?
Мат на форуме запрещен, блдж!
-
- Уже с Приветом
- Posts: 8192
- Joined: 27 Mar 2016 23:56
Re: Как верстают сайты?
это градусов?АццкоМото wrote:На 37!Mmodel wrote: Так на сколько там это всё дело можно накидать?
-
- Уже с Приветом
- Posts: 15242
- Joined: 01 Mar 2007 05:18
- Location: VVO->ORD->DFW->SFO->DFW->PDX
Re: Как верстают сайты?
это палок!Mmodel wrote:это градусов?АццкоМото wrote:На 37!Mmodel wrote: Так на сколько там это всё дело можно накидать?
Мат на форуме запрещен, блдж!
-
- Уже с Приветом
- Posts: 15759
- Joined: 01 Mar 2008 15:14
Re: Как верстают сайты?
BronenosezPotemkin wrote:Да там прямо на сайте бутстрапа (http://getbootstrap.com/" onclick="window.open(this.href);return false;) все довольно подробно объяснено, с примерами. Прямо можно идти по порядку: Getting started -> Css -> Components ->JavaScript .OtherSide wrote: Туториалы подскажите.
Ну вот тут ещё довольно подробно:
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, прикольных менюшек и новомодных пролистываемых сайтом с паралаксом. Вроде все это в бутстраповских сайтах есть, но туториалы найти не могу (
-
- Уже с Приветом
- Posts: 3001
- Joined: 28 Feb 2013 03:18
- Location: NY
Re: Как верстают сайты?
Ну не знаю, как то Вы плохо ищите. Вот, например, по первому же запросу - паралакс и менюшечка, связанная с ним: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;, там есть готовые темплейты с чартами и прочими фишечками, может что-нибудь подойдет для вашего сайтика.
-
- Уже с Приветом
- Posts: 1605
- Joined: 05 May 2007 19:44
Re: Как верстают сайты?
Кхм-кхм.Serguei666 wrote:Смотрим на исходники. Строчка в самом начале: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> означает, что используется bootstrap.
Эта строчка означает лишь то, что разработчик, который ее добавил, не хочет, чтобы сайт зумировался на мобильных устройствах.
Это нигде не стандартизовано, просто джентельменское соглашение производителей браузеров.
-
- Уже с Приветом
- Posts: 15759
- Joined: 01 Mar 2008 15:14
Re: Как верстают сайты?
Спасибо, буду разбираться!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, которые сложно найти где-то еще
-
- Уже с Приветом
- Posts: 18743
- Joined: 11 Jul 2003 01:00
Re: Как верстают сайты?
По-вашему, там нет bootstrap?inside wrote:Кхм-кхм.Serguei666 wrote:Смотрим на исходники. Строчка в самом начале: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> означает, что используется bootstrap.
Эта строчка означает лишь то, что разработчик, который ее добавил, не хочет, чтобы сайт зумировался на мобильных устройствах.
Это нигде не стандартизовано, просто джентельменское соглашение производителей браузеров.
Если есть, то строчка, которую я привел, является достаточным индикатором.
-
- Уже с Приветом
- Posts: 15759
- Joined: 01 Mar 2008 15:14
Re: Как верстают сайты?
Нет не является. Я тоже использую ее, но у меня нет бутстрап. Строчка достаточный индикатор, что сайт пытались верстать по мобильникSerguei666 wrote:По-вашему, там нет bootstrap?inside wrote:Кхм-кхм.Serguei666 wrote:Смотрим на исходники. Строчка в самом начале: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> означает, что используется bootstrap.
Эта строчка означает лишь то, что разработчик, который ее добавил, не хочет, чтобы сайт зумировался на мобильных устройствах.
Это нигде не стандартизовано, просто джентельменское соглашение производителей браузеров.
Если есть, то строчка, которую я привел, является достаточным индикатором.
-
- Уже с Приветом
- Posts: 18743
- Joined: 11 Jul 2003 01:00
Re: Как верстают сайты?
Буду знать и искать по исходникам слово bootstrap, спасибо.OtherSide wrote:Нет не является. Я тоже использую ее, но у меня нет бутстрап. Строчка достаточный индикатор, что сайт пытались верстать по мобильникSerguei666 wrote:По-вашему, там нет bootstrap?inside wrote:Кхм-кхм.Serguei666 wrote:Смотрим на исходники. Строчка в самом начале: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> означает, что используется bootstrap.
Эта строчка означает лишь то, что разработчик, который ее добавил, не хочет, чтобы сайт зумировался на мобильных устройствах.
Это нигде не стандартизовано, просто джентельменское соглашение производителей браузеров.
Если есть, то строчка, которую я привел, является достаточным индикатором.
А как выглядит ваш не-bootstrap-овский сайт? Можно глянуть?
-
- Уже с Приветом
- Posts: 15759
- Joined: 01 Mar 2008 15:14
Re: Как верстают сайты?
там была ссылка в начале темы
-
- Уже с Приветом
- Posts: 1605
- Joined: 05 May 2007 19:44
Re: Как верстают сайты?
Индикатором будет являться наличие присутсвия css и/или js файлов bootstrap. Например,Serguei666 wrote:По-вашему, там нет bootstrap?inside wrote:Кхм-кхм.Serguei666 wrote:Смотрим на исходники. Строчка в самом начале: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> означает, что используется bootstrap.
Эта строчка означает лишь то, что разработчик, который ее добавил, не хочет, чтобы сайт зумировался на мобильных устройствах.
Это нигде не стандартизовано, просто джентельменское соглашение производителей браузеров.
Если есть, то строчка, которую я привел, является достаточным индикатором.
<link rel="stylesheet" href=".../bootstrap.min.css">
<script src=".../js/bootstrap.min.js"></script>
И искать это проще не в исходниках, а в панели разработчика браузера - там видно, какие файлы скачиваются.
-
- Уже с Приветом
- Posts: 15759
- Joined: 01 Mar 2008 15:14
Re: Как верстают сайты?
Посмотрел - дерьмо бесполезное. Очередная онлайн cms генерить домашний странички, а потом платить им за хостинг.Mmodel wrote:Мне чтото захотелось спросить про http://www.getresponse.com/" onclick="window.open(this.href);return false;, надеюсь буду по теме.
Я сам всегда писал сам, а сегодня зашёл, зарегистрировался, попробовал и мне он "взорвал мозг", хотя может и я отстаю от других в этом деле так сам не верстальшик. Но думал всегда что это всё дороже стоит делать, а тут просто можно накидать.
Так на сколько там это всё дело можно накидать? И где тут тупик делая это? Или скоро (или уже) любой сможет просто пригенерировать. Ну хотя тема не новая, но знаете както пугает
В своих проектах нельзя использовать, потому что они выходной код пропускают через обфускатор (сложно читать и поддерживать)
-
- Уже с Приветом
- Posts: 8192
- Joined: 27 Mar 2016 23:56
Re: Как верстают сайты?
А те кто делают всякие анимации то берут чтото похожее или всёже от ручного далеко не убежишь?OtherSide wrote:Посмотрел - дерьмо бесполезное. Очередная онлайн cms генерить домашний странички, а потом платить им за хостинг.Mmodel wrote:Мне чтото захотелось спросить про http://www.getresponse.com/" onclick="window.open(this.href);return false;, надеюсь буду по теме.
Я сам всегда писал сам, а сегодня зашёл, зарегистрировался, попробовал и мне он "взорвал мозг", хотя может и я отстаю от других в этом деле так сам не верстальшик. Но думал всегда что это всё дороже стоит делать, а тут просто можно накидать.
Так на сколько там это всё дело можно накидать? И где тут тупик делая это? Или скоро (или уже) любой сможет просто пригенерировать. Ну хотя тема не новая, но знаете както пугает
В своих проектах нельзя использовать, потому что они выходной код пропускают через обфускатор (сложно читать и поддерживать)
-
- Уже с Приветом
- Posts: 14407
- Joined: 26 May 2006 02:39
Re: Как верстают сайты?
Всё всегда делается ручками - это же код.Mmodel wrote: А те кто делают всякие анимации то берут чтото похожее или всёже от ручного далеко не убежишь?
Бога нет.