Kod jako obrazek ­čžĹÔÇŹ­čĺ╗

Dzisiaj chc─Ö poleci─ç darmowe narz─Ödzia, w kt├│rych si─Ö absolutnie zakocha┼éam i nie mog─Ö uwierzy─ç, ┼╝e do tej pory o nich nie wiedzia┼éam. Kursy, kt├│re tworz─Ö w ramach testelka.pl s─ů kursami dla tester├│w oprogramowania. W zwi─ůzku z tym czasem potrzebuj─Ö w jaki┼Ť ┼éadny spos├│b zaprezentowa─ç przyk┼éadowy kod. O ile kod w samym kursie powinien m├│c by─ç kopiowany w wygodny spos├│b, tak ju┼╝ w ebookach czy prezentacjach ma si─Ö po prostu dobrze prezentowa─ç. I do tego s┼éu┼╝y narz─Ödzia typu „code to image”.

Kod jako obrazek

Wymienione poni┼╝ej narz─Ödzia pozwol─ů Ci wklei─ç kod i wygenerowa─ç z tego elegancko wygl─ůdaj─ůcy obrazek w r├│┼╝nych formatach (np. png, jpeg albo svg).

Code to Image Converter

Minusem tego narz─Ödzia jest niedu┼╝y wyb├│r j─Özyk├│w. Do wyboru masz j─Özyki/sk┼éadnie takie jak: C, C#, C++, CSS, HTML, Java, JavaScript, JSON, JSX, Lezer. Plusem jest natomiast mnogo┼Ť─ç dost─Öpnych opcji zmiany wygl─ůdu obrazka. W ramach narz─Ödzia mo┼╝esz:

  • zmieni─ç t┼éo,
  • ukry─ç znak wodny,
  • zmieni─ç wielko┼Ť─ç czcionki,
  • prze┼é─ůczy─ç si─Ö na jasny tryb (ale um├│wmy si─Ö, kto jeszcze programuje na bia┼éym tle),
  • ukry─ç numery linii,
  • pokaza─ç lub ukry─ç cie┼ä okna z kodem.

Je┼╝eli wi─Öc w swoich materia┼éach prezentujesz kod w ramach dost─Öpnych sk┼éadni, gor─ůco polecam to narz─Ödzie.

ray.so

To narzędzie z kolei ma mnóstwo języków do wyboru, w tym Pythona czy PHP, których brakowało w poprzednim przykładzie. Ma jednak wyraźnie mniej opcji do wyboru. Nie ma na przykład numerowania linii. Nie pobierzesz też pliku w formacie jpeg, chociaż to niekoniecznie musi być problem, bo dużo lepiej do takich rzeczy użyć np. png.

codeimg.io

Ta apka jest o tyle ciekawa, ┼╝e ju┼╝ w pierwszym kroku pozwala wybra─ç wielko┼Ť─ç, kt├│ra b─Ödzie pasowa─ç do publikacji w mediach spo┼éeczno┼Ťciowych. Mo┼╝emy np. wybra─ç opcj─Ö, ┼╝e kod ten ma by─ç opublikowany na Instagramie i zobaczymy szablon wielko┼Ťci odpowiadaj─ůcej publikacjom na Instagramie. Aplikacja mo┼╝e nie wygl─ůda na pierwszy rzut oka tak prosto i uroczo jak dwie pozosta┼ée, ale ma ogromne mo┼╝liwo┼Ťci ustawie┼ä i wyb├│r sk┼éadni.

Dodaj komentarz