Narayan Vaidyanathan

  • Wanna feel my punch?

    Check out my creative and interesting projects.

    I specialize in creating usable designs for the web with a professional approach and convert them into HTML 4 & 5 / CSS with Open Source Themes

displaying and formatting card number using javascript
Dear Blog readers, welcome back.. Now we are talking about very good real time challenges about displaying card number with the mask of star(*) and random blank space between every 4 characters. UI Developer facing following challenges in displaying and formatting card number: - Star(*) not aligning vertical middle - Need space between every 4 digits Its developed for low band width internet connection and CC payment pages. ... Read More
Simple Responsive Menu
Following Simple Responsive Menu created with html, css and basic jQuery. Instant of using plugin its very easy to use and configuration in quick time. CSS <style> .res-mainmenu a{ display:inline-block; float:left; padding: 5px; border-top: 0px solid #eee; } .res-menu{ display: none; } @media (max-width: 935px) { .res-mainmenu a{ display:block; float:none; padding: 5px; border-top: 1px... Read More
Javascript Date and Time Calendar
Date and time calendar is supporting from older IE browsers. Here Step by Step instruction to implement with your existing code or simply [sdm_download id="466"] and use it. include following javascript files in head part.   <!-- Date and time picker --> <script src="js/datetimepicker.js"></script> call calendar functions in onclick or onfocus as per following syntex ... Read More
Responsive website media query syntax
Dear UI developers, This is for another responsive media query syntax order. If you’ve yet to get your hands dirty with media queries, now is your chance to create your first responsive website design. The first step to creating our responsive layouts is to plan out what resolutions we’re going to cater for. Common resolutions include the 320px portrait width of smartphones, 768px portrait width of tablets, 1024px landscape width of... Read More
  • Designed and Developed by Narayan
  • Like Narayan ?
    Connect with me