Работа с типографикой

Новая глава в книге Уроки по HTML и CSS от Шэя Хоу. На этот раз посвящена теме типографики, а это подключение своих шрифтов, управление видом текста и букв. Читать.

Свой проект — это реально!

16-18 октября 2015 года в Санкт-Петербурге прошёл второй хакатон от компании TopFace. Шесть команд, прошедших отборочный тур, проверили свои силы в программировании. В течение трёх дней участники хакатона разрабатывали приложения игровой тематики для ВКонтакте.

Результаты получились говорящими: 3 команды из 6 добились успеха.

Презентация проектов проходила 28 октября в главном офисе TopFace. Помимо защиты своих работ участники получили дельные советы разработчиков Topface и сделали выводы о том, что непонятно с первого взгляда на игру.

Проекты «Время любви», «Я никогда не» и проект «Игры в ассоциации» уже работают как приложения для vk. Помимо доли в проектах и дальнейшей работы над своим детищем, команды-победители получили денежное вознаграждение в размере 100 тыс. руб.

Чтобы не пропустить мероприятия от одной из самых быстрорастущих и перспективных IT-компаний Петербурга — вступай в группу разработчиков TopFace! Мы будем анонсировать события и конкурсы, а так же делиться профессиональными секретами и опытом программирования.

Уроки по HTML и CSS

Начал переводить замечательную книгу Шэя Хоу Уроки по HTML и CSS. Книга довольно объёмная, состоит из 12 глав, так что решил выкладывать её постепенно, по мере перевода каждой главы, а не ждать завершения работы целиком.

Сейчас можно ознакомиться с первыми главами, в которых рассказывается что такое HTML и CSS на примере вёрстки сайта.

AngularJS. Рецепты программирования

В этой книге мы представляем подборку основных примеров на AngularJS, которые помогут вам сделать толчок для собственных веб-проектов. Мы охватили широкий спектр тем, от одностраничного приложения и маршрутизации, до связывание данных и применения JSON для выборки. С этим простым руководством вы сможете запустить собственные проекты за короткое время.

Читать книгу на сайте webref.ru

HTML Academy — интерактивные онлайн-курсы по HTML и CSS

Реклама

HTML Academy — интерактивные онлайн-курсы по HTML и CSS

Вместе c пушистым Инструктором Кексом вы научитесь:

  • использовать текстовые теги, вставлять картинки, создавать таблицы и формы;
  • применять CSS-селекторы и мешать коктейли из классов;
  • укрощать блочную модель и направлять поток документа;
  • строить сетки страниц;
  • позиционировать элементы и создавать декоративные эффекты.

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

Начните проходить бесплатные интерактивные онлайн-курсы по HTML и CSS прямо сейчас!

Инструктор Кекс

IT-конференция по программированию

Реклама

GeekWeek 2015

У нас для вас сегодня замечательная новость, ведь 16 ноября стартует Международная IT-конференция GeekWeek-2015!

Только представьте, что в течение 7 дней вы сможете бесплатно слушать выступления экспертов из IT-компаний со всего мира и даже задавать им вопросы!

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

Участвуйте сами и приглашайте друзей! Поверьте, вам будет что обсудить.

Node, Express и libsass: проект с нуля

Продолжаем тему Node.js и приложений, сделанных на его основе. На этот раз руководство Дейла Санде, где он рассказывает о создании приложения с нуля.

HTML-верстка: с нуля до первого макета

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

Получите востребованную во все времена профессию — запишитесь на учебную программу «HTML-вёрстка: с нуля до первого макета». Занятия ведут фронтенд-разработчики Enter, Связной, Webzilla, ivi.ru и других компаний.

Для наших читателей скидка 10% по промокоду htmlbook

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

Вы научитесь:

  • писать профессиональный HTML и СSS-код, а также подбирать модульные сетки для макета;
  • пользоваться базовыми инструментами Adobe Photoshop и обрабатывать изображения;
  • создавать JavaScript-файлы и работать с библиотекой jQuery.

Добавьте к резюме диплом «Нетологии». Он станет лучшей рекомендацией при устройстве на работу.

Регистрируйтесь и совершенствуйте свои навыки верстки!

Старт обучения с 16 октября.

Хакатон TopFace

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

Когда?

  • 16-18 октября 2015 года.

Как?

  • Нужна команда из двух-трёх человек.
  • Зарегистрируй команду до 12 октября на сайте http://hackathon.topface.com.
  • Предложи свою идею или реализуй идею TopFace. Чем раньше регистрируешься, тем больше выбор идей.

Какой приз?

Каждая из команд, выполнившая условия конкурса получает:

  • 100 тыс. руб. команде за запущенный и работающий прототип;
  • долю в прибыли и в собственности проекта до 50%;
  • возможность полного дальнейшего финансирования проекта организаторами;
  • обеспечение проекта трафиком.

Комфортное рабочее место на все три дня проведения хакатона гарантируется. Плюс печеньки, да! Учти, количество мест ограничено!

Автоматизация работы с Gulp

Продолжаем тему с Gulp. На этот раз несколько интересных штук, о которых вы наверняка не знали. К примеру, создание адаптивного дизайна с помощью Gulp, Susy и Breakpoint. Так что читаем новое руководство от африканского веб-разработчика. Да, в Африке про Gulp знают больше нашего.

Оформление элементов HTML при помощи CSS

Реклама

Вебинар посвящен основам программирования на HTML и CSS для начинающих. 

HTML — язык разметки, отвечающий за структуру документа. Он состоит из отдельных структурных элементов, таких, как заголовок или текстовый абзац.  Для того, чтобы визуально оформить эти элементы, применяются свойства, которые прописываются в CSS. О них мы и будем говорить на предстоящем вебинаре.

Участники узнают об основных свойствах CSS, которые применяются для оформления элементов HTML.

Записаться на бесплатный вебинар

Создание первого приложения на Node

Node.js — один из самых больших взрывов за последние несколько лет. Возможность запускать JavaScript на сервере является заманчивой идеей. Крис Севилеха рассказывает о создании своего первого веб-приложения на основе Node. Ориентировано на новичков, немного знакомых с JavaScript.

VPS-хостинг: функционал выделенного сервера за разумные деньги

Реклама

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

Услуга называется VPS (Virtual Private Server) или VDS (Virtual Dedicated Server) или просто VPS-хостинг и предоставляется в России десятками и даже сотнями хостинг-провайдеров. Вот лишь несколько конкретных примеров хостинг-провайдеров предлагающих VPS-хостинг:

  • SIM-NETWORKS — это немецкая компания, в которой можно заказать надежный SSD VPS сервер в Германии. Также доступна аренда выделенных серверов и виртуальный хостинг, есть специальные тарифы для реселлеров и выгодная партнерская программа.
  • AdminVPS — дарят скидку при покупке vps сервера на год, а также предоставляют бесплатный тестовый период и гарантируют полный MoneyBack (возврат денег) на протяжении всего оплаченного периода.
  • Хостинг "Украина" — высококачественный VPS/VDS хостинг на современных физических серверах Supermicro.
  • Облачный VPS хостинг от AvaHost — виртуальные выделенные сервера в облаке с высокой масштабируемостью и надежностью. На выбор размещение сервера в 5 странах. Большой выбор операционных систем и панелей управления.
  • Айхор хостинг — базируется в собственном надежном ДЦ, расположенном в Москве. Опорная сеть имеет подключения к большинству российских и зарубежных операторов. Высокопроизводительные серверы и профессиональная, круглосуточная тех. поддержка обеспечивают высокий уровень сервиса при низкой ценовой политике.

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

  1. Необходимо тщательно изучить предлагаемые хостинг-провайдером тарифные планы VPS-хостинга и понять какие собственно ресурсы и за какие деньги предоставляются. В каждом тарифном плане обычно написано сколько предоставляется процессорной мощности, оперативной и дисковой памяти, какова пропускная способность порта и какой объем трафика в месяц включен в абонентскую плату. Если описание тарифных планов не содержит чего-нибудь из пересчисленного, а хостинг-провайдер вам нравится и вы рассматриваете его как один из вариантов, то прежде чем подключаться обязательно задайте все необходимые вопросы. Это действительно важно, поскольку недостаточно тщательная проработка информации может привести к тому что платить придется несколько больше чем указано в описании тарифного плана.
  2. Посмотрите образы каких операционных систем предоставляются. Обычно бывает доступно несколько дистрибутивов Линукса и какие-то варианты Unix-систем. Многие хостинг провайдеры предоставляют и Windows-системы.
  3. Узнайте какая предлагается панель управления сервером и сколько стоит предоставление этой панели. Имейте в виду, что панель может как включаться в абонентскую плату, так и предоставляться за отдельные деньги.
  4. Выясните на каких физических серверах реализованы виртуальные сервера. Спросите какого типа используются диски, HDD или SSD. SSD диски работают быстрее HDD дисков, поэтому при прочих равных условиях есть смысл выбирать именно вариант с SSD дисками.
  5. Выясните где расположен дата-центр в котором провайдер размещает физические сервера, на которых предоставляется VPS-хостинг. Если вас интересует российская аудитория, то и сервер надо размещать в России или в Европе. Если сервер разместить в Америке или Сингапуре это будет тормозить отгрузку страниц вашего сайта. А если дата-центр в России, то лучше всего в Москве, поскольку все регионы связаны каналами передачи данных с Москвой. Желательно также убедиться что дата-центр подключен к интернету несколькими хорошими каналами. Впрочем, для этого достаточно чтобы дата-центр был известный и уважаемый, поскольку это гарантирует, что с каналами все в порядке.

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

Победители мини-конкурса по анимации

На форуме завершилось голосование на лучшие работы по созданию рожиц и их анимации с помощью CSS. Посмотреть всё работы можно в этой теме.

Вот работы победителей:

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

Страницы