Articles tagged as ‘Web Development’

5 Reasons Why Page Builders can do a Better Job than WordPress Themes and Website Builders

In the website design world there are today two mainstream ways to build a website: 1) use a premium WordPress theme, or 2) use a website builder. Much can be said for either approach, but there is a third way – using a WordPress page builder. This article will discuss the essential PROs and CONs of each approach as well as some overlooked facts…


HTML5 Tutorials, Resources, Guides & Tips for Developers

HTML5 offers plenty of potential for web designers and developers, especially when combined with CSS3. The possibilities of HTML5 are exciting, and many designers/developers have been creating amazing things that weren’t possible with HTML and CSS in the past.

The life and career of a web designer/developer requires learning new techniques rather frequently due to changes in technology, and HTML5 is no exception. This post will serve as a guide to help you find tutorials and resources that will allow you to improve your own skills with HTML5.

Here’s a collection of HTML5 tutorials, resources & tips to help you understand HTML5.

HTML5 Tutorials:

Design & Code a Cool iPhone App Website in HTML5

Design & Code a Cool iPhone App Website in HTML5


Desktop IDEs: Our Top Choices for Web Developers

To successfully develop PHP sites, you’ll naturally want to have a great development environment. When creating a website, you will likely also need to edit HTML, CSS and even JavaScript files, which is why utilizing an IDE will help you easily and effectively develop your site.

In this article we’ll walk through the most popular IDEs: Codelobster PHP Edition, Eclipse, Komodo IDE, NetBeans, PHPStorm, and NuSphere. Each of these programs has different advantages for programmers, and our goal is to briefly describe the coding possibilities…


Pre-made Layouts – a Time-Saving Alternative to Wireframes

No matter how experienced you may be with using wireframe techniques, it is still a time consuming activity, as is researching a conceptual design as a first step in getting a new project off the ground. While wireframes provide basic frameworks for website pages, pre-made layouts have become an increasingly popular alternative.

Conceptual designs need to be developed before wireframing can commence. Conceptual designs are an integral part of a pre-made layout.
Initial sketches have to be transferred to a grid in to initiate a wireframe process. This step is not required when using pre-made layouts.
Incremental enhancement of a wireframe design takes time. Editing a layout is an extremely rapid process.
With a pre-made layout, you can build a website in a small fraction of the time it would take when using a wireframe approach. You can literally hit the ground running…


Learning the Basics: Prototyping in JavaScript

In my book, Learning to Program, I teach the concepts, principles, and tools needed to program the right way. I’m not going to try to do that here. This article will teach you just enough JavaScript to prototype, and some of the things you learn will be just plain ugly. But that’s okay because you’re just prototyping. If you want to learn more, and learn why those bad things are bad for real applications, check out my book.

By the time you’re done reading this article, you will have learned just enough JavaScript to make a prototype registration form that checks for unique usernames and has a password strength indicator. We’ll be using an online editor called CodePen to take care of a bunch of the hard stuff. The hard stuff is interesting and important to learn, but again, that is not the purpose of this article…


11 Handy Shortcuts for Customizing Any Selectable UI Element

Online forms are some of the most common interfaces for user interaction. Many web fields rely on user input from the keyboard, but others have pre-filled answers waiting to be selected. These may include checkboxes, file inputs, or even select dropdowns.

Although select menus are fantastic they can also be a little boring. All web design should be functional, but great web design incorporates pleasant aesthetics too.

The following ideas center around dropdown select menus for website layouts. Web designers often like to design their own custom fields which best-suit the project at hand. Select menus and similar inputs can be tricky to customize, but modern techniques make the process a whole lot easier. Check out these plugins and code snippets which can be perfect for customizing any form field…


4 Crucial Components to Optimizing Page Load Time On Your Website

We live in a fast-paced era where speed is the dominating factor that governs the success of our personal and professional skirmishes. And, when it comes to a website’s page load time, its impact amplifies even more!

Today, users have become so impatient that they don’t want to suffer even a single second delay when surfing a website. They need the information – they came to seek on a website – to be displayed within a snap or a blink of an eye, to be exact. In fact, even a 400 milliseconds gap is long enough to frustrate the visitors and cause them to bounce off to a different webpage, according to Google’s engineers.

At the end of the day, speed is what you need to leverage to beat the competitors and, not to mention, to take the top spot of SERP. After all, Google has already laid out that a website’s load time or speed is one of the key SEO factors that regulate its SERP ranking.

So here I’m presenting you some of the effective practices that will help you tweak the loading time of your website (be it a desktop or mobile) and offer a lightning-fast surfing experience…


How Speed Up Your Front End Web Development Process

Web design is often lumped together with a lot of other ideas like UX design and web development. Although these areas do overlap, the skill sets are not interchangeable and not all designers know how to code (or vice-versa).

But those who do code websites are often very task-oriented with a focus on the final outcome. This means it’s a good idea to work with best practices to speed up the whole development cycle. It’s not an easy task, but there are plenty of free resources out there to help.

This article includes some handy tips and resources for a more expeditious development process. As with most projects, why should work take longer than it needs to? Those who reinvent the wheel often have a good reason for doing so–but it’s not the best choice 100% of the time. Instead utilize these resources to improve the speed and efficiency of your own frontend workflow…


30 Best Free Calendar & Datepicker jQuery Plugins

Some might assume that an Internet loaded with free code would breed indolence. Yet it seems developers are willing to contribute their help to projects more than ever before. JavaScript libraries are a microcosm of the larger open source community – specifically jQuery with its ever-growing popularity and easy learning curve.

One such area of broadened potential would be jQuery-based calendars for websites. Although date & calendar interfaces have sparse usage, they come in handy for very specific circumstances. And when building a site that requires this type of interface you’ll be happy to know there are dozens of open source plugins available.

I’ve catalogued the 30 best free jQuery plugins that offer datetime functionality. Some are more developed than others and each plugin has its own set of benefits. The best part about using open source code is that it’s easy to customize for your own purpose. So peruse through this collection and take a look at any plugins which pique your curiosity…

Page 1 of 812345...Last »