Artykuły z tagiem: CSS

Inspirujące strony internetowe – marzec 2015

Kolejny miesiąc mamy za sobą, czas na webdesignowe jego podsumowanie. Już od dłuższego czasu na stronach panuje moda na minimalizm, material design i jak najlepsze wykorzystywanie możliwości jakie dają nam CSS3 i HTML5. Tym razem złożyło się tak, że większość z zebranych stron jest dość lekka, delikatna. W większość warto się zagłębić, ponieważ często to właśnie funkcjonowanie czy podstrony są bardzo ciekawe.

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.

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.

Jak przyspieszyć sobie tworzenie statycznych stron internetowych

W dzisiejszym artykule nauczymy się korzystać z generatora statycznych stron internetowych o nazwie Harp. Jest to idealne rozwiązanie dla osób, które nie poznały dotąd żadnego języka programowania i zupełnie go to nie interesuje. Generator sprawdzi się również idealnie tam, gdzie wykorzystanie CMS byłoby nadużyciem.

Inspirujące strony internetowe – maj 2014

Nadszedł czas na kolejne zestawienie inspirujących stron internetowych. I w tym miesiącu nie zabrakło bardzo dobrze zaprojektowanych stron z Polski. Na tej liście znajdziecie większość najpopularniejszych obecnie trendów - strony na całą szerokość, animacje za pomocą CSS, filmiki w tle oraz oczywiście projekty responsywne. Zapraszam!

Jak prezentować projekty stron internetowych klientowi?

Z projektowaniem stron internetowych nierozerwalnie wiąże się także ich prezentowanie. W jaki sposób to robić? Przed tym dylematem staje prawdopodobnie większość z nas. W tym artykule zebrałam ciekawsze z rozwiązań, które stosuję, albo o których informacje znalazłam w sieci. Mam nadzieję, że poniższy artykuł pomoże wam lepiej sprzedawać swoje projekty i usprawniać proces pracy nad nimi.

Tworzymy zakładkę na portalu Facebook

Wraz ze wzrostem popularności Facebooka w środowiskach developerskich coraz więcej mówi się o wszelkich aplikacjach ułatwiających kontakt ze społecznością. Nieodłącznym elementem tego typu aplikacji jest hosting, który musi być oparty o protokół SSL i właśnie ten aspekt, szczególnie dla początkujących programistów, jest często sporym obciążeniem, gdyż wiąże się z dodatkowymi kosztami.

7 technik z wykorzystaniem CSS zamiast obrazków

Coraz częściej projektując stronę internetową musimy zakładać, że będzie musiała się ona poprawnie wyświetlać na wielu rozdzielczościach oraz urządzeniach z różną gęstością pikseli. Sprawia to, że wykorzystanie obrazków o stałych wymiarach staje się coraz trudniejsze, a nawet czasami niewskazane. Dzisiaj pokażę, jak osiągnąć kilka efektów, które do niedawna możliwe były jedynie z wykorzystaniem grafik.

Pierwsze wrażenia z testowania Adobe Creative Cloud

Mniej więcej od miesiąca dzięki uprzejmości firmy Adobe testuję ich oprogramowanie w chmurze, czyli Adobe Creative Cloud. W tym artykule chciałabym podzielić się z wami moimi spostrzeżeniami z tego okresu, plusami oraz nieudogodnieniami jakie znalazłam podczas korzystania z niego. Wcześniej korzystałam z Adobe CS5, więc niektóre moje znaleziska mogą dotyczyć niezbyt mocno nagłośnionych zmian w pakiecie CS6 o których do tej pory nie wiedziałam.

Strona internetowa z filmem wideo w tle

Wraz z nadejściem HTML w wersji 5, dostaliśmy do rąk nowe narzędzie, jakim jest tag video, który umożliwia dość proste osadzanie filmów na stronie internetowej. Bardzo efektowną i coraz częściej spotykaną techniką jest osadzanie takiego filmu jako tło. W tym artykule pokaże Wam, jak osiągnąć taki efekt, ale też przedstawię wady, jakie niesie za sobą to rozwiązanie.

Font-face bez tajemnic

Pamiętacie czasy, kiedy do tworzenia projektów stron internetowych mogliśmy używać jedynie fontów zainstalowanych na komputerze osoby, która będzie tę stronę oglądać? Albo czasy, gdy aby użyć krojów niezainstalowanych na komputerze oglądającego, musieliśmy generować teksty we flashu lub z użyciem elementu ? Na szczęście, mamy to już za sobą.