web development resources
1.0.0
Список фронтальных инструментов и ресурсов с открытым исходным кодом для веб-дизайнеров и разработчиков.
| Имя | Описание |
|---|---|
| W3C Стандарты | Стандарты W3C определяют открытую веб -платформу для разработки приложений, которая имеет беспрецедентный потенциал, позволяющий разработчикам создавать богатый интерактивный опыт, работающий на обширных хранилищах данных, которые доступны на любом устройстве. |
| CSSDB | Комплексный список функций CSS и их позиции в процессе получения реализации веб -стандартов. |
| MDN Web Docs | Ресурсы для разработчиков, разработчиками. |
| Google Web Developers | Создайте следующее поколение веб -опыта. |
| W3Schools | Онлайн -веб -учебники. |
| CSS-Tricks | Ежедневные статьи о CSS, HTML, JavaScript и все, что связано с веб -дизайном и разработкой. |
| Smashing Magazine | Для веб -дизайнеров и разработчиков. |
| Webglossary.info | Обширный глоссарий веб -разработки и терминов дизайна. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| HTML5 Coalerplate | Самый популярный шаблон интерфейса в Интернете. |
| Начальная загрузка | Bootstrap - самая популярная HTML, CSS и JS -структура для разработки адаптивных мобильных первых проектов в Интернете. |
| Фундамент | Самая продвинутая отзывчивая фронтальная структура в мире. |
| - | - |
| База | Твердое, отзывчивая структура HTML/CSS. |
| Basscss | Низкоуровневый CSS Toolkit. |
| Булма | Современная структура CSS, основанная на Flexbox. |
| Краткая структура | Легкая передняя структура, которая обеспечивает ряд отличных функций без раздувания. |
| Кардинал | Кардинал-это модульная «мобильная» каркас CSS, созданная с учетом производительности и масштабируемости. |
| Упрятный CSS | Передовое, CSS Micro-Framework. |
| Сок | Flexbox CSS Framework. |
| Дизайн материала Lite | Реализация компонентов дизайна материала в ванильных CSS, JS и HTML |
| Материализуйте | Современная отзывчивая фронтальная структура, основанная на дизайне материала. |
| Фотон | Самый быстрый способ построить красивые электронные приложения с использованием простых HTML и CSS. |
| Праймер CSS | Команда Github Design Systems создает и поддерживает праймер. |
| Чистый | Набор небольших, отзывчивых модулей CSS, которые вы можете использовать в каждом веб -проекте. |
| Отзывчивый | Мощная, доступная, удобная для разработчиков структура для построения адаптивных веб -сайтов. |
| Семантический интерфейс | Структура разработки, которая помогает создать красивые, отзывчивые макеты с использованием HTML для человека. |
| Скел | Легкая отзывчивая структура для www. |
| Скелет | Мертвый простой, отзывчивый шаблон. |
| Tailwind CSS | Утилита-первая структура CSS для быстрого создания пользовательских проектов. |
| Uikit | Легкая и модульная фронтальная структура для разработки быстрых и мощных веб-интерфейсов. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Onsen UI | Самый красивый и эффективный способ разработки гибридных и мобильных приложений HTML5. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Формстоун | Formstone - это коллекция передних компонентов. |
| Компоненты пользовательского интерфейса Le Wagon | - |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Начальная начала | Бесплатные темы и шаблоны начальной загрузки, чтобы начать ваш проект. |
| Html5 пустая тема WordPress | Лучшая тема WordPress WordPress HTML5, отмеченная Adobe, Smashing Mag, .net Mag. |
| Html5 up! | Отзывчивые шаблоны сайтов HTML5 и CSS3. |
| Начать начальную загрузку | Библиотека бесплатно скачать темы начальной загрузки и шаблоны. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Хэмл | HTML -абстракция языка разметки |
| Отметка | Инструмент преобразования текста в HTML для веб-авторов. |
| Стройный | Легкий шаблонный двигатель. |
| Джейд | Шаблонный двигатель узла. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| МЕНЬШЕ | Узел CSS Pre-Processor |
| SCSS / SASS | Самый зрелый, стабильный и мощный язык расширения CSS профессионального класса в мире. |
| Стилус | Выразительный, динамичный, надежный, богатый функциями препроцессор CSS. |
| Postcss | Инструмент для преобразования CSS с JavaScript. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| CoffeeScript | Небольшой язык, который собирается в JavaScript. |
| Livescript | Язык, который собирается в JavaScript. |
| Машинопись | JavaScript, который масштабируется. |
| Вавилон | Компилятор для написания JavaScript следующего поколения. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Бурбон | Простая и легкая библиотека микшина для SASS. |
| Компас | Структура авторизации CSS с открытым исходным кодом. |
| Сьюзи | Пользовательский двигатель макета для SASS. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| npm | Менеджер пакетов для JavaScript. |
| - | - |
| Браузериф | Сторона браузера require() Путь узла |
| Ворчать | JavaScript Task Runner |
| Глоток | Система потоковой сборки |
| Посылка | Плаз быстро, нулевая конфигурация веб -приложения Bundler. |
| Обрушение | Следующий поколение ES Module Bundler. |
| Webpack | Бундлер для JavaScript и друзей. |
| - | - |
| Эслинт | Найти и исправить проблемы в коде JavaScript. |
| Красивее | Краткий - это самоуверенный форматер кода. |
| Стилит | Могучий, современный линтер, который помогает вам избежать ошибок и применения соглашений в ваших стилях. |
| коммит | ? LINT COMMEST сообщений |
| Линкинатор | Супер простой на сайте гусеницы и проверка сломанной ссылки. |
| - | - |
| Browsersync | Держите несколько браузеров и устройств в синхронизации при строительстве веб -сайтов. |
| http-server | Простая командная строка с нулевой конфигурацией HTTP-сервер. |
| служить | Статическая подача файлов и список каталогов. |
| Server.js | Простой и мощный сервер для node.js |
| - | - |
| Сторож | Эффективная обертка вокруг node.js fs.watch / fs.watchfile / fsevents. |
| Nodemon | Следите за любыми изменениями в вашем приложении Node.js и автоматически перезапустите сервер - идеально подходит для разработки. |
| Онхандж | Используйте шаблоны шаровика, чтобы посмотреть наборы файлов и запустить команду, когда что -либо добавляется, изменяется или удаляется. |
| - | - |
| Одновременно | Запустите команды одновременно. Как npm run watch-js & npm run watch-less но лучше. |
| NPM-Run-All | Инструмент CLI для запуска нескольких NPM-подписчиков параллельно или последовательными. |
| Параллельная оболочка | Супер простой модуль NPM для запуска команд оболочки параллельно. |
| - | - |
| Конг | Объединить несколько файлов. |
| CPY-CLI | Копировать файлы для узла. |
| дель | Удалить файлы и каталоги с использованием глобусов. |
| выражать | Быстрая, неопинированная, минималистская веб -структура для узла. |
| узел | Это позволяет изначально компилировать файлы .scss в CSS с невероятной скоростью и автоматически через промежуточное программное обеспечение Connect. |
| NPM-проверка обновлена | Обновляет зависимости вашего пакета. |
| Purgecss | Purgecss - это инструмент для удаления неиспользованных CSS. |
| Римраф | Команда UNIX rm -rf для узла. |
| - | - |
| Bower [ амортизирован ] | Менеджер пакетов для Интернета. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| jQuery | Писать меньше, делать больше, библиотека JavaScript. |
| Modernizr | Modernizr рассказывает вам, что HTML, CSS и JavaScript может предложить браузер пользователя. |
| - | - |
| Bliss.js | Хотите использовать Vanilla JS, но найти нативные API немного громоздки? Блаженство для вас. |
| Umbrella JS | ☔ Легкая библиотека JavaScript для манипуляций с DOM и событий. |
| Zepto JS | Zepto-это минималистская библиотека JavaScript для современных браузеров с в основном совместимым с jQuery API. |
| Наличные JS | Абсурдно небольшая альтернатива JQUERY для современных браузеров. |
| Chibi JS | Крошечная микро-библиотека JavaScript |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Anchor.js | Добавьте глубокие якорные ссылки на свои документы. |
| Anime.js | Anime.js (/ˈnn.ə.meɪ/) - это легкая библиотека анимации Javascript с простым, но мощным API. Он работает со свойствами CSS, атрибутами SVG, DOM и объектами JavaScript. |
| Chart.js | Простые, чистые и увлекательные диаграммы для дизайнеров и разработчиков. |
| Chartist.js | Простые отзывчивые диаграммы. |
| (а) Darkmode.js (б) переключатель темного режима | ? Добавьте к вашему веб-сайту темный режим / ночной режим за несколько секунд |
| Velocity.js | Ускоренная анимация JavaScript. |
| FAVICO.JS | Используйте свой любимый со значками, изображениями или видео. |
| Fluidvids.js | Модуль видеоизоляции ширины (отзывчивый), 1 кб, пользовательские игроки, динамические элементы/поддержка XHR. |
| Hight.js | Hight.js - это синтаксис, написанный в JavaScript. |
| HeadRoom.js | Скрыть свой заголовок, пока он вам не понадобится. |
| Holder.js | Клиентские на стороне изображения заполнители. |
| lazysisise.js | Высокая производительность и SEO -дружелюбный ленивый погрузчик для изображений (отзывчивый и нормальный), iframes и многое другое. |
| Littlefoot.js | Littlefoot - это легкая библиотека JavaScript, которая создает исключительные сноски. |
| lunr.js | Простой полный текстовый поиск в вашем браузере. |
| Nprogress.js | Наноскопический планшний прогресс. |
| PACE.JS | Автоматическая панель выполнения веб -страницы. |
| Prism.js | Призма - это легкая, надежная, элегантная библиотека подчеркивания синтаксиса. |
| React-Burger-Menu | Отрезок на боковой панели с набором набора эффектов и стилей с использованием переходов CSS и анимации PATH SVG. |
| Отзывчивая навигация | Адаптивная навигационная плагин без библиотечных зависимостей и быстрого сенсорного экрана. |
| Slideout.js | Меню навигации по навигации с прикосновением для ваших мобильных веб -приложений. |
| SmartCrop.js | Содержание обрезки изображения. |
| Tabella.js | Отзывчивый таблица. |
| Привязка | Библиотека JavaScript для эффективного обеспечения абсолютно позиционированного элемента остается рядом с другим элементом на странице. |
| Tippy.js | Легкая библиотека подсказки для подсказки ванили JavaScript. |
| Tooltip.js | Tooltip.js - это библиотека JavaScript и CSS для создания стиля подсказки инструментов. |
| Turbolinks | Turbolinks® делает навигацию по вашему веб -приложению быстрее. |
| Набранная | Типографский препроцессор для вашего HTML, который использует Zero Client Side JavaScript. |
| Zeroclipboard.js | Простой способ скопировать текст в буфер обмена. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Формстоун - фон | Плагин JQuery для полнокадрового изображения и видео фонов. |
| Bigfoot.js | Плагин JQuery для расширения возможностей сносков. |
| bigslide.js | Крошечная плагина навигации по слайд -панели с большими мечтами. |
| Fitvids.js | Легкий, простой в использовании плагин jQuery для вставки видео ширины. |
| FullPage.js | Один страница Scroll Spects Plugin. |
| Ленивая нагрузка | Ленивая нагрузка - это задержка загрузки изображений на длинных веб -страницах. |
| Литинг | Ультра-легкий, доступный и отзывчивый плагин Lightbox, который поддерживает изображения, iframes и встроенный контент из коробки. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Терсер | ? Диаграмма JavaScript, манглер и компрессор инструментарий для ES6+ |
| Uglifyjs | Uglifyjs - это диаграмма JavaScript, минивер, компрессор и инструментарий красивого. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Animate.css | Библиотека кросс-браузера анимации CSS. |
| CSSGRAM | Крошечная (<1kb gzipped!) Библиотека для воссоздания фильтров Instagram с помощью CSS -фильтров и режимов смешивания. |
| CSS фильтровал игровую площадку | Играйте с новыми эффектами фильтра CSS3. |
| EQCSS | Спецификация для синтаксиса запросов в стиле контейнера в CSS. |
| Flex Grid | Система сетки, основанная на свойстве Flex Display. |
Освоение :nth-child | CSS3 псевдо-классы и: NTH-Child Danges. |
| Эрик Мейер CSS сброс | Эрик Мейер CSS сброс |
| Грааф | Чистое CSS GRID накладывает для проектирования. |
| Гамбургеры | Вкусные гамбургеры, анимированные CSS. |
| Мюллер -сетчатая система | Модульная сетчатая система для отзывчивых/адаптивных и не реагирующих макетов на основе компаса. |
| Нормализовать.css | Современная, готовая HTML5 альтернатива CSS Resets. |
| Rtlcss | Структура для преобразования каскадных листов каскадных стилей слева вправо (LTR) в правый на лето (RTL). |
| Тост | Безумно, беззаботная сетка CSS. |
| CSSWand | Это на самом деле просто несколько простой, чистой библиотеки анимации на основе CSS |
| Water.css | Коллекция стилей для изготовления простых сайтов |
| Изюм CSS | Утилита CSS только библиотека. |
| Спектр CSS | Стандартная реализация CSS языка проектирования спектра для внутренней и третьей стороны |
| Box-Shadows.css | Mianly на основе тени коробки |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Как работать с значками SVG | - |
| Выравнивать значки SVG, чтобы написать и попрощаться с значками шрифтов | - |
| - | - |
| Иконки начальной загрузки | Значки начальной загрузки - это SVG, поэтому они быстро и легко масштабируются и могут быть стилизованы с CSS. Пока они построены для начальной загрузки, они будут работать в любом проекте. |
| Значки лицензии Creative Commons | Загрузите значки лицензии SVG, EPS и PNG Creative Commons для использования на вашем сайте. |
| Flaticon | Самая большая база данных бесплатных значков, доступных в форматах PNG, SVG, EPS, PSD и Base 64. |
| Перо | Перо - это коллекция просто красивых значков с открытым исходным кодом. |
| Шрифт потрясающий | Знаменитый шрифт и инструментарий CSS. |
| Font-Awesome-Svg-Png | Font Awesome Split на отдельные файлы SVG и PNG разных размеров вместе с генератором на основе Node.js. |
| Fontforge | Бесплатный редактор шрифта с открытым исходным кодом, привезенный вам сообществом любителей других типов. |
| Фонтелло | Простой способ создать пользовательский шрифт значка для вашего сайта. Выберите изображения из нашей большой коллекции и сделайте пакет WebFont с одним щелчком. |
| Icomoon | Icomoon предоставляет пакет векторных значков, а также бесплатное приложение HTML5 для изготовления пользовательских шрифтов значков или спрайтов SVG. Просмотрите тысячи пиксельных идеальных значков или импортируйте свои собственные векторы. |
| Иониконы | Премиальный шрифт значка для ионной рамки. |
| Значки дизайна материала | Посмотреть все значки дизайна материала и многое другое от сообщества. |
| Большой список плоских значков и шрифтов икон от CSS-Triks | Есть много таких обзоров. Этот мой. |
| Существительное проект - значки для всего | Почти миллион курированных значков, созданных глобальным сообществом. |
| Осьтетиконы | Масштабируемый значок шрифта вручную с <3 от GitHub. |
| Идеальные значки | Самый простой способ создать независимые социальные иконки разрешения. |
| Простые значки | Бесплатные значки SVG для популярных брендов. |
| SVG-ICON | Ultimate Svg иконы, сделанная правильно. |
| Значки SVG | Готовы использовать значки SVG для Интернета. |
| Векторные значкости обзор | Бок о бок сравнение между популярными шрифтами значков. |
| Мы любим шрифты иконы | Бесплатная и значок с открытым исходным кодом для целей тестирования. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Tinyjpg | Smart Webp, JPEG и PNG Compression |
| Сжатие PNG | - |
| Сжатие JPEG | - |
| Сжатие GIF | - |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Chartspree | Сделайте диаграммы за считанные секунды. |
| Formspree | Функциональные HTML -формы для статических сайтов. |
| Гридспир | Отобразите данные электронной таблицы, как вам нравятся прямо на статическом сайте с помощью электронной таблицы Google. |
| Jotform | Строитель формы |
| WTF, формы? | Дружелюбная форма управления HTML с небольшим количеством магии CSS. Разработано для IE9+, а также для последних Chrome, Safari и Firefox. |
| Wufoo | Строитель онлайн с базой данных облачного хранения. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Аннотация API | Набор простых, но мощных API утилиты для разработчиков, таких как проверка электронной почты, генератор аватаров пользователей, сжатие изображений и многое другое. У всех API есть бесплатная версия. |
| Autodraw | Быстрый рисунок для всех. Автоотраво пары машинного обучения с рисунками от талантливых художников, чтобы помочь вам быстро нарисовать вещи. |
| Бинарный переводчик | Бесплатный бинарный переводчик кода, перевести бинарный код в текст. |
| База16 | Архитектура для построения тем на основе тщательно выбранного синтаксиса, выделяющего основание из шестнадцати цветов. |
| Начальная шпаргалка 5 | Интерактивный список начальных классов, переменных и микшинов. |
| Colors.css | Лучшие цвета по умолчанию для Интернета. Коллекция классов кожи для более быстрого прототипирования и более красивых мест. |
| Цветные цветные коды Hex | Color-Hex дает информацию о цветах, включая цветовые модели (RGB, HSL, HSV и CMYK), триадические цвета, монохроматические цвета и аналогичные цвета, рассчитанные на цветовой странице. |
| Цветная охота | Кураторская коллекция красивых цветов, обновляется ежедневно. |
| Генератор CSS3 | CSS3 классика |
| CSSMATIC | Конечные инструменты CSS для веб -дизайнеров. |
| Draw.io | Draw.io - это бесплатное программное обеспечение для онлайн -диаграммы для изготовления блок -схем, диаграмм процессов, диаграмм ORG, UML, ER и сетевых диаграмм. |
| Плоские цвета | Просмотрите более 11 000 плоских цветов в более чем 2300 плоских цветовых палитре. Скопируйте их или загрузите файл .ACO для использования в Photoshop. |
| Инструменты разработки фронта Dogma Frontend | Куратор веб-инструменты для разработчиков и владельцев веб-сайтов для анализа и исследования. |
| Градиентный фон | В качестве курационного списка лучших веб -сайтов градиента по всему Интернету, градиентные фоны позволяют вам исследовать, попробуйте выбирать из сотен красивых смешанных цветовых палитров. |
| Мастер стиля: Google Maps APIS | Настройте цвета, дороги, этикетки и многое другое. Затем используйте свой собственный стиль в своем проекте Google Maps Platform. |
| Шикарные карты | Репозиторий различных стилей для карт Google, направленного на веб -дизайнеров и разработчиков. |
| Соляризованный - точные цвета для машин и людей | Solarized представляет собой шестнадцать цветовой палитру (восемь монотонов, восемь цветов акцента), предназначенная для использования с терминальными и применениями GUI. |
| Шри -хэш -генератор | Использование SRI рекомендуется в качестве лучшей практики, когда библиотеки загружаются из стороннего источника. |
| Супердомен | Проверьте доступность домена. |
| Создать латексные таблицы онлайн | Быстро создайте даже сложные латексные таблицы с онлайн -генератором - слияние ячеек поддерживается вместе с редактированием границ. |
| Uigradients | Обработанная вручную коллекцию красивых цветовых градиентов для дизайнеров и разработчиков. |
| Нельзя | Бесплатный онлайн -инструмент для Unminify (распаковка, Deobfuscate) JavaScript, CSS и HTML -код, что делает его читаемым и красивым. |
| Инструменты веб -кода | CSS3, HTML5, Microdata, открытый график и генераторы карт Twitter |
| Какое у меня разрешение экрана | Онлайн -инструмент для проверки разрешения экрана любого устройства отображения. |
| Вебградриенты | Бесплатная коллекция фоновых градиентов, которые вы можете использовать в качестве фона контента в любой части вашего сайта. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Bootstrapcdn | Рекомендуемый CDN для Bootstrap, Font Awesome и Bootswatch. |
| CDNJS | Бесплатный и с открытым исходным кодом CDN для библиотек, связанных с Интернетом, чтобы ускорить ваш сайт! |
| Coralcdn | Бесплатная и открытая сеть распределения контента, основанная на одноранговых технологиях, состоящей из всемирной сети веб-прокси и серверов имен. |
| Fontcdn | Инструмент поиска для Google Web Fonts. |
| Google шрифты | Сотни бесплатных шрифтов с открытым исходным кодом оптимизированы для Интернета. |
| Google размещенных библиотек | Стабильная, надежная, высокоскоростная, глобально доступная сеть распределения контента для самых популярных библиотек JavaScript с открытым исходным кодом. |
| Jsdelivr | БЕСПЛАТНЫЙ супербычный CDN для разработчиков и веб-мастеров. |
| Microsoft Ajax CDN | Популярные сторонние библиотеки JavaScript, такие как JQUERY, и позволяет вам легко добавить их в ваши веб -приложения. |
| Программное обеспечение с открытым исходным кодом CDN | Программное обеспечение с открытым исходным кодом CDN от maxcdn. |
| Яндекс CDN | Служба размещает библиотеки JavaScript, которые предоставляют разработчикам сайтов доступ к доставке контента Yandex (CDN) и могут обрабатывать различные JavaScript-Frameworks с открытым исходным кодом и библиотеки с серверов Yandex. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Могу я использовать | Проверьте совместимость браузера свойств CSS3 и HTML5. |
| Стоит ли префикс | Просто покажите, какие префиксы нужны для более новой собственности CSS. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Я отзывчив? | Посмотрите, как выглядит ваш сайт на рабочем столе, ноутбуке, iPad и iPhone. |
| Браузрстук | Используйте тестер устройства браузера и загрузите изображения Internet Explorer для вашей виртуальной машины. |
| DevicePonsive | Покажите быстрый предварительный просмотр отзывчиков вашего сайта на различные разрешения устройств, такие как MacBook, iPad или iPhone. Поделитесь этим предварительным просмотром с вашим клиентом. |
| Ответственно приложение | Обязательный Devtool для веб-разработчиков для более быстрого адаптивного веб-разработки. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Google PageSpeed Инструменты | Инструменты PageSpeed анализируют и оптимизируют ваш сайт после лучших веб -практик. |
| WebPageTest | Запустите бесплатный тест на скорость веб -сайта из нескольких мест по всему миру, используя реальные браузеры и на реальных скоростях подключения потребителей. |
| Тест на скорость веб -сайта | Используйте этот бесплатный тест на скорость скорости веб -сайта, чтобы проанализировать скорость нагрузки ваших веб -сайтов, и узнайте, как сделать их быстрее. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Jsonplaceholder | Fake Online REST API для тестирования и прототипирования |
| Лорем Ипсум | Lorem Ipsum - это просто фиктивный текст индустрии печати и набора сети. |
| Lorempixel | Изображения заполнителей для каждого случая. |
| Заполните. Это | Быстрая и простая служба заполнителей изображения. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Промежуточный | Лучший, чтобы отказаться от вашего проекта в любом контексте устройства. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Генератор Favicon | Онлайн -генератор Favicon. Серьезно. |
| Создайте мой закрепленный сайт | Онлайн -инструмент для создания пользовательской плитки для экрана Windows для вашего сайта менее чем за минуту. |
| Улучшения закрепленных сайтов в Windows / Создание пользовательских плиток для веб -сайтов IE11 | Настройка живых плиток и уведомлений для Windows |
| Настройка веб -приложений для Apple | Концептуальная информация и методы создания эффективного веб -контента для Safari и Webkit с использованием HTML и CSS. |
| Установленные веб -приложения с манифестом веб -приложения в Chrome для формата файлов Android / Manifest | Используйте Manifest Web App, чтобы контролировать, как запускается ваше веб -приложение. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Codemyui | Удовлетворенные фрагменты кода, которые вы можете использовать в своих веб -проектах. Найдите вдохновение веб -дизайна с помощью образцов кода. |
| Кодихаус | Бесплатная библиотека HTML, CSS, JS Nuggets. |
| Codrops | Codrops - это блог веб -дизайна и разработки, который публикует статьи и учебные пособия о последних веб -тенденциях, методах и новых возможностях. |
| Переезд в HTTPS | С легкостью мигрируйте с HTTP на HTTPS. |
| Навнав | Тонна CSS, JQUERY и JavaScript, адаптивные навигационные примеры, демонстрации и учебные пособия со всего Интернета. |
| Papersizes.io - лучший ресурс для размеров бумаги | Простой, бесплатный ресурс для поиска международных стандартов для размеров бумаги в метрике и имперском языке. |
| PDF Candy | Редактировать файлы PDF с PDF Candy - бесплатный онлайн -редактор PDF. Преобразовать PDF в Word, PDF в JPG, слияние PDF, разделение PDF, сжатие PDF и т. Д. |
| Скотч | Блог веб -разработки, в котором обсуждаются все вещи программирование, разработку, веб -сайт и жизнь. |
| Smashing Magazine | Онлайн -журнал для профессиональных веб -дизайнеров и разработчиков с акцентом на полезные методы, лучшие практики и ценные ресурсы. |
| W3Schools онлайн | Крупнейший в мире сайт веб -разработчика. |
↥ Вернуться к вершине
| Имя |
|---|
| Mozilla Web Docs |
| CSS Dev Docs |
| Индекс свойств CSS |
| Ссылка на CSS |
| Ссылка на CSS - Codrops |
| Макет : |
| Flexbox - CSS -трюки |
| CSS GRID - CSS -трюки |
| CSS Flexbox Playground от Gabi |
| Flexbox лягушка |
| CSS GRID GARDE |
| Анимация CSS : |
| Использование CSS Animation - MDN |
| Анимация - трюки CSS |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Безопасные шрифты браузера | Общие шрифты для всех версий эквивалентов Windows & Mac. |
| CSS -шрифт стек | Полная коллекция стеков шрифтов CSS Safe CSS. |
| CSS наброски свойства - набросок: нет и обстановка: 0 | Свойство CSS наброски является требованием доступности, но часто злоупотребляет многими веб -дизайнерами, почему они это делают? |
| Ссылка на селектор CSS | В CSS селекторы - это шаблоны, используемые для выбора элементов, которые вы хотите стилизовать. |
| Специфика CSS | Специфика CSS. Специфика CSS назначает числовое представление селектора для сравнения в случае, если существуют конфликты в стиле. Веб -плакат отображает специфичность CSS со значками из фильма «Сияющий» Стэнли Кубрика. |
| Сетка по примеру | Все, что вам нужно, чтобы выучить сетку CSS. |
| Grid Garden | Игра для обучения CSS GRID. |
| Сетка | Узнайте сетку CSS! |
| Хеш -ссылки, которые не дают головокружение окна браузера | CSS-Tricks Post от Криса Койера. |
| Изучите сетку CSS | Руководство по обучению CSS GRID. |
| Изучите сетку CSS | Много фантастических ресурсов Джен Симмонс. |
| Узнайте компоновку CSS | Этот сайт учит основы CSS, которые используются в макете любого веб -сайта. |
| Переоценивая цвет выбора текста по умолчанию CSS | CSS-Tricks Post от Криса Койера. |
| Умная ссылка подчеркивается для каждого веб -сайта | Пост Адама Шварца. |
| Что такое цвет фона браузера по умолчанию при выборе текста? | Ответ на переполнение стека |
| Почему я перешел с меньшего количества на sass? | Пост Хьюго Жироудель. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Домашние офисные плакаты | Репозиторий домашнего офиса плакатов, охватывающих различные темы - исследования, потребности в доступе, доступность, дизайн. |
↥ Вернуться к вершине
| Имя |
|---|
| Восхищаться Интернетом |
| Оуввард |
| Бьюс |
| Лучшая галерея веб -сайтов |
| Кодепен |
| Галерея CSS |
| Победитель CSS |
| Дизайн холодильник |
| DeviantArt |
| Дриблинг |
| Любимые награды на сайте (FWA) |
| Гудуи |
| Google Design |
| HTML вдохновение |
| Вдохновение для поискового пользовательского интерфейса |
| Одна страница любовь |
| Хороший, мне нравится |
| Siiimple |
| Лучшие дизайны |
| Очень хорошие сайты |
| Вдохновение веб -дизайна |
| WebDesign - поиск Tumblr |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Изучение шкал адаптивных типов | Поиск (соответствующий, многолетний и вертикальный) ритм |
| Пара шрифтов | Пара шрифтов помогает дизайнерам соединить шрифты Google. Красивые комбинации шрифтов Google и пары. |
| Генерировать шкалы типов с помощью Stackswell | Сэкономьте время с последним выпуском Stackswell и создайте системы типов за секунды! |
| Система дизайна материала | Используйте типографику, чтобы представить свой дизайн и контент как можно четко и эффективно. |
| Модульная шкала | Рассчитайте, визуализируйте и узнайте о модульных масштабах. |
| Тип соединения | Type Connection - это игра, которая помогает вам научиться сочетать шрифты. |
| Типография для разработчиков | Это предназначено как практическое руководство для разработчиков для изучения веб -типографии. |
| Таймбейк | Что в тренде в типе |
| Шкала типа - визуальный калькулятор | Предварительный просмотр и выберите шкалу правильного типа для вашего проекта. Экспериментируйте с размером шрифта, масштабами и различными веб -обязательствами. |
| WhatFont - расширение Chrome | Самый простой способ определить шрифты на веб -страницах. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Schema.org | Совместная деятельность сообщества с миссией по созданию, поддержанию и продвижению схем для структурированных данных в Интернете, на веб -страницах, в сообщениях электронной почты и за его пределами. |
| Микроформа | Самый простой способ разметки структурированной информации в HTML. |
| Понять, как работают структурированные данные | В этой документации описываются, какие свойства требуются, рекомендуются или необязательно для структурированных данных с особым значением для поиска Google. |
| Структурированный инструмент тестирования данных от Google | Google структурированный инструмент тестирования данных. |
| PageSpeed Insights от Google | Сделайте свои веб -страницы быстро на всех устройствах. |
| JSON для связывания данных | Данные грязные и отключенные. JSON-LD организует и соединяет его, создавая лучшую сеть. |
| JSON-LD | Вики |
| Широта и долгота искатель | Широта и долгота - это единицы, которые представляют координаты в системе географической координат. Чтобы сделать поиск, используйте название места, города, штата или адреса, или нажмите местоположение на карте, чтобы найти длинные координаты LAT. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| Список систем управления программными пакетами | Это список систем управления программными пакетами, которые сначала классифицируются по формату пакета (двоичный, исходный код, гибрид), а затем с помощью семейства операционной системы. |
| Удачный | Debian на базе Linux OS Manager. |
| Мрачный | Менеджер пакетов ОС на базе Fedora. |
| Домашний | Homebrew - это система управления пакетами, которая упрощает установку программного обеспечения на операционную систему Apple MacOS и Linux. |
| Вингет | Диспетчер пакетов Windows (AKA Winget) представляет собой бесплатный диспетчер пакетов с открытым исходным кодом, предназначенный для Microsoft Windows 10. |
| Шоколад | Chocolatey-это диспетчер пакетов на уровне машины и установщик для программных пакетов, созданный для платформы Windows. |
| гонв | Goenv стремится быть максимально простым и следовать уже установленной успешной модели управления версиями Pyenv и Rbenv. |
| npm | NPM (первоначально короткий для менеджера пакетов узлов) является менеджером пакетов для языка программирования JavaScript. |
| УДОНВ | Используйте Nodenv, чтобы выбрать версию узла для вашего приложения, и гарантируйте, что ваша среда разработки соответствует производству. |
| Pyenv | Pyenv позволяет легко переключаться между несколькими версиями Python. |
| пряжа | пряжа является альтернативой NPM. |
| RVM | RVM-это инструмент командной строки, который позволяет легко устанавливать, управлять и работать с несколькими рубиновыми средами от переводчиков до наборов драгоценных камней. |
| rbenv | Используйте RBENV, чтобы выбрать версию Ruby для вашего приложения, и гарантируйте, что ваша среда разработки соответствует производству. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| NetLify | Развернуть современные статические веб -сайты с NetLify. Получите CDN, непрерывное развертывание, 1 клик HTTPS и все необходимые вам услуги. Начните бесплатно. |
| StaticGen | Верхний список статических генераторов сайтов с открытым исходным кодом. |
| Staticman | Staticman-это приложение Node.js, которое получает сгенерированный пользователем контент и загружает его в качестве файлов данных в репозиторий GitHub и/или Gitlab. |
| Gitalk | Современный компонент комментариев, основанный на выпуске GitHub и Preact. |
| высказывания | Легкий виджет комментариев, основанный на выпусках GitHub. Используйте проблемы GitHub для комментариев в блоге, страниц вики и многого другого! |
↥ Вернуться к вершине
| Имя |
|---|
| Страницы TLDR |
| tldr inbrowser.app |
| tldr-book.pdf |
| Brew Basic Commands - DevSheet |
| cheat.sh |
| Девхинты |
| Homebrew Cheatsheet |
| Ручной GitHub Cli |
| Чистовый лист Markdown |
| GitHub-Cheat-Sheet |
| creatsheet.md |
| Octonator в Твиттере: «Добавить .pibb к концу любого uRL -адреса GIST, чтобы получить только HTML -версию, подходящую для внедрения на любом другом сайте. |
↥ Вернуться к вершине
| Имя | Описание |
|---|---|
| 56 уникальных генераторов Lorem Ipsum | Попробуйте свой наполнитель текста и дизайна с этими веселыми генераторами Lorem Ipsum. |
| Абстрактное руководство по кодам статуса HTTP | Список и объяснение кодов статуса HTTP |
| Потрясающий | Куратор удивительных списков. |
| Потрясающая удивительность | Куративный список удивительно удивительной удивительности. |
| Потрясающе | Куративный список удивительных курируемых списков многих тем. |
| Bootstrap Resources by Start Bootstrap | Комплексный список начальной загрузки и связанных с ними ресурсов. |
| Bootstrap Funppets от начала Bootstrap | Кураторская библиотека Bootstrap 4 фрагментов кода, идеально подходящая для падения в ваш проект, без загрузки всей темы! |
| Дизайн предметов первой необходимости, коллекции GitHub | Эта коллекция дизайнерских библиотек является лучшей в Интернете и завершит ваш набор инструментов для разработки потрясающих продуктов. |
| Дизайн -ресурсы для разработчиков | Куративный список бесплатных ресурсов дизайна и пользовательского интерфейса для разработчиков, включая стоковые фотографии, шаблоны, фреймворки, наборы пользовательского интерфейса, онлайн -инструменты и многое другое. |
| Github - витрины с открытым исходным кодом | Просмотрите популярные репозитории на основе темы, которая вас интересует больше всего. |
| Градиентный фон | В качестве курационного списка лучших веб -сайтов градиента по всему Интернету, градиентные фоны позволяют вам исследовать, попробуйте выбирать из сотен красивых смешанных цветовых палитров. |
| Репозиторий плагинов JavaScript | Vanilla JS Инструменты для написания мощных веб -приложений без jQuery. |
| Территория JavaScript | ДЖССТ Джавазипт Каталог. |
| JavaScripting | База данных библиотек JavaScript, фреймворков и плагинов. |
| Библиотеки.io | Служба открытия с открытым исходным кодом. |
| Список кодов статуса HTTP | Список кодов состояния ответа протокола передачи гипертекста (HTTP). |
| Социальные URL -адреса | Этот проект предназначен для того, чтобы помочь вам интегрировать обмен в социальные сети в вашем коде. |
| Стоковые фотографии, которые не сосут | Список мест, где можно найти лучшие бесплатные стоковые фотографии. |
| Текстовые редакторы, коллекции GitHub | Витрина некоторых удивительно потрясающих редакторов с открытым исходным кодом. |
| Рассеянный | Аккуратный репозиторий плагинов jQuery, классифицированные по категориям. |
↥ Вернуться к вершине
