Don't get caught by a cheater! Telemetrio finds and tags such channels 👉 If you want to see the tag, subscribe

CodeRoll | Frontend

Open in Telegram

OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги — Веб-разработка на JS, HTML, CSS, React, Vue,Angular Купить рекламу: https://telega.in/c/coderoll Чат: https://t.me/coderoll_chat По всем вопросам пишите сюда - @yankovsky_ads

Russia131 296Technologies & Applications22 118

4 009

Subscribers

-424 hours

-147 days

-5230 days

259

Post views

~ 11724 hours

~ 15848 hours

6.46%

Engagement rate

~ 1

Posts per day

Ads index

Posts Archive

\n\n2. Вывод изображения происходит таким образом\n\n\n#JavaScript","datePublished":"2020-07-27T07:08:09Z","dateModified":"2020-07-27T07:08:09Z","author":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"publisher":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3021},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":28}]}},{"@type":"ListItem","position":6,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1256373241-coderoll/posts/367","url":"https://telemetr.io/en/channels/1256373241-coderoll/posts/367","mainEntityOfPage":"https://telemetr.io/en/channels/1256373241-coderoll/posts/367","headline":"🔥 Лучшее на канале за последнюю неделю 1) Креативная реализация формы Авторизации / Регистрации. 2) Hover sli…","articleBody":"🔥 Лучшее на канале за последнюю неделю\n\n1) Креативная реализация формы Авторизации / Регистрации.\n2) Hover slider - интересная реализация слайдера.\n3) Курс по основам React в одном видео на примерах и практике от Владилена Минина.\n4) Clean CSS - очень полезный онлайн-сервис с набором инструментов для работы с HTML, CSS, JSON, JS.\n5) Octicons - это набор качественных интерфейсных иконок в формате SVG\n\nВсем успешной разработки!\n\n#Лучшее","datePublished":"2020-07-26T14:31:02Z","dateModified":"2020-07-26T14:31:02Z","author":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"publisher":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2971},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":23}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1256373241-coderoll/posts/366","url":"https://telemetr.io/en/channels/1256373241-coderoll/posts/366","mainEntityOfPage":"https://telemetr.io/en/channels/1256373241-coderoll/posts/366","headline":"HTMx - мощный инструмент, который позволяет вам получать доступ к AJAX , WebSockets и Server Sent Events напр…","articleBody":"HTMx - мощный инструмент, который позволяет вам получать доступ к AJAX , WebSockets и Server Sent Events напрямую в HTML, используя атрибуты, поэтому вы можете создавать современные пользовательские интерфейсы с простотой и мощью гипертекста\n\nРазмер htmx всего ~ 7k в min.gz'd, не зависимый, расширяемый и совместимый с IE11.\n\n#Инструменты","datePublished":"2020-07-26T07:14:32Z","dateModified":"2020-07-26T07:14:32Z","author":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"publisher":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3041},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":51}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1256373241-coderoll/posts/365","url":"https://telemetr.io/en/channels/1256373241-coderoll/posts/365","mainEntityOfPage":"https://telemetr.io/en/channels/1256373241-coderoll/posts/365","headline":"CodeRoll | Frontend","datePublished":"2020-07-25T10:15:04Z","dateModified":"2020-07-25T10:15:04Z","author":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"publisher":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2837},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1256373241-coderoll/posts/364","url":"https://telemetr.io/en/channels/1256373241-coderoll/posts/364","mainEntityOfPage":"https://telemetr.io/en/channels/1256373241-coderoll/posts/364","headline":"Выберите правильный ответ ниже. Этот и другие вопросы по разработке можно всегда обсудить в нашем чате.","articleBody":"Выберите правильный ответ ниже. Этот и другие вопросы по разработке можно всегда обсудить в нашем чате.","datePublished":"2020-07-25T10:15:01Z","dateModified":"2020-07-25T10:15:01Z","author":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"publisher":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2772},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1256373241-coderoll/posts/363","url":"https://telemetr.io/en/channels/1256373241-coderoll/posts/363","mainEntityOfPage":"https://telemetr.io/en/channels/1256373241-coderoll/posts/363","headline":"Когда то, мы рассматривали сервисы, которые помогут эффективно и удобно работать с дизайн-макетами. Хочу отме…","articleBody":"Когда то, мы рассматривали сервисы, которые помогут эффективно и удобно работать с дизайн-макетами. Хочу отметить среди этих сервисов PSDEtch.\n\nPSDETCH - это совершенно бесплатный инструмент, является альтернативой Photoshop, чтобы дизайнеры и разработчики работали более тесно и легко. Это позволяет дизайнерам больше сосредоточиться на проектировании, а разработчикам - легко извлекать информацию, необходимую из файлов проекта напрямую. Разработчики могут извлекать слои из файлов дизайна в другой формат (jpg, png, svg и т.д.), получать измерения слоев или получать информацию CSS для некоторых конкретных слоев.\n\n#Инструменты","datePublished":"2020-07-25T07:14:50Z","dateModified":"2020-07-25T07:14:50Z","author":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"publisher":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3000},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":61}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1256373241-coderoll/posts/362","url":"https://telemetr.io/en/channels/1256373241-coderoll/posts/362","mainEntityOfPage":"https://telemetr.io/en/channels/1256373241-coderoll/posts/362","headline":"Nim — язык программирования со статической типизацией, поддерживающий процедурный, объектно-ориентированный,…","articleBody":"Nim — язык программирования со статической типизацией, поддерживающий процедурный, объектно-ориентированный, функциональный и обобщённый стили программирования. По утверждению разработчиков, сочетает мощь Лиспа, простоту и понятность Python и высокую производительность Си.\n\nОсновные особенности:\n- Управление памятью в Nim детерминировано и настраивается с помощью деструкторов и семантики перемещения, вдохновленных C ++ и Rust. Он хорошо подходит для встраиваемых систем реального времени.\n- Современные концепции, такие как итераторы с нулевыми издержками и оценка пользовательских функций во время компиляции приводят к чрезвычайно производительному коду.\n- Поддержка различных бэкэндов: он компилируется в C, C ++ или JavaScript, так что Nim может использоваться для всех нужд бэкэнда и внешнего интерфейса.\n- У Nim есть мощная система макросов, которая позволяет напрямую манипулировать AST, предлагая практически неограниченные возможности.","datePublished":"2020-07-24T15:10:17Z","dateModified":"2020-07-24T15:10:17Z","author":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"publisher":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2903},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":29}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1256373241-coderoll/posts/361","url":"https://telemetr.io/en/channels/1256373241-coderoll/posts/361","mainEntityOfPage":"https://telemetr.io/en/channels/1256373241-coderoll/posts/361","headline":"Prism.JS - это легкий, расширяемый синтаксический инструмент для подсветки синтаксиса кода, созданный с учето…","articleBody":"Prism.JS - это легкий, расширяемый синтаксический инструмент для подсветки синтаксиса кода, созданный с учетом современных веб-стандартов. Огромная база поддержки языков программирования. Prism используется на тысячах веб-сайтов, а так же имеет простую интеграцию с React JS.\n\n#JavaScript","datePublished":"2020-07-24T12:07:00Z","dateModified":"2020-07-24T12:07:00Z","author":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"publisher":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2895},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":29}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1256373241-coderoll/posts/360","url":"https://telemetr.io/en/channels/1256373241-coderoll/posts/360","mainEntityOfPage":"https://telemetr.io/en/channels/1256373241-coderoll/posts/360","headline":"Hover slider - интересная реализация слайдера. При наведении на заголовки меняются фоновые изображения а так…","articleBody":"Hover slider - интересная реализация слайдера. При наведении на заголовки меняются фоновые изображения а так же выводится порядковый номер текущего слайдера.\n\n#HTML #CSS #JavaScript","datePublished":"2020-07-24T06:08:24Z","dateModified":"2020-07-24T06:08:24Z","author":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"publisher":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3317},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":113}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1256373241-coderoll/posts/359","url":"https://telemetr.io/en/channels/1256373241-coderoll/posts/359","mainEntityOfPage":"https://telemetr.io/en/channels/1256373241-coderoll/posts/359","headline":"Warp SVG Online — онлайн инструмент позволяет устанавливать нужную сетку и быстро деформировать SVG файл, что…","articleBody":"Warp SVG Online — онлайн инструмент позволяет устанавливать нужную сетку и быстро деформировать SVG файл, что упрощает работу с графикой.\n\n#Инструменты","datePublished":"2020-07-23T15:13:20Z","dateModified":"2020-07-23T15:13:20Z","author":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"publisher":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3134},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":49}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1256373241-coderoll/posts/357","url":"https://telemetr.io/en/channels/1256373241-coderoll/posts/357","mainEntityOfPage":"https://telemetr.io/en/channels/1256373241-coderoll/posts/357","headline":"Clean CSS - очень полезный онлайн-сервис с набором инструментов для работы с HTML, CSS, JSON, JS. Вы сможете…","articleBody":"Clean CSS - очень полезный онлайн-сервис с набором инструментов для работы с HTML, CSS, JSON, JS. Вы сможете форматировать, минимизировать, конвертировать свой код.\n\n#Инструменты","datePublished":"2020-07-23T06:00:54Z","dateModified":"2020-07-23T06:00:54Z","author":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"publisher":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3103},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":73}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1256373241-coderoll/posts/355","url":"https://telemetr.io/en/channels/1256373241-coderoll/posts/355","mainEntityOfPage":"https://telemetr.io/en/channels/1256373241-coderoll/posts/355","headline":"Anima for Figma - крутой инструмент для экспорта вашего дизайна Figma в HTML/CSS код. Теперь работать с макет…","articleBody":"Anima for Figma - крутой инструмент для экспорта вашего дизайна Figma в HTML/CSS код. Теперь работать с макетами стало еще проще.\n\n#Инструменты","datePublished":"2020-07-22T10:48:52Z","dateModified":"2020-07-22T10:48:52Z","author":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"publisher":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3385},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":143}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1256373241-coderoll/posts/354","url":"https://telemetr.io/en/channels/1256373241-coderoll/posts/354","mainEntityOfPage":"https://telemetr.io/en/channels/1256373241-coderoll/posts/354","headline":"Курс по основам React в одном видео на примерах и практике от Владилена Минина. React — jаvascript-библиотека…","articleBody":"Курс по основам React в одном видео на примерах и практике от Владилена Минина. React — jаvascript-библиотека с открытым исходным кодом для разработки пользовательских интерфейсов. React разрабатывается и поддерживается Facebook, Instagram и сообществом отдельных разработчиков и корпораций.\n\n#Курсы","datePublished":"2020-07-22T06:30:22Z","dateModified":"2020-07-22T06:30:22Z","author":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"publisher":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3153},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":100}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1256373241-coderoll/posts/352","url":"https://telemetr.io/en/channels/1256373241-coderoll/posts/352","mainEntityOfPage":"https://telemetr.io/en/channels/1256373241-coderoll/posts/352","headline":"Креативная реализация формы Авторизации / Регистрации. При нажатии на чекбокс, меняется сторона формы. Такой…","articleBody":"Креативная реализация формы Авторизации / Регистрации. \n\nПри нажатии на чекбокс, меняется сторона формы. Такой вид анимации позволит сэкономить место на Вашем веб-проекте, а также приятно удивит ценителей качественных интерфейсов. Форма сделана на Bootstrap 4.\n\n#HTML #CSS","datePublished":"2020-07-21T11:00:31Z","dateModified":"2020-07-21T11:00:31Z","author":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"publisher":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4133},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":164}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1256373241-coderoll/posts/350","url":"https://telemetr.io/en/channels/1256373241-coderoll/posts/350","mainEntityOfPage":"https://telemetr.io/en/channels/1256373241-coderoll/posts/350","headline":"Octicons - это набор качественных интерфейсных иконок в формате SVG, созданных GitHub'ом для GitHub :) #Иконки","articleBody":"Octicons - это набор качественных интерфейсных иконок в формате SVG, созданных GitHub'ом для GitHub :)\n\n#Иконки","datePublished":"2020-07-20T17:01:20Z","dateModified":"2020-07-20T17:01:20Z","author":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"publisher":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3133},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":60}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1256373241-coderoll/posts/347","url":"https://telemetr.io/en/channels/1256373241-coderoll/posts/347","mainEntityOfPage":"https://telemetr.io/en/channels/1256373241-coderoll/posts/347","headline":"OGL - это небольшая, эффективная библиотека WebGL, предназначенная для разработчиков, которым нравятся минима…","articleBody":"OGL - это небольшая, эффективная библиотека WebGL, предназначенная для разработчиков, которым нравятся минимальные уровни абстракции и которым удобно создавать свои собственные шейдеры.\n\nНаписанный в модулях es6 с нулевыми зависимостями, API имеет много общего с ThreeJS.\n\nВ своем дизайне библиотека выполняет минимально необходимую абстракцию, поэтому разработчики должны чувствовать себя комфортно, используя ее в сочетании с собственными командами WebGL.\n\n#JavaScript","datePublished":"2020-07-20T06:00:50Z","dateModified":"2020-07-20T06:00:50Z","author":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"publisher":{"@type":"Organization","name":"CodeRoll | Frontend","url":"https://telemetr.io/en/channels/1256373241-coderoll","image":"https://img.telemetr.io/c/1n1C4x/5208891793939215177?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2887},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":20}]}}]}

4 009

Набор из более 700 качественных иконок пользовательского интерфейса, которые снабжены хорошо организованной библиотекой компонентов и имеют собственную API. Доступные форматы: css, svg, tsx, fig, xd, json, xml #Графика

4 009

Terminus — удобный кроссплатформенный терминал. Этот бесплатный терминал кажется похожим на среду разработки: он поставляется с разделенными панелями, полностью настраиваемыми сочетаниями клавиш, вкладками и поддержкой всех основных оболочек. На сайте представлен онлайн-вариант, с которым можно поиграться. #Инструменты

4 009

Angular 9 Основы. Полный Курс для начинающих. Видео-курс от Владилена Минина для начинающих. В этом курсе вы познакомитесь со всеми основными элементами, которые есть в Angular с полного нуля, узнаете как настраивать проект, будете работать с двусторонней привязкой данных и многое другое. #Курсы

4 009

WhatTheHex - онлайн помощник нейминга. Если у Вас проблемы с неймингом цвета в CSS, то данный сервис помогает с этим, достаточно ввести HEX код или выбрать цвет в палитре и скопировать необходимое имя себе в проект. #Инструменты

4 009

Consoleimg — библиотека для отображения изображений в консоли разработчика. Как подключить: 1. Перед закрывающим тегом </body> добавить библиотеку <script src="consoleimg.min.js"></script> 2. Вывод изображения происходит таким образом <script> consoleimg.load('image.jpg', {size: 320, color: '#FFFFFF'}) </script> #JavaScript

4 009

🔥 Лучшее на канале за последнюю неделю 1) Креативная реализация формы Авторизации / Регистрации. 2) Hover slider - интересная реализация слайдера. 3) Курс по основам React в одном видео на примерах и практике от Владилена Минина. 4) Clean CSS - очень полезный онлайн-сервис с набором инструментов для работы с HTML, CSS, JSON, JS. 5) Octicons - это набор качественных интерфейсных иконок в формате SVG Всем успешной разработки! #Лучшее

4 009

HTMx - мощный инструмент, который позволяет вам получать доступ к AJAX , WebSockets и Server Sent Events напрямую в HTML, используя атрибуты, поэтому вы можете создавать современные пользовательские интерфейсы с простотой и мощью гипертекста Размер htmx всего ~ 7k в min.gz'd, не зависимый, расширяемый и совместимый с IE11. #Инструменты

4 009

Ответ

Anonymous voting

4 009

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

4 009

Когда то, мы рассматривали сервисы, которые помогут эффективно и удобно работать с дизайн-макетами. Хочу отметить среди этих сервисов PSDEtch. PSDETCH - это совершенно бесплатный инструмент, является альтернативой Photoshop, чтобы дизайнеры и разработчики работали более тесно и легко. Это позволяет дизайнерам больше сосредоточиться на проектировании, а разработчикам - легко извлекать информацию, необходимую из файлов проекта напрямую. Разработчики могут извлекать слои из файлов дизайна в другой формат (jpg, png, svg и т.д.), получать измерения слоев или получать информацию CSS для некоторых конкретных слоев. #Инструменты

4 009

Nim — язык программирования со статической типизацией, поддерживающий процедурный, объектно-ориентированный, функциональный и обобщённый стили программирования. По утверждению разработчиков, сочетает мощь Лиспа, простоту и понятность Python и высокую производительность Си. Основные особенности: - Управление памятью в Nim детерминировано и настраивается с помощью деструкторов и семантики перемещения, вдохновленных C ++ и Rust. Он хорошо подходит для встраиваемых систем реального времени. - Современные концепции, такие как итераторы с нулевыми издержками и оценка пользовательских функций во время компиляции приводят к чрезвычайно производительному коду. - Поддержка различных бэкэндов: он компилируется в C, C ++ или JavaScript, так что Nim может использоваться для всех нужд бэкэнда и внешнего интерфейса. - У Nim есть мощная система макросов, которая позволяет напрямую манипулировать AST, предлагая практически неограниченные возможности.

4 009

Prism.JS - это легкий, расширяемый синтаксический инструмент для подсветки синтаксиса кода, созданный с учетом современных веб-стандартов. Огромная база поддержки языков программирования. Prism используется на тысячах веб-сайтов, а так же имеет простую интеграцию с React JS. #JavaScript

4 009

Hover slider - интересная реализация слайдера. При наведении на заголовки меняются фоновые изображения а так же выводится порядковый номер текущего слайдера. #HTML #CSS #JavaScript

4 009

Warp SVG Online — онлайн инструмент позволяет устанавливать нужную сетку и быстро деформировать SVG файл, что упрощает работу с графикой. #Инструменты

4 009

Clean CSS - очень полезный онлайн-сервис с набором инструментов для работы с HTML, CSS, JSON, JS. Вы сможете форматировать, минимизировать, конвертировать свой код. #Инструменты

4 009

Anima for Figma - крутой инструмент для экспорта вашего дизайна Figma в HTML/CSS код. Теперь работать с макетами стало еще проще. #Инструменты

4 009

Курс по основам React в одном видео на примерах и практике от Владилена Минина. React — jаvascript-библиотека с открытым исходным кодом для разработки пользовательских интерфейсов. React разрабатывается и поддерживается Facebook, Instagram и сообществом отдельных разработчиков и корпораций. #Курсы

4 009

Креативная реализация формы Авторизации / Регистрации. При нажатии на чекбокс, меняется сторона формы. Такой вид анимации позволит сэкономить место на Вашем веб-проекте, а также приятно удивит ценителей качественных интерфейсов. Форма сделана на Bootstrap 4. #HTML #CSS

4 009

Octicons - это набор качественных интерфейсных иконок в формате SVG, созданных GitHub'ом для GitHub :) #Иконки

4 009

OGL - это небольшая, эффективная библиотека WebGL, предназначенная для разработчиков, которым нравятся минимальные уровни абстракции и которым удобно создавать свои собственные шейдеры. Написанный в модулях es6 с нулевыми зависимостями, API имеет много общего с ThreeJS. В своем дизайне библиотека выполняет минимально необходимую абстракцию, поэтому разработчики должны чувствовать себя комфортно, используя ее в сочетании с собственными командами WebGL. #JavaScript