HTML CSS Tutorial - OnAirCode https://onaircode.com/html-css-tutorial/ Resources for designer and developer Tue, 28 Apr 2020 12:25:31 +0000 en-US hourly 1 https://onaircode.com/wp-content/uploads/2017/07/cropped-favivon-1-32x32.png HTML CSS Tutorial - OnAirCode https://onaircode.com/html-css-tutorial/ 32 32 How to Change Input Placeholder Color with CSS https://onaircode.com/howto-html-css-input-placeholder-color/ https://onaircode.com/howto-html-css-input-placeholder-color/#respond Sun, 15 Sep 2019 10:18:30 +0000 https://onaircode.com/?p=11712 Placeholder, as the name itself suggests, is some characters or strings which holds a place until the place is needed. That’s just the literal meaning of placeholder etymologically speaking. In web page development, input placeholders are present on input elements especially to describe what the input should be. These input placeholders are extensively present in […]

The post How to Change Input Placeholder Color with CSS appeared first on OnAirCode.

]]>
https://onaircode.com/howto-html-css-input-placeholder-color/feed/ 0
How to Make Navigation Menu with HTML and CSS https://onaircode.com/howto-html-css-navigation-menu/ https://onaircode.com/howto-html-css-navigation-menu/#respond Fri, 13 Sep 2019 09:45:29 +0000 https://onaircode.com/?p=13000 Navigation menu is a set of buttons, text or any graphical items which has a link to other sections of your website or any other external sites. They guide website visitors in their web exploration and take them to relevant location where they can retrieve what they have come for. Everyone surfing internet have come […]

The post How to Make Navigation Menu with HTML and CSS appeared first on OnAirCode.

]]>
https://onaircode.com/howto-html-css-navigation-menu/feed/ 0
How to Disable Text Selection Highlighting https://onaircode.com/howto-html-css-disable-text-selection/ https://onaircode.com/howto-html-css-disable-text-selection/#respond Wed, 11 Sep 2019 05:41:51 +0000 https://onaircode.com/?p=11700 Sometimes your designs require that some part of your web page be restricted to be accessed provided certain conditions have been met. You might be infuriated that your contents are being stolen by simple copy paste and so you want to disable text selection. Whatever the situation, disabling text selection highlighting shouldn’t be a complex […]

The post How to Disable Text Selection Highlighting appeared first on OnAirCode.

]]>
https://onaircode.com/howto-html-css-disable-text-selection/feed/ 0
How to Make Bottom Navigation Tabs with CSS https://onaircode.com/howto-html-css-bottom-navigation-tabs/ https://onaircode.com/howto-html-css-bottom-navigation-tabs/#respond Tue, 10 Sep 2019 04:09:17 +0000 https://onaircode.com/?p=10903 Tabs provide a simplistic approach to organize and manage your contents in a web page without having to navigate though loads of pages. As the application of single page web pages are increasing, tabs supplement to the growing application by providing in-site navigation medium. When designing tabs you may come across several brilliant design ideas. […]

The post How to Make Bottom Navigation Tabs with CSS appeared first on OnAirCode.

]]>
https://onaircode.com/howto-html-css-bottom-navigation-tabs/feed/ 0
How to Horizontally Align Center a div Using CSS https://onaircode.com/howto-html-css-horizontally-align-center-div/ https://onaircode.com/howto-html-css-horizontally-align-center-div/#respond Mon, 09 Sep 2019 07:07:07 +0000 https://onaircode.com/?p=11706 Okay! So you got stuck in horizontally aligning <div> element to center. Its fine. Trust me, I’ve been there. It even gets more frustrating when you stumble across several solutions for a problem simple as this. Mind you, I said simple, coz let’s face it how hard can it be to just center a div […]

The post How to Horizontally Align Center a div Using CSS appeared first on OnAirCode.

]]>
https://onaircode.com/howto-html-css-horizontally-align-center-div/feed/ 0
How to Make Horizontal Accordion Menu with CSS https://onaircode.com/howto-html-css-horizontal-accordion-menu/ https://onaircode.com/howto-html-css-horizontal-accordion-menu/#respond Fri, 06 Sep 2019 09:13:35 +0000 https://onaircode.com/?p=11991 Accordion Menu provides a presentable interface for web site visitors to navigate through the content within a single page. This eliminates having to arrange multiple pages to display relevant contents on separate interface. You can built accordion menu to organize your contents grouping together the relevant contents over a single menu. Accordion menu features just […]

The post How to Make Horizontal Accordion Menu with CSS appeared first on OnAirCode.

]]>
https://onaircode.com/howto-html-css-horizontal-accordion-menu/feed/ 0
How to Make Vertical Accordion Menu with CSS https://onaircode.com/howto-html-css-vertical-accordion-menu/ https://onaircode.com/howto-html-css-vertical-accordion-menu/#respond Thu, 05 Sep 2019 07:09:34 +0000 https://onaircode.com/?p=11986 The degree of visibility of your contents often sets a benchmark to how extent your website design intrigues your visitors. Tabs allow you to organize your content but with accordion, you get an interactive and beautiful interface. How, you say? Well, we’re about to find out as you follow along this tutorial to build two […]

The post How to Make Vertical Accordion Menu with CSS appeared first on OnAirCode.

]]>
https://onaircode.com/howto-html-css-vertical-accordion-menu/feed/ 0
How to Make Icon Tab Menu with CSS https://onaircode.com/howto-html-css-icon-tab-menu/ https://onaircode.com/howto-html-css-icon-tab-menu/#respond Tue, 03 Sep 2019 09:03:07 +0000 https://onaircode.com/?p=10867 Tabs menu is a way to group together your content so that your web site visitors could easily locate them. They provide a convenient way to navigate within the pages. You can find lots of way to design tabs menu. You can opt for verticals tabs, horizontal tabs, bottom tabs, tabs with pictures, icon tabs […]

The post How to Make Icon Tab Menu with CSS appeared first on OnAirCode.

]]>
https://onaircode.com/howto-html-css-icon-tab-menu/feed/ 0
How to Make Vertical Tabs Menu with CSS https://onaircode.com/howto-html-css-vertical-tabs-menu/ https://onaircode.com/howto-html-css-vertical-tabs-menu/#respond Sun, 01 Sep 2019 02:16:42 +0000 https://onaircode.com/?p=10892 I am pretty sure, before beginning to read this tutorial regarding vertical tab menu you scanned through to bottom to find if it is relevant to your study. This is a common behavior of web visitors. So, that’s where tabs come in handy to show your visitors what your page contains and that too, in […]

The post How to Make Vertical Tabs Menu with CSS appeared first on OnAirCode.

]]>
https://onaircode.com/howto-html-css-vertical-tabs-menu/feed/ 0
How to Make Tabs Menu with CSS https://onaircode.com/howto-html-css-tabs-menu/ https://onaircode.com/howto-html-css-tabs-menu/#respond Wed, 28 Aug 2019 09:56:22 +0000 https://onaircode.com/?p=10755 As the popularity of single page application continue to rise with the advent of JavaScript frameworks such as React, web designers are inclined towards frontend features of single page applications like css tabs. Tabs allow users to navigate to different parts and areas of a single page. Whenever different contents need to be grouped together […]

The post How to Make Tabs Menu with CSS appeared first on OnAirCode.

]]>
https://onaircode.com/howto-html-css-tabs-menu/feed/ 0