Tools – TalkarTech

Percentage generator

INPUT THE WIDTH RESOLUTION

INPUT THE RESOLUTION TO CONVERT TO %

CONVERTED RES

Fluid font-size (Increasing font size with screen width reduction)

INPUT % ADDER (0 = NO ADDING)

INPUT VW

OUTPUT

Left and right responsive padding (reducing with screen width)

INPUT % ADDER (0 = NO ADDING)

INPUT VW

OUTPUT

Media Query Generator

MAX BREAKPOINT MIN BREAKPOINT MEDIA QUERY 1

MAX BREAKPOINT MIN BREAKPOINT MEDIA QUERY 2

MAX BREAKPOINT MIN BREAKPOINT MEDIA QUERY 3

INPUT CSS (OPTIONAL)

OUTPUT MEDIA QUERIES

Text Transformations

LOWERCASE

UPPERCASE

CAPITALIZE

INPUT TEXT

OUTPUT TEXT