HTML5 is rich with plenty of features. The support of the required attribute and built-in browser validation is one such feature. With the HTML5 required attribute, you can perform form input validation without the complicated JavaScript code.
Category » HTML – CSS
Bootstrap Off-canvas Menu and Sidebar with or without Overlay
Previously we have created Bootstrap off-canvas menu and sidebar. Further, the code was quite handy for WordPress websites. However, Bootstrap offers better accessibility and support for screen readers and similar assistive technologies.
Off-canvas Sidebar and Menu – WordPress and Bootstrap
Off-canvas sidebar and menu are quite popular. These collapsible sidebars offer a lot of convenient to put extra content on the page. You can implement an off-canvas sidebar in a Bootstrap powered website as well. All you need is a little HTML, CSS, and jQuery code.
Bigger Search Form with Drop-down in Navigation Bar
Websites that use Bootstrap 4 framework, sometimes need a bigger search form in the navigation bar. These websites might also need a drop-down or select input to provide better search. Create a navigation bar consists of a bigger search form.
5 Ways – Equal Height Columns or Parent Div to Maximum from Children
Create equal height columns in a webpage. Or set parent div height to the maximum from children. Equalizing the height of divs assist to obtain a grid/column layout. Also, the same can fix the varying height issue due to rotation of sibling elements in a parent like a slider.
Bootstrap 4 Carousel Full-screen Background Slider – PHP
Bootstrap 4 offers carousel integration with slide and fade effects. We can turn the Bootstrap 4 carousel in a full-screen slider with help of available classes and custom rules. Mostly you can see them as background image responsive sliders that cover the entire viewport.
Align Div or List to Horizontal, Vertical Center to Parent
Bootstarp 4 has introduced classes to align div or list to horizontal, vertical center to it’s parent. Do you have a list inside a div and you wish to vertically align center to list items inside the parent div? And want to maintain vertical centered position as well as horizontal centering in Bootstrap when viewport size changes? I described here how Bootstrap and Non BS users can accomplish this alignment.
Modal as Popup or Direct as Page Content in Bootstrap
We always use Modal as Popup in Bootstrap. But just with a little PHP & CSS, we can use it direct as page content. It’s useful when we want modal to behave as expected, popup at most of pages in our Bootstrap 4 powered web application. But wish to put it directly on a particular page with same content on popup.
Outlook HTML Email Templates – Right Way to Add & Configure
Configuring HTML Email Templates in Outlook gives you power to send branded emails to your clients in lesser time through HTML email templates. From my perspective, it’s now been required to add & configure email templates in outlook and use them for your business.
Add Target, CSS Class, Title or Rel to WordPress Menu
You can easily add Target, CSS Class, Title, Rel or even some description to a WordPress Menu. Defining target, CSS class, adding title or rel (relation) attribute to navigation links in WordPress menu is already given under Appearance > Menus which makes you have more control over nav items.
[ Page 1 of 7 ]