Źródło: http://css-tricks.com/snippets/css/stitched-look/

HTML

<div class="stitched"> Stitched </div>

CSS

.stitched { padding: 20px; margin: 10px; background: #ff0030; color: #fff; font-size: 21px; font-weight: bold; line-height: 1.3em; border: 2px dashed #fff; border-radius: 10px; box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); text-shadow: -1px -1px #aa3030; font-weight: normal; } body { padding: 10px; }

CSS3 - fastryga (uszyta ramka)

Zbiór darmowych czcionek, również do zastosowań komercyjnych.


FontSpace

Codziennie aktualizowany zasób darmowych czcionek. Zawiera wiele pozycji dopuszczonych do użytku komercyjnego.


Link: http://www.fontspace.com

Adobe Edge Web Fonts

Bezpłatna usługa, która zapewnia dostęp do dużej biblioteki czcionek do zastosowania przy tworzeniu stron internetowych.. Korzystanie z serwisu jest darmowe i nieograniczone - szczegóły.


Link: http://html.adobe.com/edge/webfonts

Google Web Fonts

Obszerna biblioteka czcionek dostępna online.


Link: http://www.google.com/fonts/

Font Squirrel

Tylko najlepsze czcionki do wykorzystania w celach komercyjnych.


Link: http://www.fontsquirrel.com

Adobe Typekit

Typekit wyróżnia intuicyjna wyszukiwarka czcionek


Link: https://typekit.com/

WE LOVE ICON FONTS

Zasada działania podobna jak w Google Fonts, jednak biblioteka zawiera jedynie czcionki typu icon.


Link: http://weloveiconfonts.com/

Abstract Fonts

Dziesiątki tysięcy darmowych czcionek. Ciekawą opcją jest możliwość sprawdzenia wszystkich czcionek jakie mamy aktualnie zainstalowane z szybkim ich podglądem.


Link: http://www.abstractfonts.com

Freebie: czcionki do zastosowań komercyjnych

Place it

Umieść swoje screeny w realistycznych warunkach w ciągu kilku sekund.


Link: https://placeit.net

Fontello

Czcionki jak ikony.


Link: http://fontello.com/

JotForm

JotForm to darmowy generator formularzy online. W wersji darmowej istnieje ograniczenie do 100 formularzy miesięcznie. Brak reklam w gotowym formularzu.


Link: http://www.jotform.com/

Prefixr

Poprawney kod CSS we wszystkich przeglądarkach w przeciągu kilku sekund!


Link: http://prefixr.com/

Can i use ..

Tabele zgodności wsparcia HTML5, CSS3, SVG na podstawie przeglądarek desktopowych i mobilnych.


Link: http://caniuse.com/

Lorem pixel

Po wybraniu rozdzielczości (i ew. kategorii) obrazka, otrzymujemy jeden adres url przedstawiający obrazek spełniający nasze kryteria. Co ciekawe, link jest jeden, natomiast z każdym odświeżeniem otrzymujemy inny obrazek.

Dopisując na końcu adresu /jakiś_tekst/, uzyskamy znak wodny w lewej części obrazka.


Link: http://lorempixel.com/

Responsive Design Bookmarklet

Poręczne narzędzie do testowania wyglądu stron przy różnych rozdzielczościach.

Aby z niego skorzystać, należy dodać button do zakładek a następnie uruchomić go na testowanej witrynie internetowej.


Link: http://responsive.victorcoulon.fr/

Drugie alternatywne narzędzie - http://www.responsinator.com/

JPEGmini

Zmniejszenie rozmiaru pliku zdjęć nawet do 5x, przy zachowaniu ich oryginalnej jakości i formatu JPEG.


Link: http://www.jpegmini.com/

Color Hailpixel

Prosty sposób eksperymentowania z kolorami.


Link: http://color.hailpixel.com/

Animate.css

Zbiór animacji CSS działających w różnych przeglądarkach do wykorzystania w swoich projektach.


Link: http://daneden.github.io/animate.css/

Narzędzia dla designerów