Category: Web Development

Embed an Interactive Panoramic Photo with jQuery Panorama Viewer

As a traveler and a photographer myself, I have always been disappointed with the way we share our panoramic photos. Most of the time, highly detailed panoramic photos are skewed down so that they fit the website layout, making it impossible to enjoy the photo or as Derek Zoolander once said, “What is this? A… Continue reading Embed an Interactive Panoramic Photo with jQuery Panorama Viewer

20 Popular jQuery Plugins That You Can Configure Without Any Coding

In this post, I have collected some popular jQuery plugins that can be configured in less than a minute! Really. They can be easily implemented by selecting the plugin options that you need by using my easy-to-use Bitconfig user interface.  So, what is Bitconfig and how can it help configure jQuery plugins? Bitconfig is a… Continue reading 20 Popular jQuery Plugins That You Can Configure Without Any Coding

Fn.js – Encourage Functional Programming Style

fn.js is a JavaScript library built to encourage a functional programming style & strategy. fn.js aims to support functional practices over performance or established conventions. In order to guide you on the right path, fn.js internals force avoidance of side effects, object mutation, and function state. fn.js runs in the Node.js or in the browser… Continue reading Fn.js – Encourage Functional Programming Style

35 Best HTML5 Development Tools To Save Your Time

Are you running out of time? Want to save your time without compromising on the quality of your work? Here is the solution for you. Have a look at this collection of 35 best and most useful HTML5 development tools that not only save your time but also improve your productivity as well. The introduction… Continue reading 35 Best HTML5 Development Tools To Save Your Time

Responsive Images: Still Waiting for a Standard? Try Rwd.Images.Js Instead!

Responsive Images is a topic far from resolved. Will it be the picture element as proposed by the W3C or will it be the srcset attribute as proposed by WHATWG in the end? No matter what time will bring, responsive images are a problem that needs to be solved today and not sometime in the… Continue reading Responsive Images: Still Waiting for a Standard? Try Rwd.Images.Js Instead!

40 Placeholder Content Generators for Testing Project Layouts

Both websites and mobile projects often benefit from demoing content. But instead of spending your time slavishly copywriting, why not incorporate Lorem Ipsum as a method to generate filler text? Over the years many websites have popped up to offer variations on this filler content. Even static images can be embedded on-the-fly with these webapps.… Continue reading 40 Placeholder Content Generators for Testing Project Layouts

Browser Testing in the Cloud Redux

I’ve written quite a bit about browser testing solutions trying to help identify techniques and tools that make cross-browser development easier. My last article on the subject covered how to use BrowserStack to test any number of browsers all from one central tool; your own browser. I was on a Windows PC back then so… Continue reading Browser Testing in the Cloud Redux

10 jQuery Lightbox Plugins

jQuery is a powerful tool for web designing. It can transform a web page to an entertaining and high quality. Today we collect some wonderful lightbox plugin with many variations. These lightbox plugins became very popular because it is very easy to implement. Quick & Simple LightBox Plugin For jQuery – Boxer Boxer is a… Continue reading 10 jQuery Lightbox Plugins

20 Best Opencart Themes For Online Store 2014

Best opencart themes 2014 which helps you to open online store or ecommerce website in just a few minutes. Thes opencart themes has all required features. OpenCart is considered to be one of the most stable and potential platforms on the market. You just simply need to install it, select your theme add your products… Continue reading 20 Best Opencart Themes For Online Store 2014

Using WordPress for Web Application Development: Features: Sessions

In this series, we’re taking a look at how it’s possible to build web applications using WordPress. Thus far, we’ve talked about how WordPress is a foundation (rather than a framework), its architecture, how we need to conceptually think of it when approaching it especially coming from other languages, and then we began talking about… Continue reading Using WordPress for Web Application Development: Features: Sessions

10 Online Applications To Help With File Management

Managing file is a necessity of today’s world because we have to deal with the great amount of different types of files on a daily basis – be is documents, images, photos, multimedia, etc. therefore, it is important to have a system where you can manage all of your files without any hassle. Today, the… Continue reading 10 Online Applications To Help With File Management

Creating a WordPress Theme From Static HTML: Adding a Loop – Part 4

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour  Part 1 Part 2 Part 3 Part 4 In the first three parts of this series, you learned how to prepare static HTML for WordPress and to create a theme by splitting your HTML file into a set of template files and editing the stylesheet.… Continue reading Creating a WordPress Theme From Static HTML: Adding a Loop – Part 4

QubeAdmin Pro Admin Theme – Ready To Spice Up Your WordPress Admin Area?

Have you ever been bored with the default look of the WordPress admin dashboard and want to change it? You might think that this would need a lot of coding experience (surely it does!), however, are new type of themes built to automate this process start to hit the market. If you work with web… Continue reading QubeAdmin Pro Admin Theme – Ready To Spice Up Your WordPress Admin Area?

Creating a WordPress Theme From Static HTML: Uploading Your Theme to WordPress – Part 3

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour  Part 1 Part 2 Part 3 Part 4 In the first two parts of this series, you learned how to prepare static HTML for WordPress and to split your HTML file into a set of template files. You now have the beginnings of a theme,… Continue reading Creating a WordPress Theme From Static HTML: Uploading Your Theme to WordPress – Part 3

Summernote – A Super Simple WYSIWYG Editor on Twitter Bootstrap

Twitter Bootstrap has been a great front-end tools for most web developers. Especially for backend development, it saves us plenty of times and efforts. Backend usually doesn’t need fancy design, hence, Bootstrap will be really handy to make the layout rapidly and reuse UI component easily. Previously, we introduced a WYSIWYG Rich text editor for… Continue reading Summernote – A Super Simple WYSIWYG Editor on Twitter Bootstrap

Creating a WordPress Theme From Static HTML: Creating Template Files – Part 2

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour Part 1 Part 2 Part 3 Part 4 In the first part of this series, I showed you how to prepare your HTML and CSS files for WordPress, ensuring the structure would work, the code was valid and that the correct classes were being used. In this tutorial… Continue reading Creating a WordPress Theme From Static HTML: Creating Template Files – Part 2

Creating a WordPress Theme From Static HTML: Preparing the Markup – Part 1

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour  Part 1 Part 2 Part 3 Part 4   Final Product What You’ll Be Creating Last year I did a small (and admittedly very un-scientific) survey among other WordPress developers. What I wanted to know was this: When they built their first WordPress theme, how did… Continue reading Creating a WordPress Theme From Static HTML: Preparing the Markup – Part 1

20 Impressive Examples for Learning WebGL with Three.js

In this informative article, there are an accumulation of demonstrations, tutorials and resources which will inspire and motivate you to master more about the collection. Experiments and Demos The impressive demos which you see here are created using the Three.js collection and WebGL as a renderer. You can utilize WebGL straight, but selecting Three.js makes development… Continue reading 20 Impressive Examples for Learning WebGL with Three.js

35+ Grid Based Web Design Templates

Every website needs to have its own personality. If you have a minimalist design in mind for your website, going for a grid based web design is definitely a interesting choice. Basically, grid websites enable you to present your website’s content in a web page grid fashion. Think blocks of your most appealing text, or… Continue reading 35+ Grid Based Web Design Templates

Important Considerations When Building Single Page Web Apps

Single page web applications – or SPAs, as they are commonly referred to – are quickly becoming the de facto standard for web app development. The fact that a major part of the app runs inside a single web page makes it very interesting and appealing, and the accelerated growth of browser capabilities pushes us… Continue reading Important Considerations When Building Single Page Web Apps

Which is the Best Code Editor?

For us, web developers, the choice of a source code editor shouldn’t come lightly. This is where we spend most of our development time and where productivity is gained or lost on a grand scale. No two developers are alike, so there is a plethora of editors that can accommodate any coding style. But this politically-correct statement… Continue reading Which is the Best Code Editor?