Перейти к содержимому

Фотография

Курсы web разаботка


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 53

#21
zavuch

zavuch

    ЗАВеду У Чащу )

  • В доску свой
  • 2 063 сообщений

Lexx,

такой сайт

post-561090-0-08609000-1554555086_thumb.

 

можно сделать и без ЦСС, единственное, тень шэдоу-боксом конечно лучше накладывать, чем картинками, и фон масштабировать

а так внешне стиль сайтов разработки 90х годов получился..


  • 0

#22
T-800 Danya

T-800 Danya
  • Свой человек
  • 653 сообщений

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

 

ИМХО не 90х , 2000x :)

 

 

Скрытый текст

Сообщение отредактировал T-800 Danya: 19.04.2019, 15:04:10

  • 1

#23
zavuch

zavuch

    ЗАВеду У Чащу )

  • В доску свой
  • 2 063 сообщений

Ооо какой раритет!!!  :bow:


  • 0

#24
lexx821

lexx821
  • Свой человек
  • 816 сообщений
шэдоу-боксом конечно лучше накладывать

я так и делаю

#content {
  background-color:white;
  box-shadow:0px 0px 26px 5px #0B2161;
}
 

 

 

фон масштабировать

 

я так и делаю 

 

body {
  margin:0;
  padding:0;
  font-family:sans-serif;
  background-color:#013ADF; 
  background-image:url('./bg/bg.jpg');
  background-size:cover;
}
 
#header {
  background-image:url('./bg/111_comp.jpg');
  background-size:cover;
}
 
И в меню не картинки а linear-gradient:
#menu {
  box-shadow:0px 0px 14px #013ADF; /*#999999;*/
  background: linear-gradient(#819FF7, #013ADF, #013ADF, #819FF7); 
  color:white;
}
 
#menu a.active { 
  background: linear-gradient(#FFF, #AAA, #AAA, #FFF);
  color:#013ADF; /*border:1px solid #013ADF;*/ border:0px;
}
 
 

 

стиль сайтов разработки 90х годов получился
У нас тут где я живу, все такие сайты, я специально прошёлся в гугл мэпс и посмотрел сайты всех фирм, он адаптивный, а сайт 90х не может быть адаптивным, и гугл сайту 90х дал бы мало очков моему сайту, а не 100%.
 
Адаптивный (на мобильном устройстве)
mobile02.jpg
 
На андроиде
mobile01.jpg

 

Для печати

print.jpg

 

Оценка моего сайта 100 (причём не десктопная версия, а мобильная)
result.jpg

 

 

 

разработки 90х годов получился
 

А это тоже из 90х? Там ведь тени, наверное тени это картинка, а не box-shadow !!! И кнопки наверное картинка а не linear-gradient! И полупрозрачность наверное не rgba а старый opacity, и анимация наверное на flash сделано, нет?

https://vse.kz/topic.../#entry35863388

 

Кстате я его изменил немного и добавил эффект размытости фона, наверное вы скажите что это тоже размытая картинка, нет?

lastresult.png

 

Я добавил класс blur

    .blur {
          filter:blur(5px);
    }

И изменил код javascript:

  function show_help() {
    document.getElementById('help_bg').setAttribute('class', 'show');
    setTimeout(function() { document.getElementById('content').setAttribute('class', 'blur'); }, 2000);
  }

  function hide_help() {
    document.getElementById('help_bg').setAttribute('class', 'hide');
    setTimeout(function() { document.getElementById('help_bg').setAttribute('class', 'hidden'); document.getElementById('content').setAttribute('class', ''); }, 4000);
  }

можно сделать и без ЦСС
 

Это как? Ввиде одной картинки? Хорошо уговорили сегодня или завтра постораюсь сделать без css, ввиде картинки посмотрим какую оценку даст гугл моему сайту.


Сообщение отредактировал lexx821: 20.04.2019, 19:52:10

  • 0

#25
lexx821

lexx821
  • Свой человек
  • 816 сообщений

можно сделать и без ЦСС

 

Я ошибался в себе, я оказывается нуб, который только и может делать "Hello Worldы"!

Вам большое спасибо zavuch!

Скрытый текст

 

Результат насколько высоко теперь оценивает гугл мой веб сайт, благодаря вашей инновативной идеи:

Скрытый текст
 
P.S. 
Скрытый текст

Сообщение отредактировал lexx821: 21.04.2019, 00:42:30

  • 0

#26
lexx821

lexx821
  • Свой человек
  • 816 сообщений

 

что хотели сказать-то?

 

[spoile]Может я  и ошибаюсь, но ОНИ ИМХО, возможно, хотели сказать, что ОСВОИЛИ очередной Hello World  на Joomla 1.5 по СУПЕР Видеокурсу на DVD N-дцатилетней давности на Немецком Языке ...  :)[/spoiler]

 

 

Спасибо большое вам за вашу критику!

Скрытый текст

Сообщение отредактировал lexx821: 21.04.2019, 04:05:42

  • 0

#27
lexx821

lexx821
  • Свой человек
  • 816 сообщений

Я понял в чём проблема, вся проблема вот в этом, я не понимаю это:

Скрытый текст

 

Если бы это я бы понял бы, я бы то возможно был бы классным веб-дизайнером! Почти все тэги html5, аттрибуты, css3 (правила, имена стилей, свойства и значения css),js выучил я наизусть, к jQuery я отношусь очень негативно. Вот что-то получилось, но мне не нравится мой новый дизайн:

Скрытый текст

 

P.S.:

Скрытый текст


Сообщение отредактировал lexx821: 28.04.2019, 04:15:04

  • 0

#28
zavuch

zavuch

    ЗАВеду У Чащу )

  • В доску свой
  • 2 063 сообщений

Дизайн рассудком не понять, ещё там чем-то не измерить, дизайну можно только верить ))

Хрень всё эти "правила" дизайна, тут либо есть вкус, интуиция, либо нет. Выучить дизайн имхо невозможно, натренироваться на примере чужих сайтов типа вот так надо а так не надо... мммм... нельзя  :D

 

А так - да, только картинки, только хардкор!!  :lol:

 

Я был членом W3C. Не порадовало. Скидывают тонны черновых проектов на пицьсот страниц типа "а что вы думаете о новом сценарном языке blablascript а вот образец кода: ~!@#$%^&" и надо писать комментарии развёрнутее чем "КГАМ" и всё это за просто так...


  • 0

#29
lexx821

lexx821
  • Свой человек
  • 816 сообщений

Вот решил свой шаблон веб сайта сделать open source, всё бесплатно. От меня чтобы доказать что я не нуб, и что тут HTML5 и CSS3.

 

Прикреплённый файл:

Прикрепленный файл  website.zip   14,5К   Количество загрузок: 234


  • 0

#30
lexx821

lexx821
  • Свой человек
  • 816 сообщений

Научите плиз кто-нибудь рисовать такие кривые, для веб сайтов, уж очень они красиво выглядят:

https://www.webdesig...ragon-webdesign

https://www.webdesig.../webdesign/arzt

 

Почку бы отдал бы, всем буду очень благодарен.

Может мне купить линейки в канцелярском магазине, и рисовать их спомощью моей доски?

IMG_0209-min.JPG
IMG_0207-min.JPG
IMG_0205-min.JPG

 


  • 0

#31
zavuch

zavuch

    ЗАВеду У Чащу )

  • В доску свой
  • 2 063 сообщений

В смысле это была реклама планшета? ))

 

Кривые хорошо делаются в КорелДро (имменно Дро, а не Пэинт) и во Флэш.

В Шопе я так и не умею кривые рисовать, тем более, что последниме его версии, ИМХО, сильно загромоздили ненужной хренью. 

 

Вот на планшете во флэше (в кореле и шопе мне не понравилось вообще, флэш ближе к живой кисти, перу, карандашу ИМХО)

 

gallery_12341_14531_90129.png


Сообщение отредактировал zavuch: 29.03.2020, 06:07:08

  • 0

#32
zavuch

zavuch

    ЗАВеду У Чащу )

  • В доску свой
  • 2 063 сообщений

Корел и без планшета инетресен своими кривыми.. Я не художник, но вот (а на на шкаф-купе на зеркалах вообще смотрится супер!!!! йипонцы отдыхают..)

 

Корел, без планшета... изобилие кривых!!!!! ~)~

 

gallery_12341_14531_19007.gif

 

gallery_12341_14531_15935.gif


Сообщение отредактировал zavuch: 29.03.2020, 06:21:28

  • 0

#33
lexx821

lexx821
  • Свой человек
  • 816 сообщений
Добрый вечер, спасибо за ответ, извиняюсь что так поздно отвечаю, у меня что-то настроение с этим covid совсем сильно испортилось, помимо домашней изоляции, ещё было изоляция от интернета. Нет я планшет не продаю, он не такой дорогой, и каждый может позволить себе купить. Я просто хотел вот такие линейки или трафареты купить в канцелярском магазине, там тысячу разных линеек и трафаретов, правда сейчас всё закрыто. Хотел прям на планшет ложить, и пером обводить, ещё идея есть, вырезать прям из картона всякие кривые и пером рисовать. Даже пытался как-то несколько лет назад на Visual Basic программу сделать чтобы генерировала кривые и чтобы сохраняла в jpg, но кривые не очень получаются. Кстати вот вспомнилось что когда был в дурдоме (точнее на курорте для душевнобольных, т.к. там как на курорте) мы на художественной терапии (или арт-терапии - https://ru.wikipedia...iki/Арт-терапия) рисовали мандалу https://ru.wikipedia...rg/wiki/Мандала вот я нашёл бесплатные онлайн редакторы, для создания мандалы - http://mandalamaker.online/ и https://www.staedtle...andala-creator/ можно на сайт узоры мандалы выставлять. Да кстате с Corel Draw идут какие-то диски (там в комплекте 4 диска), там помойму на одном из дисков есть векторные рисунки. Мой бывший начальник сам Web-дизайном занимался, он в Corel Draw эти рисунки использовал в веб сайтах, просто картинки чутку изменял. Я лично хотел бы для души только делать сайты, так-как конкуренция очень большая и Web-дизайнеров и верстальщиков дофига.
 
 
P.S. Мне очень сильно нравятся вот эти лейауты https://www.webdesig...piele/webdesign это прям какой-то эталон красоты, это шедевр, хочу как у них научится делать сайты. Если научится делать такие красивые веб дизайны, то можно точно зарабатывать около 720702,77тг ну или 1500€ за сайт. Мой бывший одноклассник по колледжу делает сайты, там дофига jquery плагинов чтобы сайт стал резиновым/адаптивным, вот за это берёт около 720702,77тг ну или 1500€. Такие сайты получают низкую оценку в PageSpeed https://developers.g...insights/?hl=ru и вроде слышал что сказывается на рейтинге, да и если сайт 5-10 секунд грузится, да ещё на смартфоне, то не хочется заходить на такой веб сайт. 
 
Трафареты/линейки которые я бы хотел бы купить:
s-l1600 (3).jpg
 
s-l1600 (4).jpg
 
Вот такие сайты я вот нашёл, у которых самый обычный лейаут, нет адаптивности, часть из них в архиве, просто когда я писал тут, реально у многих дизайн был отстой, примерно такие, и в принципе на западе тут много таких сайтов:
Скрытый текст

 


  • 0

#34
Doomer

Doomer
  • Гость
  • 38 сообщений

 

Добрый вечер, спасибо за ответ, извиняюсь что так поздно отвечаю, у меня что-то настроение с этим covid совсем сильно испортилось, помимо домашней изоляции, ещё было изоляция от интернета. Нет я планшет не продаю, он не такой дорогой, и каждый может позволить себе купить. Я просто хотел вот такие линейки или трафареты купить в канцелярском магазине, там тысячу разных линеек и трафаретов, правда сейчас всё закрыто. Хотел прям на планшет ложить, и пером обводить, ещё идея есть, вырезать прям из картона всякие кривые и пером рисовать. Даже пытался как-то несколько лет назад на Visual Basic программу сделать чтобы генерировала кривые и чтобы сохраняла в jpg, но кривые не очень получаются. Кстати вот вспомнилось что когда был в дурдоме (точнее на курорте для душевнобольных, т.к. там как на курорте) мы на художественной терапии (или арт-терапии - https://ru.wikipedia...iki/Арт-терапия) рисовали мандалу https://ru.wikipedia...rg/wiki/Мандала вот я нашёл бесплатные онлайн редакторы, для создания мандалы - http://mandalamaker.online/ и https://www.staedtle...andala-creator/ можно на сайт узоры мандалы выставлять. Да кстате с Corel Draw идут какие-то диски (там в комплекте 4 диска), там помойму на одном из дисков есть векторные рисунки. Мой бывший начальник сам Web-дизайном занимался, он в Corel Draw эти рисунки использовал в веб сайтах, просто картинки чутку изменял. Я лично хотел бы для души только делать сайты, так-как конкуренция очень большая и Web-дизайнеров и верстальщиков дофига.
 
 
P.S. Мне очень сильно нравятся вот эти лейауты https://www.webdesig...piele/webdesign это прям какой-то эталон красоты, это шедевр, хочу как у них научится делать сайты. Если научится делать такие красивые веб дизайны, то можно точно зарабатывать около 720702,77тг ну или 1500€ за сайт. Мой бывший одноклассник по колледжу делает сайты, там дофига jquery плагинов чтобы сайт стал резиновым/адаптивным, вот за это берёт около 720702,77тг ну или 1500€. Такие сайты получают низкую оценку в PageSpeed https://developers.g...insights/?hl=ru и вроде слышал что сказывается на рейтинге, да и если сайт 5-10 секунд грузится, да ещё на смартфоне, то не хочется заходить на такой веб сайт. 
 
Трафареты/линейки которые я бы хотел бы купить:
 
 
Вот такие сайты я вот нашёл, у которых самый обычный лейаут, нет адаптивности, часть из них в архиве, просто когда я писал тут, реально у многих дизайн был отстой, примерно такие, и в принципе на западе тут много таких сайтов:
Скрытый текст

 

Чет мне кажется, ты слишком толсто шутишь


  • -1

#35
lexx821

lexx821
  • Свой человек
  • 816 сообщений
толсто шутишь

 

А где шутки? Процитируйте плиз! Я всё правильно сказал. Можно перенести спомощью линейки, трафарета и таблета и светового пера. На счёт бывшего одноклассника, он на этом и живёт, он сайты делает и берёт от 720702,77тг, я его попросил сделать сайт, показал как должен сайт выглядеть, он мне назвал сумму, и типа как я переведу то мол потом поговорим и обсудим. И он мне сам показывал свои сайты там всё на jquery, сейчас все вставляют jquery на свои сайты. Я нет, у меня адаптивность осуществляется спомощью media query в css. Допустим:

<style>
@media screen and (min-width:640px) and (max-width:800px) {
  body { background-color:red; color:yellow; }
}

@media screen and (min-width:800px) and (max-width:1024px) {
  body { background-color:blue; color:white; }
}
</style>

И всякие эффекты, типа:

<style>
a { background-color:red; color:white; }
a:hover { background-color:blue; color:yellow; }
a:visited { background-color:yellow; color:blue; }
</style>

И тени вместо как раньше из двух div-ов делалось использую box-shadow и округлёности border-radius вместо округлёностей сделаные в фотошопе.

Он вообще все сайты делает на CMS Contao  https://ru.wikipedia.org/wiki/Contao можете тут посмотреть https://demo.contao.org/en/ так-как там слайдеры всякие, адаптивность, всякие спецэффекты, итд. Вот и стоит там дофига jqery плагинов. А вот есть без всякого jquery слайдеры на чистом css - https://corpocrat.co...ueryjavascript/ А если красивые эффекты нужны, то вот уже пользуюсь давно Animate css - https://daneden.github.io/animate.css/ он тоже без всякого Jquery. 


Сообщение отредактировал lexx821: 07.04.2020, 00:46:23

  • 0

#36
lexx821

lexx821
  • Свой человек
  • 816 сообщений

Я лично сам делал эмулятор Jquery но это было где-то примерно в 2016м. году, и то только потому, потому-что мне нравилось $(..).метод(параметры);

Моя Jqeury весит мало, и соответственно быстро загружается, и я раньше не знал про querySelector - https://developer.mo...t/querySelector сейчас можно Jquery выкинуть и использовать querySelector.

 

Вот исходники моей Jquery, я её использовал в своей соц.сети которую я сам написал:

Прикрепленный файл  axjs.zip   2,25К   Количество загрузок: 96

 

 


  • 0

#37
lexx821

lexx821
  • Свой человек
  • 816 сообщений

И ещё я хотел добавить Corel Draw примерно с начиная версии 12 добавили умную кисть. Если ею рисуешь криво, Corel Draw поправляет, и Corel Draw начиная с версии 12 может так-же распознать квадрат, треугольник, или окружность. Рисуешь криво, кисть распознаёт и рисует то что пользователь хотел нарисовать. Так что если вы пользуетесь в фотошопе или в иллюстраторе то вряд ли есть там такие возможности. Если я даже криво что-то нарисую умная кисть поправит то что нарисовал криво. Так что я ничего и никак не шучу, ни толсто, ни тонко! 

 

Вот:

Скрытый текст

Сообщение отредактировал lexx821: 07.04.2020, 02:23:26

  • 0

#38
lexx821

lexx821
  • Свой человек
  • 816 сообщений

И ещё кое-что хотел сообщить, сайт с обычными текстовками без картинок неинтересный веб сайт, на веб сайте должны быть картинки. Веб дизайнеров и верстальщиков как грибов после дождя. И им приходится друг с другом собачиться, так-как в веб дизайне большая конкуренция. 

 

P.S.

Скрытый текст


Сообщение отредактировал lexx821: 07.04.2020, 03:16:05

  • 0

#39
lexx821

lexx821
  • Свой человек
  • 816 сообщений

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

 

P.S.

Скрытый текст


  • 0

#40
Doomer

Doomer
  • Гость
  • 38 сообщений

 

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

 

P.S.

Скрытый текст

 

 

Сейчас бы джиквери в 2020 использовать. Когда DOM API настолько современен и имеет те же методы уже лет 5, которые были в джиквери


  • 0


Количество пользователей, читающих эту тему: 0

пользователей: 0, неизвестных прохожих: 0, скрытых пользователей: 0

Размещение рекламы на сайте     Предложения о сотрудничестве     Служба поддержки пользователей

© 2011-2022 vse.kz. При любом использовании материалов Форума ссылка на vse.kz обязательна.