Заметки


CSS, вертикальное выравнивание текста с Flexbox

Люди уже давно летают в космос, но до сих пор не умеют нормально выравнивать текст по вертикали в CSS.

Казалось бы, во времена таблиц и ячеек это было легко, присваиваешь атрибуту valign значение middle и в ячейке текст выровнен. Затем пришли эти, так любимые всеми div-ы и пришлось начать использовать костыли. Но время, вроде как, не стоит на месте и скоро всех нас ждет радость и облегчение – мы начнем использовать Flexbox.

Как же выравнять блоки по вертикали? Все просто:

HTML:

<div class="flexbox-wrapper">
    <div>Lorem ipsum dolor sit...</div>
    <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ad rem redeamus; Quamquam non negatis nos intellegere quid sit voluptas, sed quid ille dicat. Non quam nostram quidem, inquit Pomponius iocans; Laelius clamores sofòw ille so lebat Edere compellans gumias ex ordine nostros.</div>
</div>

CSS:

.flexbox-wrapper {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flexbox-wrapper > div {
  width: 50%;
}

Ну и ДЕМО для порядка.

Читать 1 мин | 26.01.2015 11:42

 

Как заработать на мобильных фотографиях

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

Со временем снимков становится много, при этом каждый кажется шедевром. Если ощущение важности каждого кадра не покидает, то можно попробовать продавать эти фотографии.

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

Продолжение

Читать 4 мин | 23.01.2015 22:01

 

Умные часы Pebble Steel

Дали мне тут попользовать часы умные. Те самые Pebble, которые громко звенели на Kickstarter и собрали какую-то безбожную сумму денег на производство. Мне в тесты попала вторая модель, за названием Pebble Steel. Почему Steel, я так и не понял, ремешок-то кожаный, хотя вариант с металлическим ремешком также имеется.

Продолжение

Читать 6 мин | 20.01.2015 12:44

 

Тбилиси, Грузия

Тбилиси отличается от Кутаиси, как коньяк от водки. Столица, культурный и экономический центр, популярное туристическое направление, исторически значимый город. Вот немногие вещи из большого списка, которые необходимо знать.

Продолжение

Читать 3 мин | 31.12.2014 21:22

 

Кутаиси, Грузия

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

Продолжение

Читать 3 мин | 30.12.2014 12:09