Artykuły z kategorii Kodowanie

Typografia w CSS, czyli sposoby na piękny tekst w Internecie

Wiele uwagi poświęcamy temu, jak wygląda tekst w materiałach przygotowywanych do druku. Ale czy wystarczająco dbamy o to, by tekst w projektach internetowych był równie poprawnie złożony i czytelny? Tłumaczenie, że przeglądarka nie jest odpowiednim narzędziem do składu tekstu przestało być aktualne. W tym artykule postaram się omówić kilka mniej znanych atrybutów CSS odpowiadających za jego wygląd.

Szybko, ładnie i responsywnie. Material Design do Bootstrapa

Gmail, Google +, Google Drive. Brzmi znajomo? Oczywiście, że tak. Chociaż każdego dnia korzystasz z nich do wykonywania niemalże wszystkich czynności, to czy zdarzyło Ci się zwrócić uwagę na sposób w jaki zostały zaprojektowane narzędzia Google? Ten sposób, a właściwie forma designu o której mowa, to Material Design. Dziś postaram się pokazać wam, jak połączyć tę piękną formę z szybkością i responsywnością oferowaną przez Bootstrap.

Jaką platformę ecomerce wybrać?

Na przełomie ostatnich kilku lat treść zapytań dotyczących sklepów internetowych diametralnie się zmieniła. Początkowo klienci zwracali się z zapytaniem dotyczącym sklepu internetowego, a decyzję dotyczącą wyboru technologii pozostawiali agencji. Obecnie znacząca większość zapytań jest skonkretyzowana na rozwiązania typu open source ze znaczącą przewagą Magento i PrestaShop. Zdecydowana większość, bo aż 84% polskich sklepów internetowych korzysta z gotowych rozwiązań. Jedynie 16% właścicieli sklepów zdecydowało się w Polsce na wdrożenie oprogramowania dedykowanego. Dlaczego powyższe rozwiązania technologiczne zyskały takie uznanie w branży?

Animacje na stronie podczas przewijania okna

Strony internetowe posiadające tylko jedną podstronę są aktualnie bardzo popularne. I nie ma się czemu dziwić - jeśli nie mamy do przekazania zbyt dużej ilości treści, nie ma sensu zmuszać użytkownika do lawirowania pomiędzy podstronami. To rozwiązanie dobrze sprawdza się także na urządzeniach mobilnych, gdzie dużo łatwiej przesuwać się między treściami w górę i w dół, niż próbować trafić w konkretny odnośnik. Dlatego dziś pokażę kilka rozwiązań, które pomogą uatrakcyjnić taką stronę.

Tworzenie animowanej ilustracji za pomocą SVG

Przez wiele lat Flash wiódł w Internecie prym jeśli chodzi o treści multimedialne, elementy interaktywne oraz animacje. Powstało wiele stron pełnych wspaniałych prezentacji wprowadzających (intro), pięknych przycisków, muzyki w tle oraz animowanych grafik. Internet nie był tak szybki jak dziś, a strony pękały w szwach od treści, tworzono więc preloadery, czyli animacje pojawiające się w czasie oczekiwania na załadowanie plików strony, będące czasem same w sobie małymi dziełami sztuki.

Grafiki na responsywnej stronie internetowej

Stworzenie strony internetowej, która poprawnie wyświetli się w wielu rozdzielczościach, to zawsze spore wyzwanie. Jednym z jego elementów jest poprawne skalowanie obrazków, aby dostosować je do dostępnej w danym urządzeniu liczby pikseli. W tym artykule omówię większość popularnych metod na radzenie sobie z obrazkami na responsywnej stronie internetowej.

Wstęp do Sass – preprocesora języka CSS

Nieustannie zmierzamy do uczynienia naszej pracy bardziej efektywną. Metodą na niewątpliwe zwiększenie efektywności naszej pracy przy programowaniu stron internetowych jest wykorzystanie preprocesorów CSS. W niniejszym artykule postaram się przybliżyć wam jeden z nich - Sass. Sass to preprocesor CSS, który pozwala na znacznie szybszą i wydajniejszą pracę z arkuszami stylów. Dlaczego tak jest? W dalszej części artykułu postaram Ci to pokazać.

Jak zwrócić uwagę użytkownika za pomocą popupu

Walka twórców witryn internetowych o uwagę użytkownika jest niczym walka adoratorów o względy jedynej urodziwej panny na wiejskiej dyskotece - potrafi być brutalna i nie uwzględniać opinii najbardziej zainteresowanej strony. W dzisiejszym artykule postaram się pokazać wam, jak za pomocą dość ordynarnego środka, jakim jest popup, zwrócić uwagę użytkownika i nie zniechęcić go do dalszego przeglądania strony.

Automatyzujemy pracę za pomocą Grunt

Jedną z podstawowych zasad w pracy każdego programisty jest reguła DRY (don't repeat yourself - nie powtarzaj się) Ścisłe jej respektowanie pozwala nie tylko tworzyć lepsze oprogramowanie, ale również zaoszczędzić czas, który możemy przeznaczyć na ciekawsze rzeczy, niż wykonywanie nudnych, powtarzalnych czynności. W dzisiejszym artykule pokażę wam, jak ten czas zaoszczędzić z pomocą Grunt.

9 darmowych wtyczek do jQuery, które uatrakcyjnią twój projekt

W ostatnim zestawieniu inspirujących stron internetowych mogliście zobaczyć jak dobrze dobrana animacja sprawia, że strona nabiera charakteru i staje się bardziej interesująca. Jeśli chcecie coś takiego osiągnąć, potrzebujecie wyjątkowo zręcznego programisty, albo... kilku skryptów, które większość pracy wykonają za niego. Poniżej znajdziecie 9 ciekawych rozszerzeń do jQuery.

Kodowanie gradientów z trybami mieszania z wykorzystaniem Less

Ciągła walka i starcia pomiędzy grafikami i koderami trwa, nawet jeśli się lubią. Jedni chcą, aby strony były piękne, drudzy patrzą na wagę plików i przejrzystość kodu. W większości przypadków udaje się oczywiście dojść do kompromisów, niektóre rzeczy trzeba jednak robić na okrętkę, utrudniając pracę i jednym i drugim. Programiści zapewne świetnie znają Less, graficy już niekoniecznie, może gdzieś bije dzwon, ale nie do końca wiadomo gdzie. Dla niewtajemniczonych - Less jest bardzo ciekawym rozwiązaniem rozszerzającym możliwości korzystania ze standardowego CSS-a o nowe funkcjonalności, takie jak dodawanie zmiennych, tworzenie zbiorów stylów czy pseudofunkcji całkowicie według własnego uznania. Sama czasem trochę koduję i właśnie stąd wziął się pomysł na ten tekst.

Prezentujemy klientowi projekt strony internetowej

W kwietniowym artykule zatytułowanym "Jak prezentować projekty stron internetowych klientowi?" przedstawiliśmy kilka sposobów na przedstawianie klientowi propozycji projektów. Dzisiaj stworzymy własną, prostą przeglądarkę projektów, którą będziemy mogli wrzucić na swój serwer. Pliki będziemy wgrywali na popularny serwis do przechowywania danych w chmurze o nazwie Dropbox. Pozwoli nam to na łatwe wgrywanie i zarządzanie nimi.