Posts

Showing posts from December, 2017

Becoming a front end developer in 2017

This article has curated articles for any aspiring web developer. These articles are basics of Web designing / HTML / CSS HTML5 markup HTML5 is a markup language used for creating web pages. This article was written keep in mind beginners to web development. It gives the basic layout of HTML5 web page followed by brief on each part. Read more… Responsive web design As there are more mobile platforms and devices emerging in the market making your websites  accessible to all the clients is very important. Sustaining the business through all means is inevitable  in this competitive market. An approach of making your websites customer approachable, interactive  and better experience is responsive web design. Things to keep in mind if you aim for better responsiveness:              Font sizes across all mobile devices           Grid layout in desktop versus meaningful stacking in mobiles           Graceful degradation of application for older devi

Why do we need CSS preprocessor?

Image
CSS Preprocessor CSS Prprocessing by Definition: 1. Preprocessor is any program that process the input data to produce output that can be used as an input for another program. 2. CSS Preprocessor is a processor which gets some instructions or raw code and compiles it into a .css file. When we first step into web development and design, we work with CSS and develop smaller sites and micro sites. As we gain experience and start working in larger application and work in a team, we may come across the word ‘CSS Preprocessing’. When we build bigger application, it is always important to follow ‘Do Not Repeat Yourself’ (DRY) principle and keep our code maintainable and organized . When we hand code CSS, we may have to put in lot of effort and time to achieve the quality results whereas using a preprocessor will automate the processes and scripting tasks. Reasons for using CSS Preprocessor Scalability and architecture When we work in large application we can separate the c

How to write better maintainable CSS?

When we write CSS especially for a large scale application, we should always keep in mind about maintainability in long run. Every application is subjected to modification and up gradation, so there is no point of starting over from scratch every single time. When we go back to our code base after a long time or adding new members contributing to code base should be able to identify things is in the right place. If we have written a maintainable CSS, updating some minor changes to our repository will not be a daunting one like 1) changing the value for a variable, 2) changing a class name, 3) identifying which modules are written in which section of the code and locate where is the specific line comes from. Only if we incorporate few style guidelines we can easily achieve that. Commenting: As a beginner we should start practicing this point.Commenting the code with proper description is always handy. /*Home page styles*/ /*Home page ends*/ Structuring your CSS file Yo