tag:blogger.com,1999:blog-69384601210333677802024-03-13T05:44:51.568+02:00Alexander Borshakborshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.comBlogger141125tag:blogger.com,1999:blog-6938460121033367780.post-30574916614593786252018-12-31T17:00:00.000+02:002018-12-31T17:12:37.258+02:00Valid SSL certificates for free
Just not to forget - sslforfree.com is a service that allows creating SSL certificates for your domains for free. Those certificates are valid for browsers, at least for Chrome. Cool for testing purposes!
Some details:
Creating of the SSL cert require only domain validation (by uploading couple files)
Creation takes less than 3 min
The certificate is created for a period of 3 months
Theborshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-87096988351633539102018-10-28T18:06:00.000+02:002018-12-31T17:13:47.857+02:00JavaScript landscape
I've prepared an alpha version of the page for JavaScript landscape - http://borshak.com/landscape/javascript/
borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-31019069708613770342016-12-18T15:15:00.002+02:002016-12-18T15:15:23.666+02:00Visual Studio Code - better then Atom & Sublime
I'm start to use Visual Studio Code - it's better than Github Atom and Sublime Text, much faster than Atom and it's free. Has very nice autocomplete, integrated with Git and include debugger for JS code (via Node.js).
P.S. Think about switch to vim.
[on Russian] Отказался от использования Github Atom и Sublime Text, и перешел на Visual Studio Code. Это бесплатная разработка Microsoft, borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-24110930827575968662016-04-11T17:35:00.000+03:002016-04-11T17:35:21.600+03:00Отличные лекции по Python
На сайте центра Computer Science Center в открытом доступе лежат отличные лекции курса по Python. Курс охватывает множество вопросов, включая тестирование кода, оптимизацию быстродействия и многопоточность.
Уровень курса - углубленный, то есть, если сравнивать с курсом по Python, о котором упоминал ранее (от Geekbrains), то тот курс был для начинающих; а данный курс - от Computer Science Centerborshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-6975859195914661792016-03-14T13:28:00.001+02:002016-03-14T13:41:19.790+02:00Хорошие книги по Django
Сейчас есть много книг по Django - в основном, правда, англоязычных.
Но чтобы хороших, и для начинающих - таких 2.
1. Mastering Django [англ.]
Это неофициальное, 3-е издание книги Адриана Головатого и Джейкоба Каплан-Мосса, разработчиков Django. Данное (т.е. 3-е) издание книги написано уже сторонним автором, но в основе лежит превосходный материал оригинальной книги. Глава за главой borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-40623477191445696522016-02-23T23:18:00.004+02:002016-02-23T23:23:22.249+02:00Get number of NEXT sllide in Bootstrap Carousel
If we want find number of the next slide in Bootstrap carousel in handler of slide.bs.carousel event (not slid.bs.carousel, i.e. before animation start, not after) we can do it.
For do this we can use e.relatedTarget object in event handler (it'll be the next slide), than find it index in list of all slides.
The example of code below:
$('#bootstrap_carousel').on('borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-84555839464347902632016-02-19T13:33:00.003+02:002016-02-19T13:49:51.460+02:00Remove <br> tag from flow
Sometimes — on promo pages — we want to use tag <br> for neatly formatted text blocks "as in PSD" from designer. But using <br> isn't good, and on small screen of smartphone those blocks will have awkward views.
But we can use simple trick — set CSS media query with breakpoint (say, for smartphone screens), and set rule for <br> tag borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-4996225174664663242016-02-12T14:23:00.000+02:002016-02-19T13:48:33.118+02:00[Pseudo] fallback for background-blend-mode in IE
As for now IE browser don't support CSS property background-blend-mode. But in simple cases (when we use blend mode multiply for toning background images with one color) we can use multiple background images for emulate blending.
The idea of fallback is simple:
we prepare PNG image with alpha channel with color we need (with help of level of transparency in PGN we control level of final "borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-15717754094168417532016-01-25T11:30:00.002+02:002016-01-25T11:32:05.675+02:00Верстка страницы «Киберпонедельника» для сайта re:Store
Очередная работа - верстка промо-страницы для сайта компании re:Store.
Страница посвящена акции «Киберпонедельник 2016», которая проходит во многих магазинах, и длится всего один день (25 января).
Мое участие:
верстка страницы;
полюс капелька анимации;
дополнительно (по отдельному макеты) - верстка почтовой рассылки для акции.
Страница акции: http://www.re-store.ru/promo/borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-24436241782749916502016-01-21T14:42:00.001+02:002016-01-25T11:32:22.386+02:00Верстка промо-страницы для сайта re:Store
Очередная работа - верстка промо-страницы для сайта компании re:Store.
Страница посвящена шлему виртуальной реальности Fibrum и скидке при его одновременной покупке с беспроводной гарнитурой Jabra.
Мое участие:
верстка страницы;
сопровождающие скрипты.
Адрес страницы: http://www.re-store.ru/promo/fibrum/
Внешний вид:
borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-2628816752933393502016-01-19T17:48:00.000+02:002016-01-19T17:58:40.313+02:00Небольшие улучшения Sublime Text
Рассмотрим 3 небольшие, но полезные визуальные улучшения Sublime Text:
Улучшение цветовой схемы
Изменение цветов окна автодополнения
Подсветку текущего блока кода
Улучшение цветовой схемы
Вместо цветовой схемы Monokai лучше использовать ее усовершенствованную версию - Monokai Extended. Она не только приятнее выглядит, но и лучше подсвечивает синтаксис. К примеру, как можно видеть на borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-18433373644082784842016-01-19T16:41:00.000+02:002016-01-19T16:41:00.445+02:00Видеоуроки по Django
На YouTube нашелся цикл видеоуроков по фреймворку Django.
В настоящий момент - 13 видеоуроков. Для начинающих, на русском.
borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-63233122594036144322016-01-14T11:28:00.003+02:002016-01-14T11:30:00.136+02:00Сноски при верстке почтовых рассылокПри верстке email-рассылки вставить сноску (<sup> или <sub>) - та еще задача.
Приемов вроде как много, но они или плохо совместимы с почтовыми клиентами, или меняют размеры межстрочного интервала, из-за чего строка со сноской визуально выделяется из всего блока текста.
Но есть один хороший прием — сноску надо оформить кодом
<span style="font-size: 10px; line-height: 0; borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-22060734866456768322016-01-13T12:07:00.002+02:002016-01-13T12:21:02.257+02:00Книга «Python. К вершинам мастерства»
Изд-во «ДМК Пресс» перевело и издало книгу Лучано
Ромальйо «Python. К вершинам мастерства».
Книга посвящена углубленному пониманию структур данных, функций, объектов и потока выполнения — то есть полному пониманию философии Python 3.
В оригинале данная книга называется «Fluent Python»,
она была выпущена изд-вом O'Reilly в июле 2015 года.
На сайтах O'Reilly и
Amazon книга borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-21332875499365332172016-01-11T10:01:00.003+02:002016-01-11T10:02:38.733+02:00Верстка страницы для сайта сети магазинов LEGO
Новая работа - верстка страницы для сайта сети магазинов LEGO.
Страница посвящена началу продаж конструкторов серии LEGO Nexo Knights.
Мое участие:
верстка страницы;
CSS-анимация.
Адрес страницы: http://mir-kubikov.ru/nexo/
Внешний вид:
borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-42939855040966152262015-12-29T11:18:00.001+02:002015-12-29T11:18:59.510+02:00Верстка промо-страницы для сайта re:Store
Одна из прежних работ - верстка промо-страницы для сайта компании re:Store.
Страница посвящена работам творческих людей, которые периодически читают лекции в рамках проекта Академия re:Store.
Мое участие:
верстка страницы;
сопровождающие JS-скрипты (управление параллаксом и слайдерами картинок).
Адрес страницы: http://www.re-store.ru/promo/start-something-new/
Внешний вид:
borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-84340631899560202702015-12-28T21:27:00.003+02:002015-12-28T21:33:30.741+02:00CSS transiton «наоборот»
При верстке иногда надо сделать CSS-переход (transition) при отведении мышки не таким, как при наведении. То есть, при наведении мышки - один эффект, при отведении мышки другой эффект (не такой, как при наведении).
Это возможно, и для этого в псевдоклассе :hover надо прописать еще один transition. Тот, что прописан в :hover, будет иметь более высокий приоритет, и перекроет transition, borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-24401989049332655032015-12-25T16:20:00.000+02:002015-12-25T16:20:45.060+02:00Верстка промо-страницы для сайта re:Store
Очередная работа - верстка промо-страницы для сайта компании re:Store.
Страница посвящена совместной акции с Амедиатекой.
Мое участие:
верстка страницы;
анимация.
Адрес страницы: http://www.re-store.ru/promo/amediateka/
Внешний вид:
borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-44073363882557208532015-12-10T11:43:00.001+02:002015-12-10T11:45:33.025+02:00Верстка страницы для сайта сети магазинов LEGO
Очередная работа - верстка промо-страницы для сайта сети магазинов LEGO.
Мое участие:
верстка страницы;
сопровождающие JS-скрипты (подключение и адаптация плагина для имитации снега).
Кстати, снег создан с помощью плагина SnowFall - он написан на нативном JavaScript, использует для анимации CSS3, легко модифицируется, и имеет гибкие настройки.
Демо-страница плагина | плагин на GitHub.
borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-79030510734537776082015-12-09T20:41:00.001+02:002015-12-09T20:42:50.728+02:00Верстка праздничной промо-страницы для сайта re:Store
Очередная работа - верстка промо-страницы для сайта компании re:Store.
Страница посвящена скидкам на зимние праздники.
Мое участие:
верстка страницы.
Адрес страницы: http://www.re-store.ru/promo/ny-2016/
Внешний вид:
borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-4818323127204652452015-12-05T13:31:00.004+02:002015-12-05T13:33:54.413+02:00Верстка промо-страницы для сайта UNOde50
Очередная работа - верстка промо-страницы для сайта сети бутиков UNOde50.
Мое участие:
верстка страницы;
сопроводительные JS-скрипты (управление слайдерами картинок, анимация шапки, проверка формы обратной связи).
Адрес страницы: http://unode50.ru/b2b/
Внешний вид:
borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-85459775445009983562015-12-04T11:54:00.002+02:002015-12-07T17:03:50.006+02:00И все таки Sublime...
Раньше я писал, что редактор Atom удобнее, чем Notepad++.
И это, разумеется, так.
Но я все же полностью перешел на Sublime Text.
Причина - в скорости запуска и скорости работы самого редактора.
Сейчас я использую Sublime на нескольких компьютерах, включая и нетбук, с установленной Ubuntu 14.04. Atom на нем работал м-е-е-дленно, а запускался так ещё дольше.
А Sublime Text - вполне себе borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-18537708101409615912015-12-04T09:24:00.001+02:002015-12-04T09:30:15.416+02:00Верстка промо-страницы к 10-летию компании re:Store
Буду постепенно выкладывать свои работы - их много, но начинать с чего-то стоит.
Первой будет недавняя - верстка промо-страницы к 10-летию компании re:Store.
Мое участие:
верстка (по готовому макету от дизайнера);
адаптивность в пределах предоставленного макета ("резиновая верстка"), автомасштабирование фотографий в зависимости от разрешения экрана;
анимация;
вспомогательные JS-скрипты (для borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-83612223970184349312015-11-05T18:31:00.001+02:002015-11-05T18:31:23.536+02:00Интерактивный учебник по Git
По адресу http://pcottle.github.io/learnGitBranching/ находится великолепный учебник по Git. У него 2 особенности:
1. Он интерактивный, то есть для прохождения заданий вы вводите команды Git, что способствует закреплению.
2. Ветки отображаются в виде интерактивных графов, что сильно упрощает понимание.
В целом, обучение строится по такой схеме:
- вначале идет объяснение темы;
borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0tag:blogger.com,1999:blog-6938460121033367780.post-66582993761538409782015-09-09T15:31:00.002+03:002015-09-09T15:31:59.416+03:00Эспандер Hand Grip — недорогая замена фирменному CoC
У меня непонятно от чего поломался эспандер CoC 1 - я сжал его до упора и бац!.. Лопнула пружина.
Покупать сейчас фирменный CoC накладно - за него хотят 500
грн. и выше (а в некоторых местах уже больше 1000 грн.)
Решил купить китайский аналог - Hand Grip. Я уже писал о том, что «китайцы» по качеству сильно уступают фирменным CoC, но Hand Grip приятно удивил: он может служить borshakhttp://www.blogger.com/profile/06120809392886416962noreply@blogger.com0