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 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.
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 devices and browsers
Starting to implement responsive design approach in our workflow will be progressively easier
through repeated practice.
Keypoints:
· Adding viewport meta tag inside head tag.
· Choosing breakpoints
· Mobile first approach
· Desktop first approach
Adding box-shadow in CSS may look confusing sometimes. This article comes in handy to explain
the syntax of the property with an example.
the syntax of the property with an example.
Box shadow property syntax :
Box-shadow: [horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color];
Typography plays a vital part in a website. This article is very informative for designers to add
custom fonts to their website.
This article explains two approaches:
· Adding Google font
· Adding custom fonts
· Web fonts format and purpose of it
While working on larger applications and progressive application and in a bigger team maintaining
CSS file is challenging. This article throws light on various strategies to write better CSS.
CSS file is challenging. This article throws light on various strategies to write better CSS.
To organize the CSS file
· DRY code
· Semantic naming
· Use of CSS preprocessor
Why do we need CSS Preprocessor?
This article is useful for people to move from entry level to further step.
This article is useful for people to move from entry level to further step.
Keypoints
· Why do we need CSS Preprocessor?
· What are the benefits of using CSS Preprocessor?
· What are the risks for using CSS Preprocessor?
· What are the various CSS Preprocessor being used?
Read more..Discuss !
Please leave your suggestions on topics we need to discuss in future.
Comments
Post a Comment