frontend ⌛︎ 5 min read DRY HTML or DRY CSS? ? Don't repeat yourself. Functionality should be written once & responsible for one thing; giving you reusable code blocks attaining DRY. Let's see how to achieve this in FrontEnd.
CSS ⌛︎ 2 min read CSS Tutorial: Ripples Loading Animation like in Tinder ? Loaders/Spinners, almost everyone of us have seen them. Ripples animation is a best way to show geolocation based searches. Lets see the tutorial for Ripples Loading animation like in Tinder.
CSS ⌛︎ 5 min read CSSNext: TurboCharge your CSS Development ? Now CSS has really cool enhancements; some are under consideration, some are already part of specs. Use those features worriless with CSSNext and PostCSS.
CSS ⌛︎ 2 min read PostCSS: Shiny CSS PreProcessor written in JavaScript ? PostCSS will let you process the CSS with JavaScript & AST. It takes PreProcessing CSS to new level. You can include it as processor in Webpack or Rollup
CSS ⌛︎ 4 min read CSS/CSS3 Flexbox Layout A quick and basic guide to CSS3 Flexbox layout and the ways to achieve simplest layouts with Flexbox
navigation ⌛︎ 2 min read Basic guide to create off-canvas navigation menu Hello friends! Today I am here with a guide to build off-canvas navigation menus for your website.Off canvas menus are handy UI elements if navigation items are fixed in count. It can also be used in the other case of varying navigation items but from the User Experience perspective;
CSS ⌛︎ 2 min read Internet Explorer CSS Limits and Workarounds Supporting IE is not easy and I got to know these limits in hard way. Here is some info on those limit & some workarounds for that
CSS ⌛︎ 4 min read List Styles Customisation List are building blocks of webpage but they serve a lot more than just list and you might need some customizations on how this list appears. Here is a guide to List Style Customizations
CSS ⌛︎ 2 min read CSS Breadcrumb Trail Design Breadcrumbs are important UI Elements to indicate User's progress on any Action Journey. Here is a quick tutorial on CSS Breadcrumb Trail Design.
CSS3 ⌛︎ 4 min read Triangles and Arrow Heads with CSS Triangles and Arrows heads are simple construct of UI though hard to make with simplicity. This article shows how to make Triangles and Arrow Heads with CSS
CSS ⌛︎ 2 min read CSS Resets CSS reset is the way by which we reset the various properties of some to all elements of HTML. These properties include display, font size, font family, line height etc.
bootstrap ⌛︎ 2 min read Bootstrap Theme Resources Here are some resources for the bootstrap themes for landing pages, admin pages and blogging
JavaScript ⌛︎ 3 min read Cover full height of browser viewport with CSS & JavaScript Guide/Tutorial to cover full height of browser viewport with CSS and jQuery/JavaScript for HTML page having less or no content.
CSS3 ⌛︎ 3 min read CSS/CSS3 Tutorial: Using single image for different backgrounds Loading each image separately is a network cost. Why not merge all images into one, then use CSS to position the background as per needs from that one image