A set of CSS generators and tools. Front-End Box PRO includes:
WEB FONTS CONVERTER: the Web Fonts Converter tool converts the fonts and produces the set of compiled fonts and CSS file with proper styles. Supported formats are:
- ttf to woff
- ttf to woff2
- otf to ttf
- otf to woff
- otf to woff2
Web Fonts Converter converts to all modern fonts formats, including WOFF2, base64 option is also supported. You can set the font files and @font-family names for each font you add.
IMAGES OPTIMIZER: the Image Optimizer tool optimizes all main formats images - JPG/JPEG, GIF, PNG and SVG. Image Optimizer saves from 30% to 85% of file size (depending on source). Make your web pages load faster with "real" sizes of the images!
FLEXBOX PLAYGROUND: Using Flexbox Playground tool you can check all combinations of the Flexbox CSS property and choose the one suitable your situation. What the `align-content` stands for? How will the element change being `flex-shrink`ed? So many questions... Flexbox Playground has all answers! (also available in Front-End Box Lite)
CSS TRIANGLES GENERATOR: handy tool for CSS Triangles code generation. You can set any direction, one of the three triangle types (equilateral, isosceles, scalene), size and the color. Just grab the result and use it in your code! (also available in Front-End Box Lite)
BASE64 ENCODER: The Base64 Encoder tool does the following:
- font to Base64
- image to Base64
You can grab output as HTML or CSS (raw Base64 string is also available) with proper MIME types. Thats all what Base64 Encoder tool does, but it does it perfectly! (also available in Front-End Box Lite)
