On the front–end side of web development, performance is something that should not be ignored. What’s more, to show how important the performance is, new thing called performance budget appeared. Today, you are going to learn what performance budget is, why is it not so easy to set it and what ways and tools you… Continue reading Performance Budget – Website Optimization the Right Way
Tag: css3
HTML rapid prototyping – All you need to know
Times when designers were condemned to working in graphic editors are long gone. In today’s world, you have the ability and options to build your designs much faster and easier by using technologies like HTML and CSS along with rapid prototyping. You can know this approach of design as designing in the browser and this… Continue reading HTML rapid prototyping – All you need to know
BEM crash course for web developers
You have OOCSS, SMACSS and many more standards for writing and maintaining CSS syntax. Today, block, element and modifier is what we’ll be focusing on and also what BEM abbreviation stands for. You’ve already heard about it from me in one of the previous posts about how to modularize your CSS. Because of your interest… Continue reading BEM crash course for web developers
CSS modularization – Smart approach to CSS
Imagine your CSS loading faster than the team of Formula 1 engineers is able to work (the work pretty fast). Imagine your CSS to be more polished than the Apple store and better optimized than the factory of Tesla or Toyota. The CSS behind your website can sound like a beautiful symphony written by Mozart.… Continue reading CSS modularization – Smart approach to CSS
Mobile first navigation design
Mobile first approach is a very interesting movement in responsive web design and web design at all. Crafting website to suit perfectly the mobile devices instead of desktop is smart thing and you should include it into your everyday workflow. For the first time you might face couple of issues steaming often from your old… Continue reading Mobile first navigation design
Responsive pricing tables dilemma – Code
Creating complex responsive pricing tables was the subject of the last post. Today, we are going to look at how this idea I came up with in previous post – individual separate tables with hidden elements on certain screen sizes – works when turned into reality. Surprisingly, it works great! With just a bit more… Continue reading Responsive pricing tables dilemma – Code