Блог студии MADEME

Все главные события из жизни нашей компании

Opentest запись видео в Google Chrome

7 октября 2016 в 10:07

«Opentest» Это новое и очень полезное в работе расширение для браузера Google Chrome.

Плагин позволяет одним кликом начать запись ваших действий в окне браузера, запись может происходить в формате HD начиная от версии Chrome 49 и выше, после записи видео автоматически загружается на серер и позволяет поделиться им с другими пользователями.

Opentest

Демо: https://www.opentest.co
Лицензия:

Pagekit - модульная CMS на базе Symfony

11 августа 2016 в 10:56

«Pagekit» это довольна интересная система управления сайтами CMS с открытым исходным кодом построенная с использованием Symfony компонентов, Vue. js, и других современных технологий. Система позволяет пользователям создавать действительно красивые веб-сайты и коробки и предлагает современную кодовую базу для веб-разработчиков. Pagekit так же имеет очень дружественный пользовательский интерфейс администратора.

Так же у Pagekit появился свой Marketplace, где можно подыскать разные модули и красивые темы оформления

CMS Pagekit


Демо: https://pagekit.com/
Лицензия: MIT license

Создание диаграмм с помощью скрипта Chart.js

11 августа 2016 в 10:41

Chart.js является простой, но гибкой JavaScript библиотекой для построения графиков для дизайнеров & разработчиков. С помощью Chart. js можно создавать на странице различные типы диаграмм, при этом используются все возможности HTML5

Сам скрипт Chart. js не имеет каких-либо зависимостей, его размер так мал, что составляет примерно 11Kb

Скрипт Chart.js

Демо: http://www.chartjs.org
Лицензия: MIT License

Базовый SEO шаблон сайта

10 августа 2016 в 19:51

Документация по всему, что может располагаться в теге <head> вашего документа

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <!-- МЕТА -->
  <title>Заголовок</title>
  <meta name="description" content="описание не длинее 155 символов" />
  <!-- Контролирует поведение поисковых систем при индексации страницы --> 
  <meta name="robots" content="index,follow,noodp"><!-- Все поисковые системы -->
  <meta name="googlebot" content="index,follow"><!-- Указание отдельно для Google -->
  <!-- Позволяет указать Google не показывать в поисковой выдаче поле для поиска по сайту -->
  <meta name="google" content="nositelinkssearchbox"><!-- Позволяет указать Google не предлагать перевести эту страницу -->
  <meta name="google" content="notranslate"><!-- Подтверждает авторство страницы в Google Search Console -->
  <meta name="google-site-verification" content="verification_token"> <!-- Тег указания ПО, которое сгенерировало эту страницу -->
  <meta name="generator" content="program"><!-- Короткое описание тематики вашего сайта -->
  <meta name="subject" content="тематика вашего сайта"><!-- open graph Facebook-->
  <meta property="og:title" content="Заголовок" />
  <meta property="og:type" content="website" />
  <!-- если сайт многоязычный -->
  <!-- <meta property="og:locale" content="ru_RU"> -->
  <meta property="og:url" content="http://localhost.my" />
  <!-- не меньше 600х315, не более 8Мб -->
  <meta property="og:image" content="http://localhost.my/img/og_cover.jpg" />
  <meta property="og:description" content="описание не длинее 155 символов" />
  <meta property="fb:admins" content="Facebook ID" />
  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:site" content="@ник_компании_в_твиттере">
  <meta name="twitter:title" content="Заголовок">
  <meta name="twitter:description" content="описание не длинее 155 символов">
  <meta name="twitter:creator" content="@ник_в_твиттере">
  <!-- картинка не меньше 280х150, не более 1Мб -->
  <meta name="twitter:image" content="http://localhost.my/img/tw_cover.jpg">
  <!-- G+ / Pinterest -->
  <meta itemprop="name" content="Заголовок">
  <meta itemprop="description" content="описание не длинее 155 символов">
  <meta itemprop="image" content="http://localhost.my/img/g_cover.jpg">
  <!-- Google authorship -->
  <link rel="author" href="https://plus.google.com/[Google+_Profile]/posts"/>
  <link rel="publisher" href="https://plus.google.com/[Google+_Page_Profile]"/>
  <!-- фавиконы и иконки сайта -->
  <link rel="apple-touch-icon" href="apple-touch-icon.png">
</head>
<body>
</body>
</html>

Cutestrap - CSS фреймворк

10 августа 2016 в 18:34

Cutestrap это маленький CSS фреймворк, его размер составляет всего 8kb, если вы ищите что-то среднее между normalize. css и Bootstrap, то вам стоит на него взглянуть

CSS фреймворк Cutestrap

Демо: https://www.cutestrap.com
Лицензия: MIT License

Ссылки

Вконтакте
Facebook
Top