nawigacja

Sublime text 2

Witam Państwa po bardzo długiej przerwie, dziś mam do przedstawienia bardzo superowe oprogramowanie zwane jako Sublime text 2. Oprogramowanie to może być bardzo pomocne dla osób, które tworzą strony Internetowe. Dlaczego? O tym wszystkim dowiesz się z tego artykułu, gdyż zamierzam Ci przedstawić niesamowitą recenzję na temat tego programu. Na początku kilka bardzo istotnych informacji, które z pewnością Ciebie zainteresują.

Czy Sublime text 2 jest darmowy?

Otóż program ten z jednej strony jest darmowy, a z drugiej płatny. Ale już Ci wyjaśniam dlaczego tak mówię. Wszystko to ponieważ po instalacji programu nie jesteś proszony o żaden klucz. Korzystać z niego możesz pełni do woli, ale no właśnie jest pewne ale. Program ten co pewien czas będzie wyświetlał Ci informacje, żeby kupić licencję. Koszt licencji to 70 $ (dolarów). Autorzy programu nie wymagają jej kupna, ale informują o tym co pewien czas komunikatem za pomocą wyskakującego okienka. Przedstawię Ci poniżej kilka powodów dla których warto docenić autorów tego oprogramowania i zainwestować przy pierwszej lepszej okazji w zakup licencji tego programu.

Wygląd programu

sublime text 2

Dlaczego warto zainwestować w ten program?

Przyjmijmy, że chciałbyś utworzyć taką strukturę kodu:

<html>
<head>
<title></title>
</head>
<body>

</body>
</html>

W programie tym wystarczy wpisać słowo html, oraz wcisnąć CTRL+Spacja, aby wszystko zostało wygenerowane. Ktoś powie, że w innym edytorze daje utwórz dokument z podstawowymi informacjami i też ma taką samą strukturę w kilka sek. Lećmy więc dalej.

Powiedzmy więc, że chcesz stworzyć taką nawigację z wszystkimi tymi divami o różnych identyfikatorach ID itd.

nawigacja

Myślę, że nie ma żadnego edytora, który pomoże Ci w wygenerowaniu takiego kodu nie licząc sublime text. Pewnie wybrałbyś jakiś dowolny edytor z podpowiadaniem składni, aby stworzyć tekst tego typu. Ile czasu by Ci to zajęło, pewnie z około 2 minuty, a możesz to wykonać w około 20 sekund.

Wystarczy tylko wpisać:

#wrapper>nav.nawigacja>ul>li*6>a[href=#]{Przykładowy Link}

A następnie wcisnąć przycisk TAB, a zostanie wygenerowany dla Ciebie właśnie taki kod jak wyżej. I jak zaczyna Ci się pewnie podobać? To tylko jedna z nielicznych możliwości jakie ten program potrafi. Uwierz mi jest tego tak dużo, że nawet ja nie znam nawet 30 % możliwości tego programu. A chciałbym znać je wszystkie, aby móc w bardzo szybki sposób tworzyć coś, co zajmowało mi kilka dni.

Wytłumaczę Ci powyższą instrukcję bo zapewne nic z niej nie wiesz. #wrapper, mówi o tym, że chcesz aby został ci stworzony div o identyfikatorze ID=wrapper. Następnie za pomocą > mówisz programowi ,, słuchaj, chcę aby w div wrapper znalazł się znacznik <nav>, dodając .nawigacja, mówimy dodatkowo, że znacznik ten ma posiadać klasę ,,atrybut class=”nawigacja”. Następnie znów mówimy > aby w tym całym obszarze został stworzony znacznik <ul> w którym będą znaczniki <li>, gdzie symbol *6 oznacza, że chcemy ich aż 6 sztuk. Następnie mówimy, że w znacznikach <li> chcemy by wstawiony został link, z przykładowym atrybutem href prowadzącym do #. W nawiasie {} podajemy przykładowy tekst umieszczony w Linkach. Jeżeli nie umieścisz tego to zostanie to pole puste.

Podsumowanie

Myślę, że zachęciłem Cię do skorzystania z tego programu. Powiem szczerzę, że nie wyobrażam sobie ostatnio pracy bez niego. W ciągu całego dnia jestem w stanie zaoszczędzić masę czasu. Ten artykuł jest zbyt mały, aby omówić wszystkie ważne informacje odnośnie Sublime text 2. Na blogu będę starał się pokazywać Ci kolejne artykuły związane z tym programem. A teraz zapraszam Cię pod adres: sublimetext.com, celem pobrania najnowszej wersji oprogramowania. Program zupełnie za darmo, ale jak wspomniałem wcześniej, jeżeli nie kupisz licencji to będzie wyskakiwało Ci okienko z taką informacją co pewien czas. Trochę to denerwuje na dłuższą metę, ale naprawdę docenisz osoby które stworzyły to oprogramowanie.

Pozdrawiam,

Kamilo.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Why ask?