Devmann - легко о программировании
101 subscribers
58 photos
5 videos
1 file
63 links
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Пример кода как красиво, удобно и понятно переключит темную/светлую тему сайта

Лампочка, это ж понятно?
только чуть js вдобавок к html/css

Пример кода по ссылке

#примеркода #html #css #js
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Готовая красивая коллекция на html/css

Что сказать, выглядит эффектно. Бери и добавляй себе на сайт, только html+css, без js

Код по ссылке

#примеркода #html #css
Еще задачка на подумать

Вопрос: Предположим, что каждый из участников конференции единожды поздоровался с каждым. Всего получилось 78 рукопожатий. Сколько было участников?

Ответ: Решение: 1 + 2 + 3 + 4 + 5 + 6 + 7 + 8 + 9 + 10 + 11 + 12 = 78
А также 13-й участник, с которым все уже поздоровались. Итого в конференции приняли участие 13 человек.


#загадка #налогику
This media is not supported in your browser
VIEW IN TELEGRAM
Готовый код для анимации формы авторизации/регистрации

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

Код по ссылке

#примеркода #html #css #js
🤯1
This media is not supported in your browser
VIEW IN TELEGRAM
Симпатичная анимация для кнопки в виде разлетающихся пузырьков.

Думаю надо брать и пробовать (html/css/js код ниже по ссылке)

Ссылка с примером кода

#примеркода #html #css #js
🤯1
Есть к вам загадка одна 🤔

Вопрос: Где впервые был обнаружен картофель?

Ответ: В земле

#загадка #налогику
😁2
This media is not supported in your browser
VIEW IN TELEGRAM
​Когда команда хвалит тебя за то, что ты поднял сайт, который сам же и уронил

#joke
This media is not supported in your browser
VIEW IN TELEGRAM
Готовый код для симпатичного эффекта на кнопку, эффект пузырьков при наведении курсора. Кнопка становится "жидкой" и меняет цвет.

Теперь ваш сайт может частично расплыться 😁

Готовы код по ссылке

#примеркода #html #css #js
Интересно, это хард или софт-скилл?

#joke
🤯1
Java для начинающих, снова бесплатно и снова на ютуб

Это — «стандартный» курс по программированию на Java. Он идеально подойдёт для полных новичков: вы, как и в большинстве других курсов, начнёте с установки Java, разберётесь с основными терминами и постепенно перейдёте к созданию собственной программы.

Таймкод
1. Введение в Java — [10:01]
2. Установка нужных программ — [14:03]
3. Типы данных — [14:53]
4. Переменные — [9:24]
5. Простые арифметические операции — [17:34]

Или ссылка на весь плейлист

#самообучение #java
👍1🤯1
This media is not supported in your browser
VIEW IN TELEGRAM
Симпотна анимация для карточек, которая показывает текст и придает картинке яркий цвет.

Поменяйте под ваш фон и очаруете уставшие взгляды ваших посетителей сайта

Делается без использования js (да и зачем он тут).

Как всегда без регистрации и смс, пример кода тут

#примеркода #html #css
👍1
Совсем небольшой курс (да даже не курс, а просто видео урок)
Научитесь работать с Node.js, Express и MongoDB в процессе создания несложного To-Do List.

Здесь вы узнаете про настройку БД, её подключение к Node, создание и настройку роутов, layout'ов и даже создание модели проекта.

Ссылка нав видео к вашим услугам

#самообучение #nodejs #express #mongodb
This media is not supported in your browser
VIEW IN TELEGRAM
На мой взгляд стильная анимация с подсветкой краев блока, которая появляется при наведении курсора. Где применять ее решайте сами, я просто оставлю ее вам.

Ссылочка тут

#примеркода #html #css
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
PM помогает команде выпустить новую фичу

#joke
😁2
Адаптивная верстка SCSS и GULP
21 век на дворе, адаптивные сайты давно перестали быть роскошью и стали обязательным явлением, если у вас есть сайт и на этот сайт нужны клиенты/пользователи

Делюсь видео на котором автор рассказывает про адаптивную вёрстку, делая проект на основе макета из Figma. Также, он даёт советы новичкам и рассказывает про SCSS и GULP.
А вот и ссылочка

#самообучение #html #css #figma #scss #gulp
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Красивый эффект перемотки экрана с подвижными элементами. Во время прокрутки горы и облака смещаются не целиком, а по отдельным слоям.

Ссылка на код

#примеркода #html #css #js
Быстрый курс по React JS (очень короткий, но полезный)
React — JavaScript библиотека для создания пользовательских интерфейсов. На данный момент это — самая популярная библиотека для решения таких задач.
Из ролика вы узнаете основы для работы с React, изучите компоненты, состояния, хуки, контексты, «ленивую» загрузку и многое другое.

Ссылка на ютуб тут

#самообучение #js #react
This media is not supported in your browser
VIEW IN TELEGRAM
Интересное анимированное меню. При нажатии на центральную кнопку появляется полукруг из пунктов меню, которые как будто склеены между собой. Если навести курсор на меню, оно меняет цвет.
Делаем с любовью и совсем без js 😔

Ссылка на код тут

#примеркода #html #css
Пятница, вечер. Не будем грузиться и отгадаем загадку 😉

Вопрос: Каких камней не бывает в речке?

Ответ: В реке не бывает сухих камней.

#загадка #налогику