Posts

Showing posts from October, 2013

Emmet the Ultra Fast toolkit for web-developers to code HTML,CSS

Hi Guys, Good news for robotic developers. Do you want to develop your application with ultra fast coding and semantic???? then stop thinking much here is toolkit for web developers. That is "Emmet" i can say this is magic stick which generate the HTML,CSS code as its magic.. its magic. Features of Emmet 1. Ultra-fast coding - i love this feature 2. HTML from CSS 3. Dynamic snippets 4. Customizable 5. Platform for new tools Emmet plugin at present can be used with below most popular editors. Adobe Dreamweaver  Notepad++ Sublime Text Eclipse/Aptana TextMate Coda Espresso Chocolat Komodo Edit PSPad textarea codeMirror Brackets NetBeans Example : 1. adding css link in HTML with any editor. with Emmet just  link:css   booooom that's it.. emmet will generate  Download Emmet its free!!  http://emmet.io/download Start learning Emmet with the abbreviation syntax and available actions. http://docs.emmet.io...

Create Pure Css3 Horizontal Navigation Menu Bar with 2 steps

Image
Create Css3 Horizontal Navigation Menu Bar with 2 steps The Navigation is very important component of  User Interface in web Design & Web Development process. The main aim of navigation menu is to access the content or complete the task as quickly as possible in any website or any web app. In this post i am demonstrating the simple Horizontal Navigation Menu with simple HTML structure and CSS. Below are the steps to develop simple Horizontal Navigation menu with CSS3 transitions feature. I said Navigation menu component in my first para because if you see each section in web design and development as a component then u will be think expert way and go in details of each section of web design and development. Step 1. Create the html markup as we do for any menu component. I took one div with id 'container', this id name you can choose as per your choice and unorder list . The below markup as image  to your html after add it after opening  tag of . section. ...