Поделитесь 20 ежедневными важными веб-сайтами для разработки веб-интерфейса

внешний интерфейс JavaScript

TNTWeb — полное название команды Tencent News Front-end. Небольшие партнеры группы практиковались и накапливали опыт работы в таких крупных областях, как веб-интерфейс, разработка NodeJS, дизайн пользовательского интерфейса и мобильные приложения.

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

Команда защищает от открытых источников строительства, с различными технологическими большими коровами, адресами команды GitHub:github.com/tnfe

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

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

Теперь давайте посмотрим на них вместе.

image.png

Сайт сообщества

1.GitHub

(github.com/)

GitHub черезGitпровестиконтроль версийпрограммное обеспечениеисходный кодУправляемая сервисная платформа.

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

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

image.png

2. Фронтенд — сосредоточьтесь на технологиях веб-разработки и совместном использовании ресурсов.

(www.yyyweb.com/)

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

image.png

3. Tade.com — портал для обучения и погружения в Интернет

(www.techbrood.com/)

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

image.png

4.CSS-Tricks

(css-tricks.com/)

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

image.png

5. Сообщество разработчиков CSDN-Professional

(www.csdn.net/)

Это всемирно известная китайская платформа обмена ИТ-технологиями, основанная в 1999 году. качество и полное содержание.

(Это оригинальный веб-сайт Xiaobian для обучения и просвещения. В конце концов, уровень английского языка Xiaobian просто так себе, позор)

image.png

6. JavaScript Fun — Code Base Collection (Front-end Workshop)

(www.javascript.fun/)

Коллекция самых популярных баз кода JavaScript, показывающая рейтинг популярности, разработчики могут легко найти последние плагины кода, инструменты и блоги.

image.png

7. Stack Overflow — Сеть вопросов и ответов для программистов

(stackoverflow.com/)

Один из самых популярных технических сайтов вопросов и ответов в глобальном мире ИТ, сообщество по устранению ошибок, называемое «100 000 почему в мире программирования».

image.png

8. Codrops — Блог о разработке веб-дизайна

(tympanus.net/codrops/)

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

image.png

9. Наггетсы

(juejin.cn/)

Nuggets — это сообщество, которое помогает разработчикам расти, Hacker News для разработчиков, Designer News для дизайнеров и Medium для менеджеров по продуктам.

image.png

2. Веб-сайт инструмента

1. Еженедельный отчет о посетителях

(he.co/Rage LF TV Q Buffer?…)

Бесплатный статистический инструмент, который собирает данные о пользователях, посещающих ваш сайт.

image.png

2. Небольшие инструменты разработки

(smalldev.tools/)

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

image.png

3. Таблица количественной оценки визуального типа

(type-scale.com/)

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

Для новичков в CSS они получат наглядный и интуитивно понятный опыт, и учиться будет не так скучно.

image.png

4.Responsively

(responsively.app/)

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

image.png

5. Метатеги

(metatags.io/)

Метатеги — это инструмент для отладки и генерации кода метатегов для любого веб-сайта. Вы можете редактировать и экспериментировать с тегами вашего контента, а затем просматривать, как ваши страницы будут выглядеть в Google, Facebook, Twitter и других сервисах!

image.png

6.ReadMe

(readme.so/)

Самый простой способ визуально создать README за считанные минуты.

image.png

7. Онлайн-инструменты

(tool.lu/)

В нем есть много интересных гаджетов, таких как отображение в один клик, генерация QR-кода, азбука Морзе, Xiehouyu, онлайн-производство favicon, преобразование цвета и т. Д. Есть также инструменты, которые могут запускать код онлайн ~

image.png

8. Библиотека векторных иконок Alibaba

(Woohoo.icon font.can/)

iconfont — библиотека векторных значков с мощными функциями и богатым содержанием значков в Китае, обеспечивающая загрузку векторных значков, онлайн-хранилище, преобразование формата и другие функции. Удобный инструмент для Alibaba Experience Team для создания, проектирования и разработки внешнего интерфейса.

(Говори тихо: Сяобянь не сопротивляется этим маленьким милым узорам)

image.png

3. Онлайн-IDE

1. CodePen

(codepen.io/)

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

image.png

2. CodeSandBox

(codesandbox.io/)

Веб-сайт CodeSandBox представляет собой «песочницу» онлайн-среды разработки.Основные фреймворки, такие как React, Vue, Angular и т. д., можно использовать «из коробки», компилировать и предварительно просматривать в режиме реального времени, что очень удобно.

image.png

3. JS Bin

(Это Bin.com/?HTML, Outangpu...)

Легкий веб-сайт для онлайн-редактирования с понятным интерфейсом. Если вы хотите временно отладить простой код HTML или JS, вы можете попробовать это здесь.

image.png

Сайт конечно не очень.Найдите то, что вам нравится и подходящее для вас, а потом осваивайте и умело пользуйтесь.Время от времени вы можете размещать свои технические советы, изучающие заметки и т.д., вы можете не только пожинать технические улучшения, но и дать себе Ищете сокровище, которое можно сохранить, почему бы не сделать это.

4. Команда

TNTWeb — группа разработчиков Tencent News, TNTWeb занимается изучением передовых технологий в отрасли и улучшением личных способностей членов команды. Для фронтенд-разработчиков мы отобрали самый свежий качественный контент в области небольших программ и веб-фронтенд-технологий, еженедельное обновление ✨, приветственная звезда, адрес github:GitHub.com/TNF E/TNT-мы…

logo.png