Samouczek CSSEdit: podstawy
CSSEdit jest, jak sama nazwa wskazuje, edytorem CSS dla komputerów Mac. W najnowszej wersji przyszedł błyskawicznie i jest teraz jedną z najlepszych aplikacji dostępnych na komputery Mac dla projektantów. CSSEdit jest tworzony przez wielkich deloperów z MacRabbit, którzy są również odpowiedzialni za DeskShade.
Jedną z najsilniejszych cech CSSEdit jest prosty, łatwy w obsłudze i piękny interfejs. Nawet ludzie, którzy nie mają doświadczenia w stylizowaniu stron internetowych, mogą obejść tę niesamowitą aplikację i stworzyć wspaniałe strony internetowe. W tym samouczku przyjrzymy się interfejsowi i jak najlepiej z niego korzystać.
Poznaj elementy Envato
Główne okno
Główne okno ma trzy główne sekcje, pierwsza sekcja (po lewej) to sekcja stylów. Tutaj możesz zobaczyć wszystkie style zastosowane w witrynie. Środkowa sekcja jest właściwym edytorem aplikacji, tutaj wykonujesz kodowanie pliku css, korzystając z zawsze pomocnej funkcji uzupełniania kodu. Sekcja po prawej stronie jest sposobem na stylizowanie strony bez kodowania czegokolwiek. Możesz wpisać lub wybrać za pomocą rozwijanych pól sposób stylizowania określonego elementu, a kod zostanie wstawiony za Ciebie. Jest to świetna funkcja dla każdego, kto nie zna się na CSS lub dla każdego, kto nie jest pewien, jak kodować określoną technikę.
Pasek narzędzi
Pasek narzędzi CSSEdit ma jedne z najlepszych funkcji w aplikacji i dlatego jest używany dość często, zwłaszcza w bardziej zaawansowanym użyciu, przejrzymy kolejno każdą ikonę paska narzędzi i wyjaśnię, co każdy z nich robi.
Wzdłuż lewej strony paska narzędzi znajduje się 5 narzędzi, pierwsze to nowa funkcja stylu, która pozwala dość łatwo dodać nowy styl do arkusza stylów. Drugi pozwala pogrupować określone style razem w folderze, aby ułatwić ich nawigację. Trzeci to prosty sposób dodania komentarza do arkusza stylów bez konieczności ręcznego kodowania go. Czwarty jest bardziej zaawansowanym sposobem stylizacji elementów, pozwala stylizować określony element wszędzie tam, gdzie pojawia się w arkuszu stylów. Dzięki tym czterem funkcjom kodowanie nie jest potrzebne, CSSEdit robi to wszystko za Ciebie. Piąta funkcja to prosta funkcja wyszukiwania, przydatna w przypadku bardzo dużego arkusza stylów.
Prawa strona paska narzędzi zawiera niektóre z bardziej zaawansowanych funkcji CSSEdit. Pierwszy pozwala wstawić łącze do arkusza stylów do pliku HTML, co powoduje przypisanie pliku HTML do pliku CSS w celu jego stylu. Drugi to sposób na wyświetlenie podglądu strony internetowej bez konieczności otwierania zewnętrznej przeglądarki internetowej. Trzeci nazywa się Kamienie Milowe, jest to sposób na zapisanie twojego aktualnego postępu w arkuszu stylów, umożliwiając cofnięcie w przypadku popełnienia błędu. Czwarty to sposób sprawdzania poprawności CSS, a ostatnia ikona pozwala zmienić trzy kolumny głównego interfejsu, które widzisz, co oznacza, że jeśli nie możesz kodować, możesz po prostu edytować swój CSS bez potrzeby kodowania.
Jeśli nie masz tej aplikacji, jako programista stron internetowych proponuję przeczytać więcej na MacRabbit. To naprawdę najlepsze narzędzie do tworzenia arkuszy stylów.
