


Here, you can add colors via RGB, CMYK, HSB, or hex code values, and apply them to elements with a simple click. Once you've found the hues that work for you, keep them in line by adding them to Blocs's Swatch Manager, accessible either by hitting cmd-8, going to Window > Global Swatch Manager in the menu bar, or clicking the small grid icon in the lower right corner of the window. The web abounds with HTML color palette pickers that can provide you with a suite of complementary colors for your site. When Blocs's placeholder video appears, click the refresh icon in the thumbnail (seen below) to pick a new one from the Asset Manager. From there, drag it straight to any Bloc to make it the background.Īlternately, select the desired Bloc, look for the Background palette in the Inspector pane, and click the "Video" checkbox.
BLOCS APP TEMPLATES MP4
Just make sure your video's in MP4 format and less than 10MB in size (anything larger, and Blocs will scold you anything over 20MB won't work at all), and add it to your Asset Manager. It's easier than you'd think to add a video background to any element in Blocs. You can then move the selected items into any of Blocs's preset groups, or create entirely new groups in which to store them. Within the Asset Manager, click "Select" at the top of the window, then select the items you want to categorize and click the blue "Add to" that appears at the top of the window. With a few clicks, you can sort those files into groups for quicker access.
BLOCS APP TEMPLATES LICENSE
(Just make sure any non-Google fonts have a license that allows Web use.) Asset Managerīlocs's asset manager has your back when your project gets stuffed with auxiliary images, text files, PDFs, and more. When you export a site that uses these typefaces, Blocs will make sure to include the right links or files. Whichever way you add new fonts, you'll need to quit and reopen Blocs before you can use any of your newly incorporated typefaces. In Blocs's Font Manager, add a new Google Web font, then paste that HTML code into the box that appears, and click "Create." svg form, for maximum browser compatibility.įor Google web fonts, select the font you want from Google's extensive online library, then copy the HTML code under "Embed Font." woff font file, but suggests you select a folder containing the font in both those formats, plus. From here, you can use the + button to add new fonts, either from Google's library of Web fonts or from local font files, depending on what you select in the pulldown menu.įor local files, Blocs requires at least a.
