Bookmarks

Narzędzia

API

DevDocs
jQAPI
OverAPI.com | Collecting all the cheat sheets
WordPress reference
Wordpress Reference Guide v3.0+ | DBS>Interactive
CSS Reference - A free visual guide to CSS
CSS Reference | Codrops
Devhints — TL;DR for developer documentation
wp-hierarchy.png (2862×1504)

CSS

Anim

Animate.css
Magic CSS3 animations by miniMAC - minimamente
CSS3 Animation Cheat Sheet - Justin Aguilar
Vivify - CSS Animation Library
p5.js | reference

Gradient

CSS Gradient
Gradient CSS Generator | CSSmatic
Online Gradient Generator
Ultimate CSS Gradient Generator - ColorZilla.com
uiGradients - Beautiful colored gradients
CSS Colour Gradients with GradPad, beautiful CSS color gradient generator for your designs

Kolekcje

coolHue - Coolest Gradient Hues and Swatches by UVdesk
Fresh Background Gradients | WebGradients.com 💎

Grid

CSS Grid Layout Interface Builder | LayoutIt!
CodePen - CSS Grid Template Builder

Hamburger icons

Randomly generated Pure CSS menu icons w/ markup and SCSS
Hamburgers by Jonathan Suh

Loading

SpinKit | Simple CSS Spinners
spin.js
Shape loaders and color effects with CSS3 - Codepad
SVG Liquid Animation - Codepad
Loadingi

Can I use... Support tables for HTML5, CSS3, etc
Cursors
Fancy Border Radius Generator 1
Fancy Border Radius Generator 2

Email

CSS Support Guide for Email Clients | Campaign Monitor
Email Preview Testing

Favicon

Favicon Generator - Generate favicon pictures and HTML
X-Icon Editor
Favicon Checker—See how your favicon hold up across popular browsers, including native dark and light modes.

Fonty

Ladne czcionki

Times

Google Fonts Lora
Spectral - Google Fonts

Sans serif

Google Fonts Source Sans Pro
Varela Round - Google Fonts

Sans

Merriweather - Google Fonts

Inne

Annie Use Your Telescope - Google Fonts

Ikony znakowe

Fontello - icon fonts generator
Font Awesome, the iconic font designed for Bootstrap
GlyphSearch: search for icons from Font Awesome, Glyphicons, IcoMoon, and Ionicons
Themify Icons - 320+ Free Icons For Web Design & Apps

google webfonts helper
Znaki
Type Nugget (Beta) | CSS Typography & Typesetting Tool
google webfonts helper
google/fonts: Font files available from Google Fonts
Text faces | Lenny face ( ͡° ͜ʖ ͡°), shrug face ¯\_(ツ)_/¯, look of disapproval ಠ_ಠ and more.
📙 Emojipedia — 😃 Home of Emoji Meanings 💁👌🎍😍
FontAwesome ikony
A Comprehensive Guide to Font Loading Strategies—zachleat.com

Google Maps

Latitude and Longitude Finder Lat Long Lookup
Google Map Builder by MyNameIsDonald - Build a Google Map for your website in just a few clicks.
Snazzy Maps - Free Styles for Google Maps

Grafika

Ikonki

Iconfinder | Search through more than 114,000 icons
iconmonstr - Free simple icons for your next project
Icon Archive - Search 254,856 free icons, desktop icons, download icons, social icons, xp icons, vista icons
Free vectors icons for download and Icon font | Flaticon
ICONSVG - Quick customizable SVG icons for your project

Optimize

TinyPNG – Compress PNG images while preserving transparency
Compressor.io - optimize and compress JPEG photos and PNG images
Squoosh

Users

User Inter Faces
Diverse UI
Pravatar - CC0 Avatar Placeholder

Photo Stocki

darmowe

Free stock photos · Pexels
picjumbo — totally free photos for your commercial & personal works
Unsplash
Pixabay - Free Images
Gratisography: Free high-resolution photos
Lista darmowych stocków | DailyWeb.pl - Blog pasjonatów technologii WWW

Filmy

Coverr - Beautiful, free videos for your homepage
Free stock videos – Pexels Videos
Mazwai video
Royalty Free Stock Video Footage Motion Graphics Music & Sound Effects

Corbis Images: Doskonałe, gotowe do użycia fotografie i ilustracje
Depositphotos: Zdjęcia stockowe royalty-free, ilustracje i grafiki wektorowe

Placeholder

Placeholder.com - Quick & Simple Placeholder Images, Text & More
Placeit - Generate Product Screenshots in Realistic Environments
PlaceIMG | Easy FPO and Dummy Images for Any Project
Unsplash It
{placekitten} - Placeholder kitten images for developers
Artboard Studio - Online graphic design application for product mockups

Sprites

SpritePad

Responsive Image Breakpoints Generator by Cloudinary
PSDETCH | PSD Layer export | Online PSD view | Online Image View | Online PDF View

JS

Closure Compiler Service
JSLint,The JavaScript Code Quality Tool
JS NICE: Statistical renaming, Type inference and Deobfuscation
JSBEN.CH Benchmarking for JavaScript
jsPerf: JavaScript performance playground
ECMAScript 6 compatibility table

JSON

JSON Generator – Tool for generating random data
JSONLint - The JSON Validator
Mockaroo - Random Data Generator | CSV / JSON / SQL / Excel

Kolory

LOL Colors - Curated color palette inspiration
Discover Palettes — Art & Design Inspiration at ColRD.com
Kolory 1
Kolory 2
Eksploruj | Popularne - Adobe Color CC
Palx
color.hailpixel.com · Swatch you doing?
Cohesive Colors | A tool for creating more cohesive color schemes.
BADA55.io - CSS hex color words for web developers
Color Koala - The Koala-ty color palette generator, creating gorgeous colors for all of your side projects.

Page speed

WebPagetest - Website Performance and Optimization Test
Sprawdzanie accesability WAVE Web Accessibility Tool
PageSpeed Insights

Regex

Regex tester and debugger: JavaScript, Python, PHP, and PCRE
Regex Tester
RegExr: Learn, Build, & Test RegEx

Responsive

Sizzy
Dashboard
XRespond – Virtual Device Lab
Responsinator
Viewport Sizes
Device Metrics - Google Design
Responsive Image Breakpoints Generator by Cloudinary

Mega Tags | The most complete social media meta tag generator
The Front-End Checklist - ✨ Your best Front-End Tool ✨
thedaviddias/Front-End-Performance-Checklist: 🎮The only Front-End Performance Checklist that runs faster than the others
snippet generator