Nov 19

Creating simple chat with node.js and socket.io

1. Create a new directory folder called ‘node’ in any of the partitioned local drive.
2. Open command prompt and open the ‘node’ directory.
3. Paste the code to install socket.io, express, and jade files

node.js1
And wait until the installation get completed.

4. Create app.js file and fill it with the following code.

5. Create index.html file and fill it with the following code.

6. Open the command prompt.
Choose the directory, and Use the code to execute the server

node.js2

7. Open a browser and use ‘localhost:8080’ this to run.

8. Open another new window with the same url to see the changes

ex_nodechat

Aug 03

Best products to sell online – Start your own online store today

If you have idea to sell products in online E-commerce Store, Do you know which products are best to sell online. if you choosing wrong product means you will loss money and time. so choosing products is so important to start a online store.

List of best selling products online

  • Clothing
    • T-shirts
    • shirts
    • Jeans
    • Rainwear
    • Inner & Sleep Wear
  • Footwear
  • Mobiles & Tablets with Accessories
  • Computer & Laptop with Accessories
  • Softwares
  • Books
  • Players & Gaming & toys
  • Fragrances
  • Appliances
Popular Books To Learn
Sep 16

Best jquery image / content slider plugins

BxSlider

jQuery HTML Content Slider. Horizontal, vertical, and fade transitions, Display and move multiple slides at once (carousel), Prev / next, pager, auto controls, Easing transitions, Random start, Ticker mode, Before, after, first, last, next, prev callback functions, Optional styling included, Tons of options. Demo Download

Supersized

Continue reading

Jul 29

Adaptive Web Design

Adaptive Web Design

“Adaptive web design “to mean adapt your website for specified sizes, I recommended this for existing websites. Site with lots of users and lacking the resources to start from the ground up responsively. But Im not saying this only for existing websites, It is wonderful technology to make our site to responsive.

  • media queries
  • CSS
  • javascript or jquery

Layout:

max-width: 0px = css.css
max-width: 480px = 480.css
max-width: 760px = 720.css
max-width: 980px = 960.css
max-width: 1280px = 1200.css
max-width:1600px = 1560.css
max-width:1940px = 1920.css
max-width:2540px = 2520.css

Responsive Web Design allows your websites to fit the screen, This is the time for smartphones and iPads, all browsing websites is not limited to standard computers. Now people are browsing websites through mobiles and their smartphones and tablets.

Fluid Layouts

Fluid or elastic layouts allow your site’s content to grow and shrink to fit the screen,

Not all layouts work at all sizes.

Media Queries for Responsive Websites

Media queries are takes a design from fluid to truly responsive. Continue reading

Jul 29

Responsive Vs Adaptive Web Design

Responsive Web Design

Responsive Web Design the better practise with 960 Grid system and media queries, Now a day’s all media system supported with CSS3 (media query), so we don’t need to worry about that. And for the responsive website you need to use images with resizable technology.Better for this use gird system to automatically resize your images and the overall grid to fit your browser viewport.

  • fluid grids
  • fluid images
  • media queries

Layout : fully Responsible with all screens

Adaptive Web Design

“Adaptive web design “to mean adapt your website for specified sizes, I recommended this for existing websites. Site with lots of users and lacking the resources to start from the ground up responsively. But Im not saying this only for existing websites, It is wonderful technology to make our site to responsive.

  • media queries
  • CSS
  • javascript or jquery

Layout:
max-width: 0px = css.css

max-width: 480px = 480.css

max-width: 760px = 720.css

max-width: 980px = 960.css

max-width: 1280px = 1200.css

max-width:1600px = 1560.css

max-width:1940px = 1920.css

max-width:2540px = 2520.css
To Know More about Adaptive Design with Media Queries