Tag: html5

RFCables.org Website HTML5 Update

RFCables.orgRFCables.org has been updated to HTML5 version, making another website compliant with Mobile First design. The website offers a meeting place for both buyers and sellers of rf and microwave products and services. The website provides a list of rf vendors and manufacturers in various countries including USA, Canada, EU, Singapore, and others.

The website consists of the following sections:

  • Manufacturers
  • Products
  • Services
  • Articles and Tools

The Manufacturers section provides a common platform for manufacturers to show case company profiles and contact information.

The Products section provides the ability to show case products such as cables, cable assemblies, connectors, and components.

The Services section offers you to list the services offered by your company. Typical services include custom made cable assemblies, connectors, and rf assemblies.

The Articles and Tools section provides various articles such as the best practices for cable assemblies, cable measurements, etc.

The responsive design thoroughly revamps the website to comply with Mobile First approach and compatible with various devices such as mobiles, pads, notebooks, laptops, and desktops.

Check out the website and please leave your feedback.

 

TutorialsWeb.com Major Update to Mobile First Responsive Site

The website TutorialsWeb.com  has undergone a major update towards fully responsive site. A fully responsive site, also called Mobile First, provides uniform appearance on mobile as well as desktop devices.

The website uses HTML5, CSS3, Media Query, and JQuery for coding and breadcrumbs aided navigation for better user experience. Typical screen shots for various devices are given below:

The mobile version of the site consists of the same menu items as that of the desktop site, but customized to the mobile device. The menu is user friend and the web page contents are readily accessible with just scrolling vertically.

As may be seen, the first level menu consists of Certification Notes, Electronic Assembly, Satellite Communications, Computers & Networks, RF Test & Meas, and Software. On clicking the first level menus, a user would be presented with second level menu as shown in the figure below:

For example, the Main Menu tab Certification Notes has four Sub-Menu items, namely, Comptia Certificaiton, Cisco Certifications, ITIL Certifications, and Others. By clicking on respective sub-menu item, one would be taken to the third-level menu link or to the corresponding web page as applicable. In this particular case, third level menu item is presented as shown in the figure below:

The third level menu items consist of A+ Cert Exam, Network+ Cert Exam, Server+ Cert Exam, and Security+ Cert Exam. On clicking the hyperlink, one will be taken to the respective web page as shown below:

Reponsive Website Design – TutorialsWeb.com

As may be seen in the figure to the right, the web page consists of navigation bread crumbs giving the path to the current page. In this example, it is Certification Notes > A+ Cert Exam > A+ Essentials Cram Notes (An ad appearing below that and followed by the notes).

The website has been thoroughly updated and reviewed for design and visual interface so that web pages are rendered properly in all possible mobile and desktop devices.

Please email us the feedback if you find any bugs or suggest any improvements.