When developing for the Web, you should consider your mobile users. These mobile web develoment articles and resources should help.

  • HTMLGoodies Mobile Web Development

  • How to Make Your Site Voice Search Ready

    Creating an SEO-optimized site involves several concerns that we can't possibly cover in a single article. Catherrine Garcia focuses her explanation on how to create a site that is ideal for voice search. One bonus is that the steps to optimize a site for voice search are also great for general SEO. Are you ready to find out what those steps are?

  • Working with the CSS Image Gallery

    Learn more about how the CSS Image Gallery lets you create pure CSS images and slideshows with good image transition and fast, fluent navigation.

  • Navigating HTML5 Geolocation

    Octavia Anghel shows you how to to use the HTML5 Geolocation API to determine the location of a user.

  • 10 Essential Media Queries to Include in Your CSS Style Sheets

    Explore 10 media queries that can keep your web pages stylish and well organized.

  • How Laravel Speeds Up App Development

    Laravel is an open-source PHP framework for creating web applications more quickly than developing a web app from scratch. Rob Gravelle presents two ways to work with Laravel: first, on its own, then within the Laravel Homestead Virtual Machine environment.

  • Top 10 Web Design Trends for 2018

    Take a look at ten different web design trends for 2018, as presented by top designers from around the world.

  • Ten Simple Tips to Make Your Site More Mobile Friendly

    There are many vague tips available on the Internet for building mobile friendly sites and apps. These ten tips should be a bit more actionable!

  • Creating a Hamburger Menu with HTML, CSS and jQuery

    Learn how to develop a burger-type menu that consists of a fixed button on the navigation bar that, when clicked, displays or hides the side menu containing a list of links.

  • Making AMP Page Elements More Responsive

    Rob Gravelle highlights some of the differences between Accelerated Mobile Pages (AMP) and Responsive Web Design (RWD), along with how to achieve responsive layouts in your AMP pages.

  • Amp Up Your Responsive Design Skills

    Learn how to create an optimal user/viewer experiences across multiple devices by employing responsive design concepts to your Website.

  • Choosing an CSS Framework: Bootstrap vs. Foundation

    Bootstrap and Foundation are currently the most popular front-end CSS frameworks. Let's compare the characteristics, advantages and disadvantages of each.

  • Take Advantage of New Features in AngularJS 2

    Take advantage of the updates in Angular 2 to build applications that are fast, responsive and can run seamlessly on Web and mobile browsers alike.

  • Top 7 On-Site SEO Recommendations

    Learn more about what you can tweak on your website in order to improve your SEO ranking.

  • The Many Uses of the Bootstrap 3 Modal

    Rob Gravelle presents more uses for Modals, specifically a timed alert and video player.

  • Respond to Media Queries with the matchMedia API

    The matchMedia API provides an easy way to react to CSS @media queries using the exact same CSS expressions, Rob Gravelle shows us how to use it to create responsive content.

  • How to Create an HTML Newsletter Template from Scratch

    Rob Gravelle and Gyula Németh show you how to create a nice looking newsletter from scratch that will display consistently across most email clients.

  • Creating AMP Content

    In a previous article, Rob Gravelle provided an overview of Google's AMP project, whose aim is to dramatically improve the performance of the mobile Web. In today's tutorial, we'll create a basic AMP page and validate it on our local server.

  • Top 10 Mobile Web Development Conferences for 2017

    If you've been working in the mobile space for any amount of time, you've probably wanted to attend some conferences to keep on top of the latest technology and to meet with the various industry professionals. Here is a list of 10 mobile conferences to consider.

  • Working with Android’s In-memory JSONObject

    Android has provided several specialized classes for parsing JSON since API level 1. Rob Gravelle explains how to use Android's JSON classes to load a JSON data set into memory and work with its contents.

  • Make your own iPhone app in Photoshop: How to design an iPhone app in Photoshop and convert it into a code

    In this article, Shahid Abbasi demonstrates how easy it is to create a functioning app by applying basic skills in Adobe Photoshop. 

  • Mobile Application Security: Preventing Injection Attacks

    Protecting hardware and data from thieves and hackers takes a multi-pronged approach, whereby application security plays a vital part in the overall scheme. Rob Gravelle discusses how to prevent injection attacks at the application level using a variety of validation techniques.

  • Html5 and Bootstrap, a Recipe for Development Success

    With the advent of the technology in the previous years the world of web development has seen major revolutions. The introduction of Html5 as an advanced markup language is one of these marvelous additions in the field of web development. During the previous 8 months, after its first release ,Html5 has rapidly become the most popular markup language among web developers. The outstanding features, the ease of coding and the ability to run offline applications are the main characteristics of Html5 and the prominent reasons for developers to use it.

  • 10 Essential Web Design Strategies

    In this slideshow we look at 10 essential web design strategies addressing the many different design challenges that developers have to take into account when they build websites today.

  • Top 10 Mobile Development Trends for 2015-16

    The mobile development landscape is evolving at a quicker pace than ever with explosive growth in almost every area including mobile app and web usage, mobile commerce, enterprise apps, “Internet of Things”, wearables, data-driven mobile services (Big Data), and omni-channel retail.

  • Exploring Vaadin Add-ons

    There are hundreds of add-ons available for the Vaadin Mobile Application Framework including UI & Data components, themes, tools, and more. Rob Gravelle shows how to use the TokenField and EasyUploads Add-ons.

  • Using Built-in Vaadin Themes in your HTML5 Applications

    Rob Gravelle describes how Vaadin uses themes to give your applications a consistent and refined appearance using the Exercises Catalog application that we built in the previous installment.

  • Build a User Interface using the Vaadin Mobile App Framework

    Vaadin is a web application framework for creating rich and interactive applications in Java that run in the browser, without any additional plug-ins. As such, it's an excellent tool for developing HTML5 mobile apps In this article, Rob Gravelle shows us how to automatically generate the User Interface (UI) from a Java Class.

  • Evaluating Adobe AIR and Sencha Touch

    Rob Gravelle examines the pros and cons of the Adobe AIR and Sencha Touch mobile development frameworks.

  • Pros and Cons of Cross-platform Mobile Development Frameworks

    In the Comparing Mobile Development Framework Types article, Rob Gravelle explored the two main general Mobile Framework types and went through each one's pros and cons. In today's follow-up, he evaluate the Apache Cordova and Appcelerator Titanium frameworks.

  • Using Views in Apache Cordova

    In Apache Cordova apps, the first (and sometimes the only) view that comes up upon starting your app is called the Home View. Rob Gravelle explains how to configure your Home View to perform a search and display the results within the same page.

  • 10 Tips to Optimize Mobile Websites for Users

    As mobile websites become more prevalent, so is the need for better design. In this article, we look at 10 tips to create a better experience for mobile users.

  • 8 Rules to Follow When Using TWAIN for Your Image Capture Web App

    This article will touch upon the history of TWAIN and its wide use before diving into developer planning considerations. With a focus on developing image capturing applications to use within web-based document management applications, the article will uncover 8 rules for TWAIN-based application development.

  • Moboom in Depth

    In this article you'll learn about the basics of creating a responsive site from scratch using the Moboom interface and you'll also be introduced to some of the tools available to you.

  • Marking Up Text in Your HTML5 Applications Using the “mark” Element

    This article walks web developers through the basics of marking up text in web pages using the new HTML5-only "mark" element.

  • Working With The New HTML5 “Month” Input Types Attribute In Your Apps

    W3C introduced new input types to support working with month and year in HTML5. This article explores how to use this input type in your HTML5 web pages.

  • 10 Essential Web Design Strategies

    In this article we look at 10 design strategies for the web. Since the web is changing all the time, designers and developers must adapt. Here, we cover some of the current and past design practices.

  • Review: Edge Animate CC for Dummies

    In this review, we look at Adobe Edge Animate CC for Dummies. Edge Animate is one of the programs available as part of the Adobe Creative Cloud.

  • Review Duda Mobile

    This article is a review of Duda Mobile. A mobile website develop tool which allows you to create custom mobile websites.

  • Review: Mobify

    In this article, we review Mobify, a web-based mobile site creator, and use it to convert a desktop site into a mobile site. To get the most out of Mobify, it's essential to have a solid working knowledge of both HTML and CSS.

  • A Review of the Web-Service: Mofuse

    In this article we review Mofuse a web-based CMS for creating mobile sites. This is a relatively easy program to use and will help build simple or complicated mobile sites. You can add forms, analytics, monetization and more.

  • Providing GPS Coordinates Via the Eclipse Android Simulator

    In most Android devices, your location-based or map applications can determine the current geolocation using either GPS (Global Positioning System). Rob Gravelle demonstrates how to utilize Eclipse's Emulator Control to provide GPS coordinates to your Android device or the built-in simulator using several different methods.

  • How to Build a Simple Mobile Website with CSS3

    In this article Nathan Segal takes a look at a variety of options for building simple mobile websites with CSS3, including examples, sample code, and tips on building a site that displays well on a mobile platform.

  • Tips and Tweaks for your GoMobi Layouts

    In this article we're going to look at tips and tweaks to give you better results with your GoMobi layouts.

  • HTML and CSS with GoMobi

  • GoMobi in Depth

    In this article we'll look at the some of the inner workings of the GoMobi interface and discuss some best practices to give use when building a mobile site.

  • An Intro to Mobile with GoMobi

    In this article, Nathan Segal walks us through an introduction to GoMobile. GoMobile is a development tool that allows you too quickly and easily build and deploy large and small mobile web marketing campaigns, create mobile landing pages and mobile sites that work with all devices! If you haven’t looked at this exciting new platform, then read on and be introduced to GoMobile.

  • Getting Started With Android App Development: Eclipse and the Android SDK

    In recent articles we discussed the difference between web apps and native apps, and went through the steps required to set up your computer for Android app development. In this article we will show you how to get the Eclipse IDE to run a sample app using the Android Emulator.

  • Resources for Android App and Website Developers

    For those who are getting started with Android website and application development, the process can be quite daunting. With so many devices, websites, tools and options available, it's hard to know where to start. In this article we will point out the basic software you'll need, some tools to make the job easier, and some websites you can go to for development advice and tips.

  • Web Development for Android Devices: Mobile Joomla!

    While many developers are actively working on an Android app for their client or business, others are going the web app route by creating websites that look and act like apps when viewed on mobile clients. If you're already using the Joomla! CMS, the Mobile Joomla extension will do most of the work for you, as we will show you in this tutorial.

  • Web Developer Diversion: Rooting Android Devices

    Not all web developers are geeks, but most developers do enjoy a diversion from HTML5 and JavaScript from time to time. Android devices are a particularly interesting diversion, and many web developers have at least one such device around, "for testing mobile websites" if nothing else. By rooting, that is, gaining root privileges, on an Android device, you are able to use many programs which require such access, and can do things like flashing a ROM on your device, or changing the boot animation and sound, which requires access to system files. We'll show you how to do that in this tutorial!

  • Top 10 Web Development Apps for Android Devices

    As an avid Android device user with both an Android tablet and phone, of course I am always looking for apps that would be of use to web developers. After a bit of searching I was able to find apps for just about every aspect of web development, from the web server itself to an FTP client to move the files, to a source code viewer that let's you view the source code on any web page, analytics tools to allow you to analyze your website, to custom apps for the major CMSes WordPress, Drupal and Joomla!.

  • The Mobile Web with jQuery Mobile

    In October of 2010, the jQuery team released a mobile version of their awesome JavaScript library. This tutorial will tell you all about jQuery mobile, and show you how you can use it with mobile devices.

  • Using iPhone User Interface Framework (iUI) To Create "Native" Websites for the iPhone

    We've learned how to detect the iPhone's user agent, use Safari for testing, detect and set the viewport orientation, use CSS and meta tags for iPhone and iPad layouts. This week we'll learn about the iPhone User Interface Framework (iUI), which consists of a JavaScript library, CSS and images for developing websites which appear and function like native iPhone apps.

  • Web Development Newsletter Signup

    Invalid email
    You have successfuly registered to our newsletter.
Thanks for your registration, follow us on our social networks to keep up-to-date