poniedzia艂ek, 21 listopada 2016

Konfiguracja wtyczki CSSComb

Wtyczka CSS Comb jest bardzo przydatna, ale gdy skonfigurujemy j膮 domy艣lnie, kod jest mocno rozstrzelony. Wystarczy kilka zmian w pliku konfiguracyjnym tej wtyczki (w Sublime Text : Preferences -> Package Settings -> CSS Comb -> Settings Default), by dzia艂a艂 tak, jak trzeba.
Poni偶ej podsy艂am link do konfiguracji programu, kt贸r膮 stosuj臋. Trzeba j膮 wklei膰 zamiast zawarto艣ci pliku, do kt贸rego 艣cie偶k臋 poda艂em powy偶ej.
http://codepen.io/KamilNaja/pen/vyxdBd

czwartek, 17 listopada 2016

Wy艣rodkowanie zdj臋cia w pionie

Kolejny spos贸b na wy艣rodkowanie elementu - tym razem jest to element inlinowy (img) w nag艂贸wku

Tricki z css - sidebar o takiej samej wysoko艣ci, co kolumna z tekstem

Cze艣膰, w dzisiejszym wpisie ciekawa sztuczka, kt贸r膮 znalaz艂em w nagraniu Dereka Banasa.
Problem -> na stronie mamy boks z tekstem g艂贸wnym oraz sidebar i chcemy, by te kolumny mia艂y t臋 sam膮 wysoko艣膰.

Rozwi膮zanie polega na dodaniu do sidebara bardzo du偶ego paddingu dolnego oraz ujemnego marginesu dolnego, o takiej samej wielko艣ci. Ca艂y div otaczaj膮cy te elementy, musi mie膰 ustawione overflow: hidden.

Poni偶ej link do mojego Codepena i nagranie.