Autor: Łukasz Adamczuk

Kategorie
CSS Lab

Nowy sposób prezentacji postępu i użycia – Progress Ring

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.

Czytaj dalej „Nowy sposób prezentacji postępu i użycia – Progress Ring”
Kategorie
Apache PHP Porady

Organizacja adresów URL w panelu administracyjnym

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.

Czytaj dalej „Organizacja adresów URL w panelu administracyjnym”
Kategorie
CSS Przemyślenia

Wstępne przetwarzanie arkuszy stylów kaskadowych

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.

Czytaj dalej „Wstępne przetwarzanie arkuszy stylów kaskadowych”
Kategorie
Serwisy

A List Apart – pierwszy profesjonalny magazyn

alistapartMoja aktywność w sieci zmienia się okresowo. Od wielu lat obserwuje moje gwałtowne zainteresowanie tematem, szybkie poznanie i sprawdzenie możliwości, aż do stopniowego zaniku entuzjazmu. Prawdopodobnie, podobne syndromy dotykają wielu internatutów, a rozwiązanie jest bardzo proste. Uniwersalna zasada „lepiej mniej, a częściej” lub „równo i regularnie” to klucz do sukcesu. Dokładnie jak w przypadku magazynu A List Apart, który od wielu lat jest źródłem inspiracji i pomocy dla ludzi związanych tworzeniem stron internetowych.

Czytaj dalej „A List Apart – pierwszy profesjonalny magazyn”
Kategorie
Porady Przemyślenia

Testy jednostkowe – warto czy nie warto?

Każdego dnia słyszę w biurze rozmowy i głosy typu:

„Człowieku, kocham testy jednostkowe! Codziennie dokonuje mnóstwa zmian w kodzie, żeby coś działało. Dalej potwierdzam, że nie zepsułem czegoś, właśnie dzięki uruchamianych ciągle testom…”

Szczegóły zmieniają się codziennie, ale przyzwyczajenia niekoniecznie. Testy jednostkowe i programowanie wsparte testami (ang. Test-driven development) dają tak wiele korzyści, jawnych lub bardziej ukrytych, że trudno o łatwe wyjaśnienie, gdy ktoś nigdy z nich nie korzystał.

Czytaj dalej „Testy jednostkowe – warto czy nie warto?”
Kategorie
Przemyślenia

Podsumowanie 2012 i nowe postanowienia

Mija czas, a plany jak były tak są. Rok dobry, bo zauważyłem pewne zmiany, ale nie rewelacyjny. Ciągle sporo do zrobienia i osiągnięcia. Ostatnie 12 miesięcy było średnie, a nowy rok wcale nie zaczyna się lepiej.

Czytaj dalej „Podsumowanie 2012 i nowe postanowienia”
Kategorie
CSS Lab

Symbole Spinning w CSS3

Podczas prac nad własnym projektem potrzebowałem specjalnych symboli znanych z programu Spinning®. Świadomy możliwości arkuszy stylów kaskadowych, a dodatkowo zainspirowany przez kształty CSS stworzyłem potrzebne elementy bez angażowania grafiki.

Czytaj dalej „Symbole Spinning w CSS3”
Kategorie
CSS

Struktura drzewiasta w nowoczesnym ujęciu

Często podczas przeglądania sieci znajdziemy coś, czego wcale nie szukaliśmy. Jeszcze częściej właśnie odkryty temat czy rozwiązanie, robi takie wrażenie, że od razy planujemy jego wykorzystanie w własnych projektach lub modyfikację do swoich potrzeb.

Struktura drzewiasta to bardzo podstawowy byt w świecie programistycznych, dlatego jego prezentacja czy używanie jest tak powszechne. Przykładowo struktura strony internetowej, dokumentu XML czy diagramu klas w UML przedstawia się dokładnie w tej formie. Jeśli jeszcze nie wiesz, o czym mowa to CSS3 Family Tree pokaże to w najprostszy sposób.

Mój pomysł na wykorzystanie do interaktywne diagramy klas w UML oraz graficzna mapa strony.