Блог Андрія Огороднікова Хто з мечем до нас прийде, від меча й загине.

Дэновские инструменты

23.04.2017, 06:54

dan's tools, color picker, css minimization

В поисках онлайнового минимизатора для css (решил и такой тип оптимизации испробовать), я отыскал целый великолепный набор инструментов под «одной крышей» — с очень простым названием «Dan’s Tools».

Особо порадовал меня инструмент для подбора веб-цветов, по ощущениям — самый удобный из тех, что я встречал, все под рукой и ничего лишнего. Он у меня уже в закладках на основной панели браузера.

Минимизация же css (или html, js etc) — это преде всего устранение пробелов, удаление комментариев и опциональное сокращение тех или иных свойств, например некоторые цвета можно записать как #999999 и как #999. А если файл со стилями очень большой, то экономия по байту выльется в килобайты. Этим пренебрегать не стоит.

Помимо минимизатора есть и словно бы обратный инструмент, бьютификатор — в этом случае пробелы и отступы специально добавляются для лучшей читаемости кода, а то что было написано в строчку, будет располагаться столбиком итд итп… Тоже полезная штука — приводить css к приятному и единообразному виду.

Весь список, пожалуйста (еяно, 43 наименования!)

Base64 Encode/Decode

Encode and decode a string as base64.

Binary Converter

Convert between hex, binary, and decimal quickly and easily.

HTML/JS/CSS Playground

An HTML, CSS, Javascript playground to test and share code snippets.

Color Picker

Find the perfect color palette for your project.

Unit Converter

Convert between different units of measure.

CSS Formatter

Beautify your CSS code

CSS Fonts

Search for web safe fonts and other web fonts.

CSS Minify

Compress your css to make your website faster to load. This takes out all the unecessary spacing and new lines.

Online Diff Tool

Compare documents using diff and easilty visualize the differences. Quickly merge the two files into one.

Email Validator

Determine whether an email address actually exists, and make sure it is valid.

Favicon.ico & App Icon Generator

Upload an image and have it turned into Favicons and App Icons, and get the proper code to use them.

Convert Files

Convert your video, audio, image, and document files between all formats.

GO Formatter

Clean up your GO code.

Data Size Converter

Convert between different data size measurments. Kilobytes, MegaBytes, Gigabytes, TeraBytes, etc.

.htaccess Generator

Easily create your .htaccess file with all the options you need.

HTML Formatter

Format HTML code to make it ledgible. Supports inline CSS and Javascript as well.

HTML Entities Escape

Encode and decode special html characters so that they can be used in an html page.

Online Image Editor

Edit an image in your browser.

Is It Up Or Down

Check whether a website is up or down.

Javascript Formatter

Format Javascript into a readable form.

Javascript Minify

Improve your site’s speed by optimizing your javascript code.

Javascript Obfuscate

Encode javascript to make it difficuly to read, making it more secure.

Javascript Error Logger

Log javascript errors that your users encounter on your production site.

JSON Formatter

Make your data easier to read with this JSON beautifier.

JSON Editor

Online JSON editor to help you maintain your data files.

JSON Minify

Make your JSON data file smaller with this minifier.

JSON Validator

Make sure your JSON is validly formatted and causing your app to break.

Keyword Tool

Generate a long-tail keyword list and find search volume and CPC for keyword research.

MD5 Hash Generator

Generate an MD5 hash from a string.

Perl Formatter

Reformat Perl code so that is easier to read.

PHP Formatter

Fix sloppy programming and indentation for PHP.

Python Formatter

Python beautifier.

RegEx Testing

Test, experiment, and share Regular Expressions.

Default Router Settings

Find the factory default settings for your router.

Ruby Formatter

Ruby beautifier.

SHA-1 Hash Generator

Generate a SHA-1 hash from a string.

CSS Sprite Generator

Create a CSS sprite out of many images to improve your website’s load time.

SQL Formatter

Format your SQL statements to make the easier to read.

TimeStamp Converter

Convert between unix timestamp (epoch) and several other date/time formats.

URL Encode/Decode

Encode and decode a string for us in http requests.

Website Speed Test

Test how quickly your website loads and find out how to improve its’ load time.

What is my IP

Find out what your IP address is.

XML Formatter

Format your XML data into more readable arrangment.

Сорри, если тег details ваш браузер не понимает, просто самописный спойлер немного лениво подключать — и так я уже кучу непредвиденных стилей навесил, вплоть до лайтбоксных галерей…

Я еще сам в процессе познания, но уже видно, какой богатый инструментарий создал этот добрый человек Дэн, дай ему бог здоровья и благополучия. Скажу просто: РЕКОМЕНДУЮ, так как сам уже подсел.

23.04.17, 06:49 ⁞ Интернет, Тестирование ⁞ , , , ,

Несколько однотемных публикаций: