Свежий ресурс для веб-разработчиков - Октябрь 2014

Быть веб-разработчиком действительно увлекательно. Почему? Потому что каждый месяц появляются новые замечательные инструменты, которые можно попробовать и с которыми можно поиграться. А вы какой разработчик: который любит экспериментировать с CSS или предпочитает больше возиться с Java? Всегда можно что-то отхватить, но сложно уследить.

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

 

Monocle

Monocle представляет из себя крошечную библиотеку JavaScript, которая увеличивается с помощью прокрутки. Данный сайт разработан Хакимом Эль-Хаттабом, который также является создателем таких библиотек, как Ladda и Reveal.js.

Однажды Хаким увидел Flash, вдохновленный этой программой, он разработал тот же эффект с использованием JavaScript и CSS3, так что мы можем использовать эти языки программирования не полагаясь больше на Flash плагин. Это действительно отличный вариант для более красивой прокрутки на сайте. Оцените демо тут.

 

Шаблон OS X App

Новая версия OS X Yosemite уже на подходе. В интерфейс будет некоторое сходство с iOS 7 в более плоском и прозрачном дизайне. И так, вы подготовили приложение, что бы настроить новый интерфейс? Это новый PSD шаблон, который специально разработан для того, что бы позволить вам создавать иконки приложений для OS X App.

Разрабатывая иконку, вы можете видеть и четко представлять каких размеров она будет и где расположена: в документе, в папке или в окне запроса. Если вы разработчик или дизайнер OS X, то этот PSD шаблон должен быть у вас на панели инструментов.

 

Marka

Marka - индонезийский перевод слова "марка". Это библиотека JavaScript, которая позволяет создавать популярные марки, значки и знаки, используя только один элемент HTML. На данный момент Marka содержит 36 значков.

Вы можете настроить цвет и размер каждого значка через параметры JavaScript или таблицу стилей CSS. Демо ролик покажет вам, как красиво перейти от одного значка к другому. Если вы хотите создать гибкий и настраиваемый значок, то JavaScript считается очень удобным в этом плане.

 

JQuery Focus Point

Общий метод заключается в том, что мы просто вычисляем масштаб изображения до необходимого размера, что может сделать его еле заметным или даже невидимым в некоторой степени. JGuery Focus Point создан для решения данной задачи, что следует из названия. Данная библиотека ловко обрезает и сохраняет изображение, сосредотачивая внимание на наиболее важных вещах.

 

Таблица Markdown

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

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

 

CSS Gradient Inspector

CSS градиент - одно из величайших изобретений CSS3, но самое сложное.

Если вам удастся найти интересный градиент и узнаете как он сделан, установите себе это расширение Google Chrome под именем CSS Градиент Инспектор. После установки добавляется новая вкладка в DevTools, где вы можете увидеть все градиенты в предварительном просмотре.

 

UiGradient

UiGradient - это сайт, которые объединяет некоторые самые красивые и гармоничные цветовые сочетания градиентов. Выше вы можете скачать SCC код каждого градиента.

 

Runnable

Runnable - это сайт, где вы можете размещать и запускать фрагменты кода. В отличие от JSFiddle Codepen, который поддерживает только Javascript, HTML и SCC, Runnable в состоянии работать со всем, что связано с написанием сервисных скриптов: SQL, PHP, Ruby, Bash. Это делает Runnable идеальным местом как для front-end так и для back-end разработчиков.

 

CSS Trashman

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

Вот тогда вы должны пересмотреть свой SCC, а SCC Trashman поможет вам облегчить эту задачу.  Этот инструмент проверит и ваш DOM, и CSS вместе и сразу и предложит оптимизированный результат. Вы сможете самостоятельно выбрать формат вывода.

 

ColorSublime

ColorSublime - это коллекция тем редактора Sublime Text. Здесь вы можете просмотреть, как выглядит определенная тем, прежде чем её скачать. Существует даже плагин Colorsublime Plugin, позволяющий переносить темы из ColorSublime в Sublime Text.

 

 

Автор: Thoriq Firdaus

Источник: http://www.hongkiat.com

 

Поделитесь
в социальных сетях