Здравствуйте, хабраюзеры и просто читающие. Сравнительно недавно задался вопросом, как применить стили к тегу select. Всем же хочется, чтобы стилизация формы соответствовала дизайну сайта, а пока что еще не все можно описать чистым CSS. В данной статье мы рассмотрим простенький пример написания своего select-списка, используя CSS и библиотеку языка JavaScript — jQuery. Думаю, особенно новичкам будет любопытен данный материал. Конечно, лучше было бы лучше написать на нативном JS, но всем известно, что строк кода было бы больше, и вряд ли он был бы понятнее.

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

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

— Это теперь называется Front-End инженер, но да, я — именно он. Я работаю с вебом в 2016. Визуализации, музыкальные плееры, летающие дроны, которые играют в футбол, все что угодно. Я только что вернулся из JsConf и ReactConf, так что я знаю новейшие технологии для создания веб-приложений.

— Круто. Мне нужно создать страницу, которая отображает последние действия со стороны пользователей, так что мне просто нужно получить данные от REST и отобразить их в какой-то фильтруемой таблице, ну и обновлять её, если что-то изменится на сервере. Я думал, может быть, использовать JQuery для извлечения и отображения данных?

— О, Мой Бог! Нет! Никто больше не использует JQuery. Ты должен попробовать React: это — 2016!
Читать дальше →

+ развернуть текст   сохранённая копия

Тэги: web, алгоритмы, атомарность, веб-сайтов, высокая, проектирование, производительность, разработка, рефакторинг, счетчик, счётчики

work-flow-Initiative секреты и лайфхаки CMS

   2016-09-29 22:57:39
Давно обещал рассказать побольше о WFI, начну из далека:

+ развернуть текст   сохранённая копия

Давно обещал рассказать побольше о WFI, начну из далека:

Постарался собрать тут все секреты и лайфхаки WFI-CMS системы управления контентом сайта http://wfi.lomasm.ru/



Быстрый поиск разделов
Достаточно написать приблизительное название раздела после адреса сайта и движок откроет релевантный раздел
Например: http://wfi.lomasm.ru/плащ

Быстрый поиск материалов
Аналогично предыдущему способу, только перед запросом необходимо поставить дополнительный символ "/" движок отобразит релевантный материал и подберет несколько похожих
Например: http://wfi.lomasm.ru//союз

Некорректные ссылки
Если перейти по неверному адресу, движок сам найдет искомый материал и заменит URL в строке браузера на верный без лишних переходов
Например: http://wfi.lomasm.ru/русский.work-flow-initiative/work-flow-initiative_секреты_и_лайфхаки
(из адреса статьи вырезана фраза "_cms")

Авторизация
Доступо 3 способа авторизации
При помощи локальной учетной записи при помощи логина и пароля
При помощи социальных сетей через виджет авторизации
И через инструмент social_apps авторизации через twitter

Объединение учетных записей
К одному локальному профилю можно привязать множество профилей социальных сетей, после авторизации через них будет использоваться локальный профиль.
Делается через настройки профиля

Материалы, альбомы изображений, блоги и комментарии
На сайте можно оставлять комментарии, создавать собственные материалы.
В некоторые разделы их могут отправлять незарегистрированные пользователи в некоторые только те кто авторизован на сайте.
Зарегистрированные пользователи могут создавать собственные галереи и альбомы изображений коллекционирование а так же вести блог в разделе Блоги.

Календарь \ список приуроченных дат
Некоторые материалы сайта относятся к конкретным датам, такие материалы содержат в описании ссылку на список статей посвященных той же дате и сслыку на календарь в котором перечислены материалы относящиеся к тому же году.
Список всех материалов приуроченных к определенным датам можно посмотреть в Календаре приуроченных дат в виде удобного календаря разделенного по годам.

Тэги: lomasm, wfi, обзор, софт, яву

Canvas Gauges 2.0

   2016-09-25 13:06:44
+ развернуть текст   сохранённая копия

Приветствую! В сегодняшнем посте хочу рассказать вам об обновлении своей библиотеки измерительных приборов до версии 2 и обо всех тех изменениях, которые теперь доступны публике.

Как и раньше, библиотека OpenSource и распространяется по лицензии MIT, так что берите, используйте и, вообще, далайте что хотите без каких-либо ограничений.

Читать дальше →

Тэги: canvas, gauge, gauges, html, html5, javascript, library, linear, open, radial, source, web-components, веб-сайтов, разработка

Страницы: ... 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 ...