Pokazywanie postów oznaczonych etykietą generator. Pokaż wszystkie posty
Pokazywanie postów oznaczonych etykietą generator. Pokaż wszystkie posty

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


Nie wszyscy wiedzą, że nie potrzebujemy programu graficznego, aby wydobyć palety głównych kolorów z jakiegoś zdjęcia. Wykorzystanie prostego narzędzia, jakim jest Colors Pallete Generator nie tylko skróci nam cały proces, lecz również od razu podzieli wydobyte kolory na kategorie - palety jasne, średnie, ciemne, oraz paleta ogólna. Do każdego z wyodrębnionych kolorów dostajemy jego nazwę w postaci #000000.
Korzystanie z generatora jest bajecznie proste. Początkowo należy wgrać na serwer interesującą nas grafikę (możemy to zrobić wpisując adres url lub wybierając plik z naszego komputera); wgrywanie rozpoczynamy klikając GET PALETTE.
    O czym należy wiedzieć?
  • Maksymalny rozmiar załączonego pliku graficznego: 1MB
  • Dopuszczalne rozszerzenia: .png, .gif, .jpg, .jpeg
  • Uzyskane palety możemy zapisać w postaci pliku *.css lub swatch'y do Photoshop'a *.aco
Źródło: http://www.cssdrive.com/imagepalette/index.php

Colors Pallete Generator - palety kolorów ze zdjęcia



Jest wiele sposobów na prezentowanie kodu na stronach internetowych. Jeden z nich to wykorzystanie skryptu napisanego w JavaScript- Syntax Highlighter Scripts Generator, który stosuje specjalne formatowanie składni aż 23 języków (ActionScript3, Bash/shell, ColdFusion, C#, C++, CSS, Delphi, Diff, Erlang, Groovy, JavaScript, Java, JavaFX, Perl, PHP, Plain Text, PowerShell, Python, Ruby, Scala, SQL, Visual Basic, Xml, xHtml, xslt, Html).
Aby z niego skorzystać, przed zamknięciem </head> umieszczamy automatycznie wygenerowany kod ze strony autora, natomiast kod, który chcemy wyświetlić, zawieramy w znaczniku:

HTML

<pre class="brush:css;"> tutaj kod </pre> Nazwę klasy brush:css ustawiamy na zgodną z naszym kodem - np. brush:html.
Mamy do wyboru 8 różnych wariantów kolorystycznych (themes demo).

Źródło: http://www.way2blogging.org/widget-generators/syntax-highlighter-scripts-generator

Syntax Highlighter Scripts Generator