• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu Uzyskanie akceptacji projektu strony internetowej to pole osobiste, niekończące się iteracje i frustrujące debaty. Może podważyć rentowność, zniszczyć relacje z klientami i zdemoralizować cię jako projektanta. Dlatego stworzyliśmy ten kurs. Nauczy Cię, jak: Zapobiegać koncentrowaniu się przez klientów na opiniach na temat projektu. Unikaj projektowania spekulacyjnego i Frankensteina. Zbierz opinie, które są cenne dla ulepszenia projektu. Odwróć niekończący się cykl iteracji. Przestań projektować przez komitet. Czego się nauczysz Jak dostosować myślenie klientów do avoi

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu Na tym kursie poznasz wszystkie podstawy pracy z frameworkiem Zurb „Foundation for Apps”. Po drodze zbudujemy kompletny interfejs dla aplikacji internetowej do zarządzania zadaniami. Dowiedz się, jak wykorzystać umiejętności projektowania stron internetowych, aby rozpocząć projektowanie interfejsów aplikacji. Zaczynajmy! Czego się dowiesz Co znajdziesz w pakiecie Foundation for Apps i co można zrobić, aby przyspieszyć procesy projektowania aplikacji internetowych. Jak pracować z szablonami i systemami gridowymi Foundation for Apps. Jak działają komponenty Foundation for Apps i jak z nich korzystać w y

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu Czy słyszałeś kiedyś o wzorach w projektowaniu stron internetowych? W tym kursie Adi Purdila nauczy Cię, czym one są, jak zbudować własną bibliotekę wzorców i jak ją właściwie utrzymywać. Dowiesz się, jak budować proste komponenty, takie jak przyciski i formularze, a także bardziej złożone, takie jak karuzele. Ponadto dowiesz się, jak stworzyć niesamowitą stronę prezentacji dla wszystkich tych wzorów. Czego się dowiesz Czym jest biblioteka wzorów i jak zaplanować własną. Podstawowe wzorce: system siatki, typografia, przyciski, elementy formularzy, ikony i wiele innych. Zaawansowane wzorce, takie jak

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu Model układu CSS3 Flexible Box, lub Flexbox, aby użyć jego popularnej nazwy, to świetny sposób na tworzenie elastycznych układów opartych na siatce bez konieczności korzystania z elementów pływających lub elementów wbudowanych. W tym kursie Craig Campbell pokaże Ci wszystkie fantastyczne rzeczy, które potrafi Flexbox, od konfiguracji wierszy i kolumn, po zrozumienie właściwości Flexbox. W końcu zastosujesz to w praktyce, tworząc prosty układ strony. Otwórz swój ulubiony edytor tekstu i naucz się Flexbox! Czego się nauczysz Praca z kontenerami Flexbox, szerokościami kolumn i flex-directio

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu Stylus jest jednym z trzech wiodących preprocesorów CSS, dzięki którym CSS jest łatwiejszy i bardziej wydajny niż kiedykolwiek wcześniej, dzieląc ligę z Sass i LESS. W Zostań superbohaterem Stylus CSS nauczysz się pisać kod szybciej niż pędzący pocisk, tworzyć funkcjonalność układu potężniejszą niż lokomotywa oraz aktualizować całe schematy kolorów w jednym obrocie. Zacznijmy trening! Czego się nauczysz Skonfiguruj rysik i wybierz pomiędzy zwięzłą a pełną składnią. Szybsze celowanie podrzędne i pseudoelementowe poprzez zagnieżdżanie. Zrozumienie zmiennych rysika i miksów. Opanuj logikę i funkcje

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu Załóżmy, że budujesz stronę internetową, która używa wielu ikon. Jak wdrożyłbyś je w Internecie? Jako pliki graficzne? W przeszłości działały dobrze, ale już nie; nie dotyczy wyświetlaczy siatkówki i responsywnych stron internetowych. Czcionki ikon są już na dobrej drodze, a na tym kursie dowiesz się wszystkiego, co trzeba o nich wiedzieć: czym one są, jak ich używać i jak tworzyć własne. Czego się dowiesz Jakie są czcionki ikon, czym różnią się od zwykłych czcionek i dlaczego należy ich używać. Jak osadzać czcionki i używać ich w kodzie HTML i CSS. Najlepsze dostępne zestawy czcionek ikon.

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu GreenSock jest strukturą JavaScript, która ułatwia animację elementów HTML. Podczas tego kursu postawisz pierwsze kroki w nauce korzystania z tego potężnego środowiska. Tak długo, jak rozumiesz HTML i CSS, a także podstawową znajomość JavaScript, będziesz wyposażony we wszystko, czego potrzebujesz. Czego się nauczysz Jak tworzyć podstawowe animacje „do” i „z”. Jak dodać wiele animacji i utworzyć jedną animację, która animuje wiele właściwości. Zastosuj łagodzenie i transformacje. Przejdź do tworzenia bardziej złożonych animacji

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu Wszyscy chcemy, aby nasze obrazy były wyświetlane w najlepszej możliwej jakości, z optymalnym rozmiarem pliku, na różnych urządzeniach, ale osiągnięcie tego łatwiej powiedzieć niż zrobić. Istnieje wiele różnych technik reagowania na obrazy, ale niektóre z nich mają poważne wady, takie jak ograniczona obsługa przeglądarki. Na tym kursie nauczysz się wszystkiego, co musisz wiedzieć, aby rozpocząć pracę z responsywnymi obrazami. Omówimy, czym są i jak odnoszą się do responsywnego projektowania stron internetowych, a także omówimy najlepsze praktyki. Czego się dowiesz Różne podejścia do tworzenia responsywnych obrazów,

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu Na tym kursie dowiesz się wszystkiego o generatorze strony statycznej Jekyll i zbudujesz całą witrynę od zera w mniej niż dwie godziny. Dołącz do Guy Routledge, który przechodzi przez proces budowania strony z portfolio projektowym przy użyciu Jekyll, Markdown, szablonów Liquid, Sass, git i hostingu ze stronami GitHub. Niezależnie od tego, czy jesteś wytrawnym blogerem, czy dopiero zaczynasz, ten kurs da ci wszystko, czego potrzebujesz, aby stworzyć swoją witrynę i pochwalić się umiejętnościami w wielkim stylu. Czego się dowiesz Użyj Jekyll do stworzenia motywu portfolio projektanta stron internetowych, zawierającego posty na blogu i var

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu Jeśli jesteś projektantem stron internetowych, prawie na pewno będziesz używać biblioteki JavaScript w swoich projektach. W tym kursie Adi Purdilla nauczy Cię o niektórych z najbardziej przydatnych bibliotek, a także o bardzo łatwym i skutecznym sposobie ładowania ich do swoich projektów. Od wtyczek usprawniających przepływ pracy, po biblioteki, które pozwalają tworzyć niesamowite układy. Czego się nauczysz Poznaj tajniki bibliotek JavaScript do ulepszania, takich jak Modernizr, Retina.js, Echo.js i inne. Dowiedz się o bibliotekach JavaScript związanych z elementami interfejsu użytkownika, takimi jak Cycle2, Fresco,

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu W tym kursie będziesz używać CSS3 do ukończenia dziesięciu projektów brandingu i prezentacji, od osobistej wizytówki po prezentację w stylu PowerPoint. Te projekty pomogą Ci zrozumieć niektóre z najnowszych technik projektowania, które CSS3 wprowadza do stołu. Będziemy używać CodePen do budowy każdego z nich. Czego się nauczysz Jak stworzyć w pełni skalowalne i responsywne logo przy użyciu SVG i CSS3. Użyj CSS3 do tworzenia wzorów tła, wizytówek, animowanego efektu reflektora i nie tylko. Utwórz duszka animacji chodzenia, naucz się zmieniać kolory obrazów SVG i rób ruchome bac

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu SVG to potężny sposób na tworzenie grafiki wektorowej, której rozmiar zmienia się bezbłędnie. Na tym kursie nauczysz się, jak korzystać ze środowiska JavaScript Snap.svg do łatwego tworzenia, kontrolowania i animowania plików SVG. Czego się nauczysz Jak tworzyć kształty za pomocą Snap.svg, zaczynając od podstawowych kwadratów i kół i przechodząc do bardziej złożonych kształtów. Niektóre atrybuty, których możesz użyć do stylizacji grafiki. Jak grupować kształty i stosować transformacje. Twórz podstawowe animacje z oddzwanianiem i ułatwieniami. Dodaj interaktywność do swoich animacji. Uzyskaj szczegółowe instrukcje na temat c

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu Brackets to edytor kodu open source specjalnie dla projektantów stron internetowych i programistów front-end. Ma bardzo przydatne funkcje, w tym podpowiedzi do kodu CSS i tworzenie kodu HTML na żywo, które umożliwiają kodowanie i obserwowanie zmian zachodzących natychmiast, bez konieczności zapisywania lub ponownego ładowania strony. Na tym kursie instruktor Craig Campbell nauczy Cię, jak używać nawiasów w swoich projektach internetowych, zaczynając od podstaw. Czego się nauczysz Przewodnik po głównych funkcjach nawiasów, w tym edycji kodu na żywo i funkcji szybkiej edycji dla CSS i JavaScript. Najlepszy Brack

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu Jako projektant stron internetowych jestem pewien, że w pewnym momencie musiałeś zaprojektować stronę docelową. Jeśli nie, to zrobisz to. Dlaczego więc nie zdobyć przewagi i nauczyć się podstaw projektowania strony docelowej? Ten kurs nauczy Cię, czym jest strona docelowa, jaką zwykle może mieć strukturę i jak ją zaprojektować, aby uzyskać najlepsze wyniki. Czego się dowiesz Co to jest strona docelowa i jaka jest różnica między stroną docelową a tym, co zwykle nazywamy stroną główną. Jak stworzyć skuteczną strukturę strony docelowej. Jak zwiększyć współczynnik konwersji dzięki dopasowaniu wiadomości, gratisom i efektom

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu Na tym kursie stworzysz dziesięć interfejsów użytkownika i projektów układu, które pomogą Ci nauczyć się nowych, niesamowitych technik projektowania, które CSS3 wprowadza do stołu. Będziemy używać CodePen - za każdym razem, gdy poproszę cię o zrobienie kopii podstawowego „pióra”, po czym będziesz mógł kontynuować, gdy buduję produkt końcowy. Zacznijmy od małego podglądu dziesięciu projektów, które wykonasz. Czego się nauczysz Użyj czystego CSS3, aby stworzyć płynne animowane programy ładujące. Utwórz elastyczny układ wielokolumnowy, w którym każda kolumna ma tło o równej wysokości. Użyj CSS3, aby nadać nowy styl t

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu Na tym kursie nauczysz się, jak rozpocząć pracę z Foundation 6, najnowszą wersją popularnego frameworka ZURB. Dowiesz się, co nowego i co się poprawiło, a także uzyskasz kompleksowy przegląd komponentów. W kolejnych rozdziałach dowiesz się, jak korzystać z nowej aplikacji towarzyszącej Yeti Launch, a także jak dostosować Foundation i pracować z jej najważniejszymi elementami. Czego się dowiesz Co nowego, co zmieniło się w porównaniu z poprzednimi wersjami i jak zacząć korzystać z Foundation 6. Użyj Yeti Launch, aby tworzyć projekty oparte na Fundacji od razu

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu WooCommerce zapewnia dużą moc i elastyczność dla prostych witryn sklepowych po wyjęciu z pudełka, ale aby zbudować naprawdę wyjątkowe witryny, musimy zagłębić się nieco głębiej. Na tym kursie instruktor Envato Tuts + Rachel McCollin nauczy Cię, jak ulepszyć witrynę WooCommerce za pomocą takich funkcji, jak osadzone wideo, mega menu i menu filtrów. Stworzą one dopracowane i atrakcyjne wrażenia sprzedażowe dla odwiedzających i pozwolą im najłatwiej połączyć się z produktami, którymi są zainteresowani. Czego się dowiesz W jaki sposób filmy o produktach mogą pomóc w sprzedaży produktów i jak dodawać

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu Dostępność sieci szybko staje się tematem nieuniknionym. Dostęp do sieci staje się podstawowym prawem człowieka, ale wiele witryn jest niedostępnych dla osób z różnymi niepełnosprawnościami. Ten kurs identyfikuje różne niepełnosprawności, które należy uwzględnić, korzyści dla wszystkich użytkowników, gdy Twoja witryna jest bardziej dostępna, i jak być proaktywnym, jeśli chodzi o zgodność z wytycznymi dotyczącymi dostępności treści internetowych (WCAG). Niezależnie od tego, czy jesteś projektantem, programistą, kierownikiem projektu czy dyrektorem generalnym, ten kurs pomoże Ci zrozumieć, że dostępność jest tego warta

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu Wielu początkujących projektantów stron internetowych unika sprytnych efektów takich jak przewijanie paralaksy tylko dlatego, że boją się JavaScript. W tej lekcji nauczysz się, jak używać trzech potężnych, prostych ram JavaScript do tworzenia własnych efektownych przewijania bez konieczności pisania dużej części własnego kodu JavaScript. Czego się dowiesz Użyj wow.js, parallax.js i skrollr.js, aby tworzyć własne efekty przewijania w przeglądarce, bez konieczności brudzenia rąk skomplikowanym JavaScript. Co to jest przewijanie paralaksy i jak ją łatwo skonfigurować za pomocą parallax.js. Jak u

• Projektowanie stron

Kursy Envato + Kursy Kursy wideo prowadzone przez doświadczonych instruktorów. Naucz się nowych umiejętności od początku do końca. Pliki źródłowe do pobrania dostępne również na GitHub. Opis kursu W tym krótkim kursie poznasz wtyczkę CSS do programu Sketch o nazwie CSSketch. Ta wtyczka umożliwia pisanie CSS, który bezpośrednio wpływa na elementy w dokumencie Szkicu. Przyjrzymy się, jak to działa i jak możesz z tego skorzystać. Omówimy także implikacje korzystania z takich technologii oraz sposoby, w jakie mogą pomóc nam wypełnić lukę między projektantami a programistami. Jest to część naszej nowej serii kursów przerwy kawowej, zaprojektowanych w celu nauczenia nowych umiejętności lub koncepcji podczas jednego posiedzenia. Do końca zrozumiesz, jak używać CSSketch do integracji