Метка «Twitter Bootstrap» - 2

Сайт для программиста. Часть 2. Публикация
В первой части я рассказал, как программисту относительно просто запустить с нуля свой личный сайт с использованием Github, Heroku и Twitter Bootstrap.

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

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

Читать полностью »

В последнее время появилось довольно много инструментов для создания сайтов в духе Metro UI. К сожалению, лично у меня, использовать что-то из этого в реальных проектах не получилось: либо страдает качество и приходится вставлять «костыли», либо с качеством все нормально, но нет стилей для нужных компонентов приложения (например, нигде нет стилей для datepicker-а).

Верстка like Metro UI

Я попробовал написать свое с блэкджеком и шлюхами. Сначала это был просто набор стилей для компонентов, которые были нужны мне в первую очередь. Cейчас все становится похожим на довольно большой CSS framework.

Я пишу об этом сюда, надеясь, что для кого-то мои наработки окажутся полезными, а я получу обратную связь.

Стили в архиве и документация лежат здесь: milk.ecm7.ru, есть .LESS и CSS версии.

Читать полностью »

Не так давно я писал на хабре о Bootmetro — дизайне Twitter Bootstrap в стиле Windows 8. Эта разработка хороша идеей, но на практике все работает очень коряво. К счастью, есть качественно сделанный аналог от Ace Subido — CSS3 Microsoft Metro Buttons.

CSS кнопки в стиле Windows 8, совместимые с Twitter Bootstrap

По сути это набор стилей для кнопок и форм, который можно использовать вместе с Twitter Bootstrap.Читать полностью »

Не так давно я писал на хабре о Bootmetro — дизайне Twitter Bootstrap в стиле Windows 8. Эта разработка хороша идеей, но на практике все работает очень коряво. К счастью, есть качественно сделанный аналог от Ace Subido — CSS3 Microsoft Metro Buttons.

CSS/JS библиотека в стиле Metro, совместимая с Twitter Bootstrap

По сути это набор стилей для кнопок и форм, который можно использовать вместе с Twitter Bootstrap.Читать полностью »

В подборке сервисы, плагины, темы и другие полезности, облегчающие работу с Twitter Bootstrap.

Стилизация

BootSwatchr — быстрая стилизация Twitter Bootstrap.

Подборка полезного для любителей Twitter BootstrapЧитать полностью »

У многих здешних читателей наверное случится когнитивный диссонанс при чтении этой новости: в версии 3.0 столь нелюбимой на Хабре CMS Joomla новый интерфейс разработан на CSS-фреймворке Twitter Bootstrap, в том числе и панель администратора.

Twitter Bootstrap + Joomla = ♥
Читать полностью »

Продолжительное время наша компания занимается реализацией IP-Телефонии в B2B-секторе. Добились достаточно интересных результатов: премиум-качество, пропуск CLI, различные прибамбасы вроде IVR и интеллектуальных маршрутизаций… всё это есть на q-fon.ru

Говорить о преимуществах IP-телефонии, наверное, в данном сообществе не имеет смысл, а как и о недостатках. Если будут желающие, с удовольствием похоливарим в комментариях. Суть простая – передавать голос через интернет намного дешевле, и это нужно использовать.

Сервисо, оказывающих такие услуги, разного калибра и качества в Рунете полно. Но можно ли ещё что-то сделать? Я уверен, что просто обязательно нужно делать то, что приносит удовольствие.

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

Проектирование интерфейсов, разработка и согласование дизайнов, фокус-группы. Все это занимает длительный период времени, я уже не говорю о том, что львиная доля времени должна была уйти при всём готовом ещё и на разработку оболочки, выбор платформыи. т. д. Но мы ведь в XXI-ом веке! Мир очень быстротечен. Что делать?

Шанс есть всегда
Путём агрессивных переговоров на световых мечах мы решили сделать разработку до уровня «можно пробовать и звонить» в рекордно короткие сроки силами ограниченного количества разработчиков.

Мы просто взяли Twitter Bootstrap. С его помощью мы и сделали первый интерфейс. После этого уже было начали писать оболочку с ролями, иерархией авторизацией и прочим. Для того, чтобы ускорить этот процесс, я даже написал нескольким индусам, чтобы отдать рутину на такой новомодный аутсорс. А тут вдруг осенило в очередной раз, коллега подбросил идею, и мы просто всю рутину сделали на Drupal.

И получили “Доставку Голоса” www.dosgo.ru – полностью автоматический сервис IP-Телефонии для физических лиц с партнёрской программой. В порывах разработки, на свет появился милый персонаж. Окрстили его «Досгошик», он и стал героем нашего логотипа. Встречайте: image
Читать полностью »

Продолжительное время наша компания занимается реализацией IP-Телефонии в B2B-секторе. Добились достаточно интересных результатов: премиум-качество, пропуск CLI, различные прибамбасы вроде IVR и интеллектуальных маршрутизаций… всё это есть на q-fon.ru

Говорить о преимуществах IP-телефонии, наверное, в данном сообществе не имеет смысла, как и о недостатках. Если будут желающие, с удовольствием похоливарим в комментариях. Суть простая – передавать голос через интернет намного дешевле, и это нужно использовать.

Сервисов, оказывающих такие услуги, разного калибра и качества в Рунете полно. Но можно ли ещё что-то сделать? Я уверен, что просто обязательно нужно делать то, что приносит удовольствие.

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

Проектирование интерфейсов, разработка и согласование дизайнов, фокус-группы. Все это занимает длительный период времени, я уже не говорю о том, что львиная доля времени должна была уйти при всём готовом ещё и на разработку оболочки, выбор платформыи. т. д. Но мы ведь в XXI-ом веке! Мир очень быстротечен. Что делать?

Шанс есть всегда
Путём агрессивных переговоров на световых мечах мы решили сделать разработку до уровня «можно пробовать и звонить» в рекордно короткие сроки силами ограниченного количества разработчиков.

Мы просто взяли Twitter Bootstrap. С его помощью мы и сделали первый интерфейс. После этого уже было начали писать оболочку с ролями, иерархией авторизацией и прочим. Для того, чтобы ускорить этот процесс, я даже написал нескольким индусам, чтобы отдать рутину на такой новомодный аутсорс. А тут вдруг осенило в очередной раз, коллега подбросил идею, и мы просто всю рутину сделали на Drupal.

И получили “Доставку Голоса” www.dosgo.ru – полностью автоматический сервис IP-Телефонии для физических лиц с партнёрской программой. В порывах разработки, на свет появился милый персонаж. Окрстили его «Досгошик», он и стал героем нашего логотипа. Встречайте: image
Читать полностью »

Фреймоврк Twitter Bootstrap уже давно стал одним из самых любимых средств ленивых сторонников быстрого прототипирования и разработки интерфейсов, а где популярность там много разных сторонних интересных штук.
На этот раз я случайно попал на пополняющуюся коллекцию сниппетов.
Думаю многим пригодится, сейчас там набор небольшой (23 штуки), но уже достаточно полезный чтобы поделиться.
Кликабельные картинки:

Интерфейс аля gmail

Сниппеты для Twitter Bootstrap
Читать полностью »

Вчера я делал верстку для панели с номерами страниц с использованием Twitter Bootstrap и мне потребовалось добавить туда выпадающее меню (для выбора вариантов сортировки и количества элементов на странице).

Выпадающее меню в панели номеров страниц Twitter Bootstrap

Bootstrap не содержит стандартных стилей для выпадающих меню в панели номеров страниц. Я написал свои стили для выпадающих меню, возможно, кому-то они будут полезны.

Скачать файл .less (просто подключите вместе с twitter bootstrap)
Демо

Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js