![]() Each block performs a different function, so you can mix and match them to get the right functionality and experience from each webpage.Īnother great thing about Blocs is that it actually hides some fairly advanced features within its seemingly simplistic user interface. The individual elements within the software are called blocks, and you build your website by 'stacking' these blocks in a particular order that makes them flow optimally. You can easily edit your creations as you go along, and the software is so easy that you won't feel the least bit overwhelmed by the web design process. You'll be amazed at how quickly you can build a full website with just a few clicks. The experience of using Blocs is a lot like using any other artistic software with a graphical user interface. And if you've mastered the basics and want to see what else you can do, keep reading for a look at Blocs 3's more advanced features.Overall Opinion: Blocs gets its name from the idea that users aren't necessarily coding with the software, but rather building with it. That said, if you just want to build a great-looking, mobile-friendly site in a single app, without hours of study and even more hours of trial and error, you can't beat Blocs. HTML and CSS are among the easiest programming languages to learn, even if you're the type of person whose brain starts hurting at the mere phrase "programming language." And as much as we like Blocs, a text editor is way, way cheaper – like, free cheaper in many cases – than the $100 you'll spend on it. There's a beauty, even a poetry, to coding by hand. Choose where on your hard drive to save the files, and in a few seconds, Blocs will have packed up your site for speedy delivery to the Web. But Blocs will bundle all your files and images into one tidy, ready-to-upload package.Įxport your site by selecting File > Export > Quick Export or hitting cmd-E. We'll use these controls to give the selected photo a thick, square-edged white border, and a nice-looking drop shadow:īlocs 3 doesn't include built-in tools to send your site to your web server of choice you'll need a separate FTP client to do that. For example, you can make a class's text blue, bold, and bigger on smaller screens for easier legibility, but black, smaller, and italicized on a desktop monitor. And when you open the class editor at different breakpoints, you can adjust settings for that class for the specified breakpoint. You can play around with any of these controls and see the results on the canvas in real time. ![]() And the shadowboxes control the object's drop shadow and opacity. The letter T controls typography, setting font, size, and other format attributes. The paintbrush controls color and appearance, including an object's background image and color, and the width, style, and color of any border around it. The compass controls your object's dimensions and placement on the page, including its width, height, margin (empty space beyond the edges of the object), and padding (empty space within the edges of the object). Select the main header in your hero Bloc, and use the Brics bar button above it to add an image, then fill the blank space with a picture from your Asset Manager: That hero Bloc looks pretty good, but what if we added another image on top of that background for a little contrast? Madness? Perhaps, but Blocs can still make it happen. Global styles work great for your site's broad strokes, but you can do so much more to make individual aspects of each page stand out. Once you've chosen an object, the Typeface, Size, and Color options are fairly self-explanatory, while the Direction buttons control whether your text flows left-to-right or right-to-left, in case you're building a site in Arabic, Japanese, or other written languages that employ the latter approach. This comes in particularly handy for the Logo Text and especially the Navigation Links, which aren't easy to format otherwise. Use the Object pulldown to select which site element you want to style. Anything you set at a larger breakpoint will flow down to all the smaller ones unless you specify differently. The Breakpoint buttons here control how the different elements will be styled at large (desktop computer), medium (tablet), small (big phone), and extra-small (tiny phone) screen sizes.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |