Create a Jigsaw Puzzle Using jQuery and PHP

Posted in Coding, JS & AJAX, PHP2 years ago • Written by 16 Comments

Almost everyone, at one point during childhood, has played jigsaw puzzles. Today I am going to show you how to create a jigsaw puzzle using jQuery and PHP.

Lets start creating puzzles. I know that you must be waiting to see the puzzle in action. I am not going to keep you guessing. Here is the sample demo of the puzzle and download of tutorial files.

Now you got your wish. So lets move onto creating the puzzle.

Create a Jigsaw Puzzle Using jQuery and PHP Read More

Understand the Power of Sass and Why You should use CSS Preprocessors

Posted in Coding, HTML & CSS, Tutorials2 years ago • Written by 8 Comments

Front end engineering has always remained a niche skill, even with the burgeoning array of techniques and technology available. Today, as we witness the launch of newer frameworks and tools for better web development, on a regular and fast track basis, this domain too has undergone its own super fast makeover! But the core skills to build a solid career in front end engineering has always been the same – passion + HTML + CSS + JS + an unrelenting desire to learn!

Lets analyze and understand the hot and happening technique in the field of front end engineering – ‘CSS preprocessors’, which offers to add mind-blowing features to the Cascading Style sheet language, and equip the modern-day front end engineer with tons of nitro and increase productivity.

Understand the Power of Sass and Why You should use CSS Preprocessors Read More

Create a Professional Restaurant Website in Minutes Using WP Plugins and PHP Scripts

Posted in PHP, Plugins, WordPress2 years ago • Written by 5 Comments

Creating a restaurant website can be very challenging for a developer because there is not a single product to sell or show and they have to promote the real feeling of the restaurant’s environment as well. Also, the responsiveness and flexibility of restaurant websites have become the most distinguishing factor in getting reservations, as customers tend to book only if the process hassle-free. Are you in the process of developing a restaurant site and in need of some valuable recommendations from us? Read on and discover the convenience WordPress plugins and PHP scripts can provide you in developing a professional-looking restaurant site.

So, are you drooling to create a restaurant website right now? It only takes a few minutes!

Create a Professional Restaurant Website in Minutes Using WP Plugins and PHP Scripts Read More

Creating Stunning Visualizations with Impress.js

Posted in Coding, HTML & CSS, JS & AJAX, Tutorials2 years ago • Written by 11 Comments

Do you want to create beautiful slideshow presentations for the web using just HTML and CSS? That won’t be a problem with Impress.js, a powerful CSS3 transformation framework that lets you convert your HTML content into a slideshow with amazing effects.

Impress.js is a jQuery plugin created on github by bartez which uses CSS3 functionality to create presentations. All the modern browsers will support the stunning visualizations created by Impress.js.

Creating Stunning Visualizations with Impress.js Read More

45 Fresh and Free HTML5 And CSS3 Templates You Should See

Posted in Coding, Freebies, HTML & CSS, Templates2 years ago • Written by 21 Comments

The first two things web developers consider when they need to create an extremely stylish and trendy website are CSS3 and HTML5. The reason for this is the functionality and features they offer and why HTML5 and CSS3 are a major topic for web designers.

Taking this into account, we thought to compile another fresh and cool collection of some professional HTML5 and CSS3 templates. So, here we are with 45 free, but fresh, templates that you can download.
So, enjoy this collection and have more fun in making the web experience more pleasurable and gratifying. Let us have a close look!

45 Fresh and Free HTML5 And CSS3 Templates You Should See Read More

Mastering CSS Gradients in Under an Hour

Posted in Coding, HTML & CSS2 years ago • Written by 9 Comments

Have you refrained from using CSS Gradients because either you didn’t understand them, or thought the browser support for them wasn’t good enough to consider using them in your projects?

Well, it’s time to kill those 1px wide images, my friend.

If you’re just curious about how to use CSS Gradients, this is the place for you. We’ll start with the basics of syntax to very advanced effects with lots of tips and examples.

Remember, learning about CSS gradients is really important since browsers are getting better and better every day. Mobile browsers have good CSS3 support by default.

So, let’s rock!

Mastering CSS Gradients in Under an Hour Read More

So You want to Learn how to Code?

Posted in Coding2 years ago • Written by 34 Comments

Everyone wants to be a programmer and design their own web based startups. 1WD is your one stop resource for web design, programming, inspiration and everything else that’s related. So, we thought why not compile a one stop article for those who are beginning to learn coding. Without further ado, let us all learn how to program.

So You want to Learn how to Code? Read More

jQuery Mobile – What You Need to Know

Posted in Coding, JS & AJAX, Tutorials2 years ago • Written by 17 Comments

jQuery Mobile version 1.0 finally launched this past November. Don’t know if you heard about it, but if you are planning to do any mobile app or website development, it’s better to get started with it right now.

I’m sure you’ve heard about jQuery. So, its mobile version is pretty close to what you already are used to, but with a lot of enhancements for mobile screen events (like touching instead of click, and there is no hover) and browsers (this one is tricky since there are plenty of browsers and devices out there) and capabilities (pluggable components).

The crazy thing is how simple it is to initiate and build a fully working mobile site. Actually, we’ll be talking about concepts, tips, codes, and in the meantime you can build your own app, in no more than one hour. Yeah, noob to ninja in one hour, this is what you’ll get here :)

So, let’s rock!

jQuery Mobile – What You Need to Know Read More

Mouthwatering Collection Of jQuery Plugins And CSS3 Tricks

Posted in Coding, HTML & CSS, JS & AJAX, Plugins3 years ago • Written by 7 Comments

I’m sure that at one point or another you were designing a website and thought it could use a little something extra. That bit of something that adds extra functionality or enhances what it already has, making it not only easier for the user to receive the information they seek, but also present it in a neat package.

In no particular order, I give you a handpicked collection of jQuery plugins and some CSS3 tricks to top it off. Surely, with these in your designer arsenal, your creations will stand out more than ever before.

Mouthwatering Collection Of jQuery Plugins And CSS3 Tricks Read More

Simon’s Google Doodle – HTML5 + JS jQuery Game

Posted in Coding, HTML & CSS, JS & AJAX3 years ago • Written by 24 Comments

Dude, you’ve heard a lot about Google doodles haven’t you? What about that Pacman one? It is just addictive. Company owners know how a funny game and unlimited search powers could be dangerous for productivity. And how it can be a marketing boost. The most amazing thing is that we can create our own addictive HTML game. Actually, this is why we are here today. With this tutorial you’ll see how to use some of JavaScript and HTML capabilities to build simple yet funny games.

So, let’s rock!

Simon’s Google Doodle – HTML5 + JS jQuery Game Read More
50.17.88.74 - unknown - unknown - US