MałgoLINKI - podsumowanie kwietnia

30.04.2016


Kwiecień zleciał mi bardzo szybko, nawet nie wiem kiedy. Prawdopodobnie przez natłok obowiązków, nie miałam czasu na to, aby spoglądać na kalendarz. Żyłam odstępami czasowymi, które był nie większe niż 20 minut, a moje dni opierały się tylko na nazwach tygodnia, bez dat i miesiąca. Tradycyjnie jest jeszcze więcej zaliczeń, plener wyjazdowy przed nam i trzeba wszystko ogarnąć, obowiązki w pracy i zamówienia, które cieszą teraz nowych właścicieli. Trochę przytłacza mnie fakt, że cały miesiąc przesiedziałam praktycznie przy komputerze, nie mając czasu na nic, a jedynymi rzeczami, które mi towarzyszyły w te dni to zielona herbata, sztaluga, pędzle, farby i ołówki. Moim sukcesem w tym miesiącu było wyrwanie się po zakupy tzw. "domowe". Dodatki, które zakupiłam do pokoju cudnie się wpasowują, a pokój nie wygląda na przygnębiający (szarość z biało-czarnymi dodatkami do mnie nie przemawia - dobrze, że nie mam białych mebli, bo wtedy to już na pewno czułabym się jak w szpitalu). To w sumie tyle u mnie w kwietniu, a jak to wygląda w linkach?


  1.  Według mnie jest to najlepszy kanał na YouTube do nauki angielskiego. Pani Arlena bardzo jasno wszystko tłumaczy i chce się jej słuchać godzinami. Żałuje, że nie miałam takich nauczycieli od angielskiego, wtedy na pewno nie traktowałabym tego języka jak obowiązku...przykrego obowiązku i tortury. 
  2. Szukasz programu online choć trochę podobnego do Photoshopa lub GIMPa? To ta strona jest dla Ciebie
  3. Ta strona dostarczy Ci ciekawych, nowoczesnych przykładów jak można w ładny i fajny sposób wykorzystać typografie. 
  4. Miejsce, w którym inspiracja króluje. Brakuje Ci inspiracji? To na pewno te kolaże zdjęć Ci pomogą, co miesiąc jest udostępnianie 10 darmowych plansz z inspiracjami. 
  5. 45 darmowych fontów
  6. Potrzebujesz wrzucić plik graficzny na Mockup, ale nie chcesz pobierać ciężkiego pliku na komputer? Ta strona przychodzi Ci z pomocą, możesz na niej wrzucić wybraną grafikę i pobrać już gotowy obraz. 
  7. Psychologia koloru - to jak, potrafisz dopasować odpowiedni kolor do danej sytuacji? [ENG.] :) 
  8. Chcesz stworzyć ładną, geometryczną teksturę, którą można bez większych obaw użyć na stronie? Koniecznie musisz zajrzeć na tą stronę
  9. Lubicie grafikę wektorową? Ja bardzo, jestem ogromną fanką, dlatego strona 365 cons bardzo mnie zachwyciła. O co chodzi? Autorka tworzy wektorowe ikony na każdy dzień roku, które można pobrać. 
  10. Jeśli lubicie oglądać ładne obrazki, to na pewno spodoba Wam się galeria Tomasza Majewskiego.

Ostatnio na blogu:



Czytaj dalej »

Batch Editor w programie Photoscape - jak z niego korzystać?

23.04.2016



Batch Editor to bardzo fajna opcja w PhotoScape, ponieważ umożliwia nam edycje wielu zdjęć na raz, dodawanie do nich podpisu oraz różnego rodzaju grafik jeśli jest to nam potrzebne. Wpis nie będzie długi, nie będzie w nim dużo tekstu, bo postaram się Wam wszystko wytłumaczyć na podstawie zdjęć. Jak to zrobić?

1. Otwieramy PhotoScape i wybieramy opcje Batch Editor


2. Wybieramy zdjęcia, które chcemy edytować



3. Edycja zdjęć



4. Zapisywanie


Czytaj dalej »

Szablon na Bloggera Girlish world do pobrania za darmo

17.04.2016


Kolejny szablon na Bloggera do pobrania za darmo. Szablon Girlish world jest szablonem z układem kafelkowym, dzięki czemu nasz blog będzie bardziej przejrzysty.

Co zawiera szablon Girlish world?

  • Gadżet multi tabbed 
  • Ruchome, rozwijane menu 
  • Układ kafelkowy 
  • Numerowany pager bloga
  • Ikony społecznościowe w stopce bloga oraz w kolumnie bocznej 
  • Ikony udostępniania wpisów 

Czytaj dalej »

Trochę o Font Awesome

10.04.2016


Font Awesome może nie jest wszystkim znany, ale prawie na każdym blogu jest on widoczny. Najbliższy przykład zastosowania Font Awesome, znajdziecie na moim blogu - są to ikonki społecznościowe w górnym menu, w kolumnie bocznej oraz ikonki udostępniania, jednak można je zastosować w inny sposób np. dodając ikonkę autora w stopce bloga zamiast napisu "Autor". Jednak zanim dojdziemy do instrukcji związanych z Font Awesome, wypadałoby powiedzieć kilka słów o tym, co to właściwie jest.

Font Awesome 

Jest to font w formie ikon, a dokładniej font zawierający wektorowe ikony. Jest to font przeznaczony do użytku na stronach internetowych. Jest ona najpopularniejszą biblioteką fontów obrazkowych inaczej icon fonts.

Po mimo tego, że są to ikonki, to można je edytować tak jak każdy inny font na stronie za pomocą CSS czyli np. zmienić ich wielkość, kolor, dodać cień.

Można je używać jako ikon społecznościowych, obrazków uzupełniających nasz wpis, podmienić różne wyrazy (nawet te w stopce bloga) na ikonki, dodawać je do menu.

Zasada działania i jak dodać Font Awesome do naszego bloga?

Pierwsze co musimy zrobić, aby nasz Font Awesome działał, to musimy zainstalować go w szablonie, a robimy to tak:

1. Wchodzimy na stronę Font Awesome
2. Kopiujemy kod, który jest przedstawiony na obrazku


3. Wybieramy szablon - edytuj kod HTML. Wyszukujemy <head> i NAD <head> wklejamy kod. Musimy pamiętać aby na końcu naszego kodu, a dokładnie za ostatnim " a przed  dopisać /


Oto przykłady co można z Font Awesome zrobić i jak to zrobić w tekście:

Ogień prosto z Font Awesome

Diamenty też się znajdą



Jak dodać Font Awesome w gadżecie HTML/JavaScript

Pokażę Wam, jak można dodać Font Awesome jako gadżet czyli zrobić z nich np. ikonki społecznościowe. Można to zrobić na dwa sposoby:

Sposób pierwszy:

1. Przechodzimy do układ - dodaj gadżet - HTML/JavaScript
2. Wklejamy taki kod:

<div class="facebook" style="font-style: normal;"><a class="Facebook" href="LINK DO STRONY"><br /><i class="fa fa-facebook"></i></a>
<div class="instagram"><a class="Instagram" href="LINK DO STRONY"><br /><i class="fa fa-instagram"></i></a>
<div class="pinterest"><a class="Pinterest" href="LINK DO STRONY"><br /><i class="fa fa-pinterest-p"></i></a>
<div class="pytaj"><a class="pytaj" href="LINK DO STRONY"><br /><i class="fa fa-question"></i></a><br /></div></div></div></div></div>

To co pogrubione, jest selektorami. Dzięki temu, możemy ustawiać każdą ikonkę indywidualnie i jej kod może wyglądać np. tak:

przechodzimy do szablon - dostosuj - dodaj arkusz CSS 

.instagram {margin: -37px 10px 10px 40px;
font-size: 30px;}

Sposób drugi: 

1. Przechodzimy do układ - dodaj gadżet - HTML/JavaScript 
2. Wklejamy taki kod:

<div class='ikonki'>
<a href='LINK'>
<i class='fa fa-facebook'/>
</i></a>
<a href='LINK'>
<i class='fa fa-instagram'/>
</i></a>
<a href='LINK'>
<i class='fa fa-camera'/>
</i></a>
<a href='LINK'>
<i class='fa fa-pinterest-p'/>
</i></a>
<a href='LINK'>
<i class='fa fa-question'/>
</i></a>
</div>

To co pogrubione jest selektorem. W tym wypadku mamy jeden selektor do wszystkich ikonek, co jest szybsze i bardziej dokładne w ustawieniu ich. CSS do tego będzie wyglądać tak:

.ikonki {
float: right;
margin-right: 50px;
font-size: 20px;
letter-spacing: 10px;
}

Starałam się Wam wytłumaczyć jak najprościej o co chodzi z Font Awesome. Niedługo pojawią się instrukcję z wykorzystaniem tego fontu :)

Czytaj dalej »

MałgoLINKI - podsumowanie marca

02.04.2016


Marzec już za nami, a to oznacza, że czas na podsumowanie. U mnie nic się nie zmieniło. Cały czas studiuje, cały czas mam na głowie mnóstwo projektów. Jeśli u Was coś ciekawego się wydarzyło w marcu to możecie napisać w komentarzu ;)
  1. Kolejny, bardzo fajny bank zdjęć 
  2. Strona z różnymi grafikami, fontami oraz mockupami - wszystko jest tu płatne, ale jeśli założycie konto i zapiszecie się na newsletter, to w każdy poniedziałek na waszą skrzynkę mailową trafią wybrane przez stronę rzeczy do pobrania za darmo przez określony okres czasu. Później znowu są płatne.
  3. Full Page Screen Capture - wtyczka do Google chrome, która pozwala na robienie zrzutów ekranów całej strony, bez ucinania jej. 
  4. Nie musisz mieć talentu plastycznego, aby stworzyć ciekawą grafikę. Za pomocą Weavesilk, każdy ruch myszki zamieni się we wspaniały wzór. 
  5. Zrelaksuj się i...namaluj piosenkę 
  6. Zagraj Beethovena, Mozarta lub Chopina używając myszki 
  7. Macie problem z nauką języka? To może nauka języka za pomocą Waszej ulubionej piosenki Wam pomoże? 
  8. Bardzo ciekawa gra logiczna
Ostatnio na blogu:


Czytaj dalej »

Copyright © Szablon wykonany przez Blonparia