Zoznam bezplatných nástrojov pre prácu s webom

Z času na čas dostanem e-mail od začínajúcich programátorov a ľudí, ktorí začínajú s programovaním webu, čo všetko pri tvorbe používam a čo by som im odporučil. Tento blog je základný sumár existujúcich portálov a on-line služieb, ktoré považujem za veľmi užitočné pri každodennej práci s webom a jej uľahčení. Takže poďme na to:

 

CSS clip-path maker

https://bennettfeely.com/clippy

Veľmi užitočný nástroj pre rýchle vygenerovanie CSS štýlov rôznych tvarov (trojuholníky, pentagon, hexagon atď...)

Zoznam bezplatných nástrojov pre prácu s webom

 

Analýza zdrojového kódu stránky

https://seo-servis.cz/source-zdrojovy-kod

Starší nástroj pre analýzu zdrojového kódu webu. Síce už nezodpovedá celkom najnovším štandardom, ale pre rýchlu orientáciu je stále veľmi dobrý.

Zoznam bezplatných nástrojov pre prácu s webom

 

Test pre mobilné zariadenia

https://search.google.com/test/mobile-friendly

Touto službou otestujete, ako jednoducho môže návštevník používať mobilnú verziu webu. Výsledky poskytujú hodnotenie, ktoré môžete ďalej zvážiť a upraviť.

Zoznam bezplatných nástrojov pre prácu s webom

 

Facebook Sharing Debugger

https://developers.facebook.com/tools/debug

Pri optimalizácii webu pre Facebook tento nástroj určite oceníte. Stačí zadať URL a výsledky analýzy ukážu, ako sa bude web zobrazovať pri zdieľaní na Facebooku.

Zoznam bezplatných nástrojov pre prácu s webom

 

Border radius service

https://border-radius.com

Generátor rádiusu okrajov pre lenivých ľudí – tak túto službu uvádza autor a ja s ňou len súhlasím.

Zoznam bezplatných nástrojov pre prácu s webom

 

The jQuery Plugin Registry

https://plugins.jquery.com

Register mnohých jQuery pluginov a knižníc. Využijete ich pri akomkoľvek webe.

Zoznam bezplatných nástrojov pre prácu s webom

 

Markup Validation Service

https://validator.w3.org

Validátor zdrojového kódu. Stačí zadať URL, alebo kód prekopírovať a nástroj presne povie, kde a aké typy chýb obsahuje a ako ich opraviť.

Zoznam bezplatných nástrojov pre prácu s webom

 

XML-Sitemaps generator

https://www.xml-sitemaps.com

Nástroj vhodný pre rýchle a jednoduché vytvorenie XML sitemapy, najmä pre malé weby.

Zoznam bezplatných nástrojov pre prácu s webom

 

Favicon.ico & App Icon Generator

https://www.favicon-generator.org

Stačí nahrať obrázok a nástroj vytvorí favikonku, prípadne ďalšie ikony, spolu s vytvorenými URL, ktoré je možné priamo vložiť do webu.

Zoznam bezplatných nástrojov pre prácu s webom

 

SEO checker

https://www.seobility.net/en/seocheck

Zadáte URL a nástroj vyhodnotí základné charakteristiky spracovania SEO na webe. Podľa výsledkov sa viete ďalej rozhodnúť o úpravách.

Zoznam bezplatných nástrojov pre prácu s webom

 

PixaBay

https://pixabay.com

Databáza obrázkov, aj bezplatných, alebo za veľmi priaznivé ceny. Ďalšie databázy bezplatných fotografií odporúčam tiež: https://unsplash.com a https://pexels.com

Zoznam bezplatných nástrojov pre prácu s webom

 

unDraw

http://undraw.co/illustrations

Kolekcia veľmi pekných ilustrácií, ktorá sa môže kedykoľvek zísť.

Zoznam bezplatných nástrojov pre prácu s webom

 

IconFinder

https://www.iconfinder.com

Vyhľadávač ikoniek, mnohé ikonky sú bezplatne stiahnuteľné.

Zoznam bezplatných nástrojov pre prácu s webom

 

CSS Animations Generator

http://www.theappguruz.com/tag-tools/web/CSSAnimations

V súčasnosti sú animácie na webe veľmi populárne. Tento nástroj je ich jednoduchý generátor.

Zoznam bezplatných nástrojov pre prácu s webom

 

Font Awesome

https://fontawesome.com

Veľmi dobrá knižnica ikoniek, ktoré každý web potrebuje.

Zoznam bezplatných nástrojov pre prácu s webom

 

Google Fonts

https://fonts.google.com

Veľká databáza fontov, aj pre web. Jednoduché linkovanie do webového projektu.

Zoznam bezplatných nástrojov pre prácu s webom

 

Multi Screen Resolution Test

http://whatismyscreenresolution.net/multi-screen-test

Jednoduchý, ale skvelý nástroj pre testovanie dizajnu a vizuálu webu v rôznych rozlíšeniach a veľkostiach obrazovky.

Zoznam bezplatných nástrojov pre prácu s webom

 

PageSpeed Insights

https://developers.google.com/speed/pagespeed/insights

Test rýchlosti načítavania komponentov webu. Výsledky z testu slúžia ako podklad pre ďalšie úpravy.

Zoznam bezplatných nástrojov pre prácu s webom

 

ColorHunt

https://colorhunt.co

Občas pomôže pri voľbe farebnej schémy, alebo pri výbere farieb.

Zoznam bezplatných nástrojov pre prácu s webom

 

Pattern editor

https://halftonepro.com/app

Editor pre tvorbu patternov. Občas skutočne nájde svoje využitie.

Zoznam bezplatných nástrojov pre prácu s webom

 

Trianglify

https://trianglify.io

Veľmi podobný editor na tvorbu patternu, v tomto prípade z trojuholníkov. Pri špecifickej grafike a grafickom koncepte je určite vítaný.

Zoznam bezplatných nástrojov pre prácu s webom

 

Uigradients

https://uigradients.com

Ak potrebujete rýchlo vytvoriť farebný gradient, tento nástroj je presne na to.

Zoznam bezplatných nástrojov pre prácu s webom

 

Ďalšie užitočné weby

php.net - pre detailné informácie o každej PHP funkcii

stackoverflow.com - obrovská komunita programátorov, množstvo diskusií na ktorých určite nájdete odpovede na všetky otázky, týkajúce sa programovania

jsfiddle.net - testovanie Javascriptu, HTML a CSS

 

Aké nástroje sú užitočné pre vás? Budem rád za tipy do diskusie, alebo e-mailom.

Pridať komentár k článku