Strony z darmowymi ikonami

W telegraficznym skrócie - kilka stron, na których znajdziesz darmowe ikony na stronę WWW
https://octicons.github.com/
https://glyphicons.com
http://fontawesome.io/
Lista będzie stale aktualizowana

Łączenie się z SSH i edycja plików - programy

Praca z plikami znajdującymi się na serwerze, jest stresująca dla początkujących osób. Istnieje mnóstwo aplikacji, które w lepszy lub gorszy sposób, pozwalają na łączenie się z serwerem i w tym artykule, chciałbym wymienić przynajmniej część z nich, oraz ich najważniejsze wady i zalety.

Biblioteczka webmastera - Head First. Javascript - edycja polska

W tej serii będą pojawiały się recenzje książek i e-booków dotyczących front-endu i ogólnie - programowania. Na pierwszy ogień biorę książkę, polecaną osobom początkującym w programowaniu w języku JavaScript, wydawnictwa Head First.

Tricki w Sublime Text (TWST7) - usuń folder z projektu

Podczas przeszukiwania wielu plików w Sublime Text, często pojawiają się nam wyniki wyszukiwania, których nie potrzebujemy. Przykładowo - w projekcie SASS, zwykle nie chcemy przeszukiwać zminifikowanego pliku CSS oraz plików .sass-cache.

Po usunięciu ich z projektu, pliki nie będą widoczne podczas wyszukiwania w całym dokumencie (ctrl + shift+f), oraz po wciśnięciu skrótu "skocz wszędzie" (ctrl + p). Aby usunąć folder z projektu, kliknij na nim prawym klawiszem myszy i wybierz opcję Projekt. Z niej wybierz jedną z opcji, oznaczonych jako "Exclude from Index".

Możesz też wyłączyć pokazywanie się plików z różnymi rozszerzeniami, klikając na plik o danym rozszerzeniu i wybierając ostatnią opcję z "Exclude from Index".

Tricki w Sublime Text (TWST6) - usuń znak końca linii

W plikach tekstowych, często zachodzi konieczność usuwania znaku końca linii. Ten problem można rozwiązać na kilka różnych sposobów. Z pomocą przychodzi Sublime Text.

Po pierwsze - można przejść na koniec wiersza za pomocą klawisza [end] i następnie wcisnąć [del]. To metoda "na piechotę".

Po drugie - można zastosować wyrażenie regularne, które znajdzie i zamieni znak końca linii na coś innego.

Po trzecie, można przejść do linii i wcisnąć skrót [ctrl] + [j], który scali linię z następną. Bardzo przydatna metoda, która pozwala zaoszczędzić dużo czasu, szczególnie przy pracy ze źle sformatowanym kodem.

Tricki w Sublime Text (TWST5) - skasuj jedną linię tekstu

Kasowanie pojedynczych linii tekstu w procesorach (nie mylić z edytorami) tekstu, to męczarnia. We Writerze (pakiet Libre Office), trzeba zaznaczyć tekst myszą, naklikać się klawiaturą lub zaznaczyć tekst z użyciem przycisków Home / End. Szkoda, że nie oferują one tak świetnej opcji kasowania, jak w Sublime Text i innych, nowoczesnych edytorach.
Aby skasować linię tekstu, przejdź do niej kursorem i wciśnij ctrl + x (domyślnie wytnij). Ponieważ nic nie jest zaznaczone, edytor tekstu usuwa całą jedną linijkę. Tekst możesz także wkleić w inne miejsce.
Aby usunąć wiersz tekstu bez kopiowania (co przydaje się wtedy, gdy mamy jakieś dane w schowku), użyj skrótu ctrl + shift + k. Jest trochę mniej wygodny, bo wymaga użycia 3 palców.
Skrót bardzo ułatwia pracę bez myszy.

Tricki w Sublime Text (TWST4) - otocz zaznaczony tekst znacznikami.

Podczas tworzenia stron internetowych, często pojawia się sytuacja, gdy musimy okalać tekst tagami html. Przykładowo, wklejamy zdanie i następnie, żmudnie piszemy na początku tag <p> i następnie zamykamy go na końcu. Czy jest na to szybszy sposób?

Sublime Text oferuje bardzo wygodne "wrapnięcie" zaznaczonego obszaru w tag. Zaznacz tekst i wciśnij kombinację

alt + shift + w

Tekst zostaje otoczony tagiem <p></p> , który można zmienić na dowolny inny, na przykład dodatkowo wpisując klasę lub id.

Ponieważ ten skrót jest niewygodny do wpisywania, możesz go zamienić w ustawieniach Key Bindings. Sam używam tej opcji bardzo często i dlatego, zastąpiłem go skrótem F11. Pisząc w innych programach, często łapię się na tym, że próbuję zaznaczyć tekst i użyć tego skrótu :/

Tricki w Sublime Text (TWST3) - wiele kursorów bez użycia myszy

Jedną z opcji, która najbardziej imponowała mi, gdy zobaczyłem po raz pierwszy edytor Sublime Text, było możliwość edytowania kodu w kilku miejscach jednocześnie, za pomocą wielu kursorów. Przeczy to zasadzie DRY, ale świetnie wygląda i często się przydaje.

W jaki sposób włączyć kilka kursorów bez myszy? Zaznacz fragment powtarzającego się kodu, przy którym chcesz postawić kursory i wciśnij

ctrl + d

Wciskając tę kombinację, tworzysz kolejne kursory. Zapraszam na kolejną, 3 odsłonę tricków już wkrótce.

Ukryj wyniki wyszukiwania z W3Schools

W3Schools to kontrowersyjna strona, na której można znaleźć wiele niepełnych lub błędnych informacji na temat programowania webowego. Jest jednak świetnie wypozycjonowana i dlatego, wyniki z tej strony często pojawiają się przy wyszukiwaniu.
Aby czerpać informacje z lepszych źródeł, zainstaluj wtyczkę do przeglądarki W3Schools Hider, która ukryje wyniki z tej strony.
 Polecam!

Tricki w Sublime Text #1 - szukaj w całym projekcie

Cześć, tym postem chcę zapoczątkować serię na temat tricków w Sublime Text. Uważam, że dobre poznanie edytora tekstu, znacząco zwiększa wydajność pracy programisty. Z tego powodu, warto wybrać jeden edytor i poznawać go przez dłuższy czas. W tej serii poznasz tricki w Sublime Text 3.

#1 - Przeszukaj cały projekt
Załóżmy, że pracujesz przy dużym projekcie aplikacji mobilnej i chcesz w 15 000 plików wyszukać te, które zawierają klasę ".main-header". Zamiast otwierać pliki po kolei i szukać tekstu za pomocą skrótu ctrl+f, możesz wpisać

ctrl + shift + f

Dzięki  czemu pojawi się okno wyszukiwania w całym projekcie. Ten skrót pozwoli Ci zaoszczędzić setki godzin pracy.

Sposób na zakodowanie strony WWW idealnie zgodnie z plikiem graficznym

Pierwszym problemem, jaki pojawia się podczas tworzenia stron internetowych, jest kłopot z ustawieniami poszczególnych elementów tak, gdzie byśmy chcieli. Z czasem, dowiadujemy się do czego służą floaty i ich zerowanie, poznajemy flex, różne wartości "position" i tworzenie stron na podstawie szablonu wychodzi nam coraz lepiej. Gdy spoglądamy na nasze stare strony, widzimy, jak dużo błędów popełnialiśmy.