In our latest Chicago Business Catalyst User Group meeting (we know it has been a little while since the last) Brian Mulholland, our Senior Web Designer, shared practical tools and tips you can use to decrease the amount of time it takes to build a website. This presentation was focused on building websites using Adobe Dreamweaver, Adobe Business Catalyst and the Foundation Framework. With the use of these tips and tools you can build a custom responsive landing page in less than ten minutes!
Foundation Framework if you are unfamiliar is an advanced responsive front-end framework. Foundation also makes it easier/faster for designers and engineers to code. Their three main taglines are its faster for users, faster to code and faster to learn.
Faster for Users: Allows you to create optimized sites by letting you selectively load entire sections based o the client device type.
Faster to Code: By popular demand Foundation now includes a medium grid. You can leverage, nestled between the small and large grids that you are used to. This means a lot less custom code for you to write!
Faster to Learn: The new Getting Started guide makes it easier and faster to get up to speed with the framework.
An essential toolkit for web-developers would be Emmet. With Emmet you can quickly write a bunch of code, wrap code with new tags, quickly traverse and select important cod parts and oh so much more! Emmet uses dynamic snippets and each abbreviation is transformed in runtime. Which slightly changes its name to get a different result.
Here is an example of the mage in action:
- First type in a CSS- like abbreviation
- Next run "Expand Abbreviation" action to expand it into HTML
By watching the link provided above through Emmet you could get a more in-depth explanation with examples.
Hopefully these tips and tools will help you with a speedier development process! We will be holding these User Group meeting every third Monday of the month and hope to see you there! Find out more information on what topics will be held and become a member to get updated information!