Author: admin

  • Part- 3 Illustrator Scripting Looping the shape within layer

    Part- 3 Illustrator Scripting Looping the shape within layer

    Illustrator is a powerful design tool that is widely used by graphic designers and artists around the world. One of the key features of Illustrator is the ability to automate repetitive tasks through scripting. This can save designers a significant amount of time and effort, allowing them to focus on more creative aspects of their […]

  • Part- 2 Illustrator Scripting Creating folder using Javascript

    Part- 2 Illustrator Scripting Creating folder using Javascript

    Below is the code that will create a folder using javascript in illustrator script. Suppose there is dir variable selected by user. (as shown here) For MAC OS path= dir.fsName;new Folder(path+”/White”).create(); For WINDOWS OS path= dir.fsName;new Folder(path+”\\White”).create(); For different operating system in full path above is the code to create folder correctly. see the difference […]

  • Part- 1 Illustrator Scripting opening files in path selected

    Part- 1 Illustrator Scripting opening files in path selected

    Below is the script to loop through opened files as user select the folder var dir = Folder.selectDialog(“Select location of files?”); var files = dir.getFiles(“*.ai”); // .eps IS THE EXTENSION OF FILES TO READ dir=dir.fsName; Below is the script a that can be used to loop through files from the selected folder above for(var f […]

  • Area Calculation Javascript

    Area Calculation Javascript

    function areaOfCircle(radius) { return Math.PI * Math.pow(radius, 2); } function areaOfRectangle(width, height) { return width * height; } function areaOfSphere(radius) { return 4 * Math.PI * (Math.pow(radius, 2)); } function areaOfTriangle(baseWidth, height) { return baseWidth * height / 2; }

  • Retina Display Media queries

    Retina Display Media queries

    @media only screen and (min-width: 320px) { } /* Retina enabled devices with smaller screen */ @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px), only screen and ( min-device-pixel-ratio: 2) and (min-width: 320px), only screen and ( min-resolution: 192dpi) and (min-width: 320px), only screen and […]

  • Use Picture tag to create responsive image (html)

    <picture> <!– Default low resolution image –> <source srcset=”small.jpg” type=”image/jpg”> <!– Medium resolution image –> <source srcset=”medium.jpg” media=”(min-width: 768px)”> <!–High resolution Image –> <source srcset=”large.jpg” media=”(min-width: 1200px)”> <!– Fallback image incase the picture element is not supported –> <img src=”small.jpg” alt=”description of image”> </picture>