Często podczas szukania informacji w sieci, trafiam na coś zupełnie przypadkowego i niezwiązanego z tematem mojego zapytania. Jednak wyniki poszukiwań są na tyle zaskakujące, a jednocześnie inspirujące, że zapominam o wszystkim innym. Najlepsze rozwiązanie takiej sytuacji to zapamiętanie lub zapisanie koncepcji i źródeł, aby w wolnym czasie.
Miesiąc: luty 2013
Podczas luźnych dyskusji o interfejsie użytkownika w firmowym panelu administracyjnym zapytano mnie.
Czy możliwe jest wycięcie danego fragmentu koła przy pomocy CSS?
Oczywiście jako członek zespołu programistycznego od razu rzuciłem w odpowiedzi żelazną zasadę naszego zespołu, czyli Nie da się!. Szybko jednak okazało się, że to możliwe, a narysowanie wykresu kołowego w CSS, wcale nie jest tak trudne jak myślałem w pierwszej chwili. Wszystko to kwestia odpowiedniego podejścia i użycia dostępnych środków, czyli właściwości clip z CSS 2.1, a także border-radius oraz transform z CSS3.
W czasie dokumentowania jednego z projektów, zastanawiałem się nad złożonością pliku .htaccsess, który zawierał kilkadziesiąt wpisów dotyczących panelu administracyjnego. Moim zdaniem problemu nie stanowi akurat użycie modułu mod_rewrite do przepisywania adresów, bo to bardzo popularny sposób. Innym rozwiązaniem uzyskania przyjaznych adresów jest własna klasa Router. Stosowanie przyjaznych adresów URL nie jest konieczne, a już z pewnością nie w panelu administracyjnym. Jeśli jednak zrobisz coś dobrze raz, to w kolejnym przypadku pokusa zrobienia tego źle będzie mniejsza.
Już w 2011 roku czytałem trochę na temat pre-procesorów CSS, głównie LESS, które swoje początki zawdzięcza SASS. Nie chodzi mi wcale o jakieś głębokie teorie i porównania, odnośnie funkcjonalności, wydajności i sposobu działania. Zdecydowanie bardziej zastanawiam się, na kierunkiem rozwoju takich narzędzi. Nie lubię tworzenia sztucznych, a czasem nawet komicznych tłumaczeń w języku polskim, dlatego w dalszej części artykułu będę używał wyrażeń preprocesory CSS oraz wstępne przetwarzanie CSS, co i tak brzmi dziwnie.