Strona internetowa przygotowana dla wrocławskiego oddziału Volvo na potrzeby prowadzonej kampanii rekrutacyjnej. Wdrożyłem przekazany mi layout strony. Oprócz bardzo ładnej szaty graficznej i estetycznego przedstawienia szczegółów każdej z ofert pracy w formie dynamicznych zakładek, najważniejszym elementem strony jest wygodny formularz wysyłania zgłoszeń.
Projekt wykonany dla John Weston Group.
Strona przygotowana dla szkół policealnych Żak prezentująca wyniki konkursu Żak Stories. Wdrożyłem zaprojektowany przez grafika layout. Jak w każdym realizowanym w ostatnim czasie projekcie, tutaj także skorzystałem z Hawk Frameworka. Elementem, na który warto zwrócić uwagę, jest animowana oś, która rozwija się wraz z przewijaniem strony.
Projekt wykonany dla John Weston Group.
Wdrożyłem przygotowany projekt witryny firmy Magic Movers zajmującej się przewozem antyków oraz dzieł sztuki po Europie. Dla ułatwienia sobie pracy wykorzystałem autorski framework Hawk. Oprócz prostych animacji, najciekawszym elementem strony jest bardzo rozbudowany formularz zamówień. Zawiera on szczegółowe dane o przesyłce i towarze oraz pozwala na dynamiczne dodawanie kolejnych przedmiotów (lub usuwanie niepotrzebnych). Zamówienia gromadzone są w zaprojektowanej na potrzeby aplikacji niewielkiej bazie danych, a także wysyłane drogą mailową do właściciela firmy.
Projekt wykonany dla John Weston Group.
Strona internetowa promująca film „Atak Paniki” wyprodukowany przez Akson Studio. Moim zadaniem było wdrożenie zaprojektowanego layoutu. Wykorzystałem mechanizm FullPage oraz autorski framework Hawk. Napisałem w JS własny odtwarzacz filmów oparty o API HTML5, oraz stworzyłem w sekcji wejściowej efekt „Scratch” zgodnie z życzeniem projektanta. Na mapie w estetyczny sposób zaznaczono kina, o których informacje są pobierane z bazy danych.
Projekt wykonany dla John Weston Group.
Strona internetowa wykonana dla niewielkiego, przytulnego hoteliku w Szczęsnych pod Olsztynem. Wdrożyłem layout zaprojektowany przez Tadeusza Ciechanowskiego. Do wykonania dynamicznych elementów (rozwijane menu, zobacz więcej, etc.) wykorzystałem autorski front-endowy framework Hawk, a strona została podpięta pod własny CMS Eagle.
Strona wykonana dla indonezyjskiej firmy meblowej Moira Furniture. Na życzenie klienta została oparta na systemie zarządzania treścią WordPress z użyciem gotowego szablonu, który dostosowałem do wymagań zleceniodawcy (stąd od strony nie jest perfekcyjny, mówiąc eufemistycznie). Napisałe także kilka własnych prostych widgetów wyświetlających wybrane kategorie w estetyczny sposób. Strona jest responsywna.
Strona wykonana dla fotograf Patrycji Hyrsz. Współpracuje lub współpracowała ona z takimi markami jak m. in. Puccini, CCC. Minimalistyczne portfolio zakodowane do HTML5 i CSS3 z drobnymi skryptami napisanymi w JS. Witryna jest responsywna, zgodnie z nowymi sieciowymi trendami.
Prosta witryna zaprojektowana dla – niestety nieistniejącego już – zielonogórskiego zespołu muzycznego „Dolce”, mająca być niejako ich internetową wizytówką. Samodzielnie zaprojektowany layout pociąłem i zakodowałem do HTML5 i CSS3. Napisałem też prosty, aczkolwiek spełniający swą rolę walidator formularza kontaktowego w JavaScript. Zaadoptowałem także gotowy odtwarzacz plików MP3.
Strona wykonana dla poznańskiej grupy wiernych Kościoła Katolickiego, uczestniczących w liturgii według Nadzwyczajnej Formy Rytu Rzymskiego (tzw. Mszy Trydenckiej). Wykonałem layout i zakodowałem stronę do (X)HTML i CSS z dodatkiem paru własnych skryptów w PHP – są to formularz kontaktowy i funkcja ułatwiająca mi, poprzez swego rodzaju automatyzację (generowanie spisu treści etc.), tworzenie podstron z umieszczonymi na stronie książkami (encykliki, katechizmy).
Współrealizowany z Miłoszem Grobelnym projekt wirtualnego muzeum niemieckiej fabryki chemicznej z czasów II Wojny Światowej Dynamit AG Fabrik Christianstadt, której pozostałości znajdują się w lesie przy Nowogrodzie Bobrzańskim. Ja zająłem się napisaniem samej strony i wprowadzaniem do niej materiałów. Zdjęcia na mapie specjalistycznej są mojego autorstwa. Witryna oparta na XHTML i CSS z własnymi skryptami PHP/MySQL i JavaScript, a także gotowymi rozwiązaniami w JS. Intro wykonane przez ekipę Firefly Film Studio. Strona cały czas jest rozwijana i aktualizowana.
„Developerski” CMS, którego głównym założeniem jest bardzo duża elastyczność i możliwość dostosowania do dedykowanej, nieszablonowej strony, gdzie każdy element jest zupełnie inny i charakteryzuje się inną strukturą. Elementy wyświetlane na stronie podzielone są na typy, z których każdy ma swoją własną strukturę treści i szablon. Każdy element może należeć do jakiejś kategorii i być później wg niej wyświetlany, może być potomkiem jakiegoś elementu (niekoniecznie swojego typu), posiada własną galerię zdjęć (która także może być wyświetlana w dowolny sposób, wszystko zależy od osoby, która wdraża stronę). Jest także lekki mechanizm podstron, pozwalający na wyświetlanie odpowiednich treści na danej podstronie, która ma także swój własny szablon. Istnieje także jeszcze inny typ treści – dane zdefiniowane. Krótkie, najlepiej jednolinijkowe, dane, które mogą być wyświetlane w dowolonym miejscu strony za pomocą odwołania do unikalnego kodu. Bardzo przydatne rozwiązanie przy wszelkiego rodzaju numerach telefonu, adresach, i tak dalej. CMS wspiera wielojęzyczność.
Projekt jest ciągle rozwijany w wolnych chwilach. W przyszłości planuję wprowadzić m.in. system newsów i nieco bardziej przyjazny interfejs obsługi wielu podstron. W obecnej fazie skupiam się głównie na samych funkcjonalnościach, stąd obecny layout może się wydawać trochę przestarzały, jakby z poprzedniego dziesięciolecia. Jednak nic bardziej mylnego!
Napisany obiektowo w PHP z użyciem baz MySQL i dynamiki JS. W moim odczuciu bardzo fajne, lekkie rozwiązanie dla małych i średnich stron internetowych, które nie są oparte na jakimś jednym utartym schemacie.
Można powiedzieć, że Hawk Framework powstał w sposób naturalny w czasie mojej pracy zawodowej. Tworząc bardziej lub mniej rozbudowane strony internetowe – a w przeważającej części strony dla firm – prezentujące różne treści w atrakcyjny sposób, musiałem na bieżąco implementować system „zakładek”, wysuwanego menu, treści pojawiające się na warstwie, możliwość ukrywania dłuższego tekstu i pokazywania go dopiero na życzenie użytkownika, system kategorii, dynamiczne ikony i tak dalej.
Kopiowanie użytych wcześniej mechanizmów, używanie ich w dalszych projektach i stopniowe ulepszanie często sprawiało, że w kodzie robił się swego rodzaju bałagan, a ja bałaganu w kodzie bardzo nie lubię. Postanowiłem więc po godzinach zebrać pomysły na wszystkie potrzebne moduły i elementy, których używam do tworzenia witryn internetowych, i napisać je ładnie i elegancko, uogólniając pewne algorytmy, tworząc zarazem możliwość wstrzykiwania indywidualnych dla danego projektu zachowań i ustawiania pewnych elementów bez ingerencji w bazowy kod. Tworząc wszystkie rozwiązania od początku, mogłem spojrzeć na każdy z modułów świeżym okiem, dzięki czemu, w mojej ocenie, wszystkie te algorytmy stały się jeszcze lepsze.
Hawk Framework zawiera przede wszystkim najbardziej potrzebne, jak wynika z mojego doświadczenia, moduły używane na różnego rodzaju niewielkich dedykowanych stronach internetowych, tj:
Ponadto Hawk Framework zawiera wstępny szablon strony internetowej i zestaw przykładowych stylów dla najpotrzebniejszych elementów (sekcje, przyciski, formularze), a także zastaw najczęsciej używanych wielkości czcionek i RWD przypisane do zmiennych SASS oraz zestaw najpotrzebniejszych mixin SASS. Oprócz tego znajdziemy tu zestaw najczęściej używanych ikon/symboli, stworzonych za pomocą kodu HTML/CSS, co pozwala na elegancke animowanie tychże oraz szybką zmianę ich wyglądu, rozmiaru, w zależności od potrzeb.
Myślę, że śmiało można nazwać Hawk'a front-endowym frameworkiem, lekkim i bardzo ogólnym, który pomaga stworzyć efektowną stronę www szybko, jednak nie tworzy jej samodzielnie. Zaprojektowałem go dla ułatwienia pracy sobie, ale lubię oprogramowanie Open Source, stąd zamieściłem jego kod w repozytorium na GitHubie na licencji MIT. Jeśli ktoś będzie chciał go użyć, będzie mi bardzo miło, jeśli w miejscu załączania plików JS i CSS znajdzie się jakaś wzmianka o mnie i link do mojego portfolio, albo chociaż link do GitHuba. Projekt jest wciąż rozwijany, jednak już od jakiegoś czasu z powodzeniem używam go w projektach komercyjnych.
Nazywam się Filip Jędrzej Markiewicz. Urodziłem się wiosną roku 1996. Obecnie studiuję i pracuję we Wrocławiu. Pasjonuję się programowaniem, a w szczególności pisaniem stron i aplikacji internetowych. Zajmuję się tym już dość długo, bo od około 2009 roku. Odważę się powiedzieć, że HTML5 i CSS3 znam biegle i potrafię dobrze pociąć i zakodować każdy layout, a także tchnąć w niego życie za pomocą JavaScript'u (zazwyczaj ułatwiając sobie pracę biblioteką jQuery), który znam w dobrym stopniu. Myślę, że opanowałem również bardzo dobrze PHP i MySQL, co pozwala mi napisać w pełni funkcjonalną aplikację internetową. Aby wykonana przeze mnie strona internetowa była przyjazna w prowadzeniu dla klienta, podpinam ją pod system zarządzania treścią (autorski EagleCMS lub WordPress). Jeśli zachodzi taka konieczność, potrafię także wykonać estetyczny layout.
Cały czas się uczę i dokładam starań, aby mój kod był coraz lepszy. Ponieważ jest to nie tylko moja praca, ale także pasja, jestem pełen zapału i przykładam dużą uwagę do nawet najmniejszych szczegółów podczas realizacji każdego projektu, w czym pomaga mi mój – niekoniecznie pomocny w innych dziedzinach życia – perfekcjonizm. Znam także C++ i Javę, trochę Scalę i OCamla, jednak najwięcej satysfakcji i radości sprawia mi tworzenie i programowanie stron internetowych.
