In our upcoming website redesign, we decided to use flexbox for positioning elements within the layout. Flexbox or the flexible box layout module gives a container the ability to determine the best possible layout for the items inside. It has large support across all modern browsers with the exception of Internet Explorer 10 & 11…
Read this article Flexbox Positioning Cheat Sheet
Posts Tagged: CSS
5 Techniques to Leverage SASS
SASS gives front-end developers the power to create nested styles, variables, and perform operator logic inside the style sheet before it is compiled into a CSS file. Currently, the 33 Degrees’ website uses SASS (Syntactically Awesome Style Sheets) for generating the CSS (Cascading Style Sheet) but there are many new features that can now be…
Read this article 5 Techniques to Leverage SASS
9 Tips for Adobe Illustrator Wireframes
There are many wireframe applications that I have tried which are available to designers including Balsamiq, Sketch, and Macaw but I always find myself preferring to use Adobe Illustrator. At the time of writing this article, Illustrator is on version CC 2014.1.1 (v18.1.1). Here are some tips and tricks that I use to create Adobe…
Read this article 9 Tips for Adobe Illustrator Wireframes
Tale of Designing for a Responsive Web
Don’t you love it when everything is positioned perfectly? Throughout my life, I’ve strived to have items organized in a particular manner. This worked to my favor with design and website development. Everything on the printed page has a fixed position. Websites were often built with a fixed width which made positioning items within the…
Read this article Tale of Designing for a Responsive Web