Namaste UI
Creativity does not belongs by born. So using CSS pretty much anything that can be done using your feelings. Make your interest in depth and you will be easily drawn to the next big thing. The same rule follows web industry. Days by day the world of CSS is exploring that you considered previously. Here […]
The most confusing part of CSS styling is that font-size attribute i.e. how this will show in various resolutions. em: This scalable unit is used in web document media due to scalability and their mobile-device-friendly environment. For instance one em is equal to current font-size i.e. if font-size of the document is 10pt then 1em […]
Using !important rules can be a dangerous way to style your webpage that usually means you are forcefully doing this, but they exist for some reason. The paragraph will be colored red, even there is a ID selector that has higher priority. So, the this rule overrides all the particular property. An !important rule works […]
Using both @import and link tag you can include style sheet in a webpage. But there is a difference. For performance “link” has a much better advantage. Example of @import and link: <link href=”style.css” type=”text/css” /> <style type=”text/css”> @import url(“style.css”); </style> As @import allows you to import one style sheet into another but older browsers […]
This below content gives you an idea how to make cross-browser compatible rounded corners with CSS. Example of Rounded Corners: <!DOCTYPE html> <html> <head> <style> .roundCorner{ background: #C2C2C2; border-radius: 25px; border: 3px solid #C2C2C2; padding: 15px; width: 150px; height: 150px; } </style> </head> <body> <div class=”roundCorner”>Rounded corner div!</div> </body> </html>
Reset.CSS is used to normalize browser’s default styles that resets the styling of all HTML elements to a consistent baseline. Every browser has its own default ‘user agent’ stylesheet which use unstyled websites appear more legible. For example default links color is blue and visited links are purple color. – Some reset stylesheets is harmful […]
HTML5 has a lot of new tools to build website for better user experience and it is strong and powerful version of HTML. For Mobile phone applications it is used to a very great extent. Here are some tips and tricks for HTML5 HTML <!DOCTYPE> Declaration:The <!DOCTYPE> declaration is the first tag in your HTML […]
HTML5 videos is becoming more popular with day by day. So for displaying the video in website it should be well-designed and load quickly. The complexity of the HTML5 video arises not from the syntax, but from the browser support and encoding video also. To build a successful HTML5 site with a video display, you’ll […]
Using HTML5 required style you can validate your form and show error. But sometimes you need to give a style like keep the color red for error or green on success. Here’s how to use CSS3 required. Here is a sample example for required css: <!DOCTYPE html> <html> <head> <title>CSS3 styles</title> <style type=”text/css”> input[type=”checkbox”]:required:invalid + […]
A new web standard that emerges into the web world is responsive design where many software companies have accepted the challenge and leads to a new design solutions. Here we will discuss some responsive design tips which will help to you in your design to make it more perfect. Plan first and design: Make sure […]