Web Design

Facebook Twitter

jMapping Documentation. jQuery plugin for creating Google Maps from semantic markup This plugin is designed for quick development of a page that implements a Google Map with a list of the locations that are specified within the HTML.

jMapping Documentation

The plugin tries to allow as much graceful degradation as possible by having the HTML be as semantic as possible. The plugin expect the HTML for the locations to be grouped under a common element. Additionally, it expects the links and Map Info Window content to be grouped under the location elements. jQuery and Google Maps Tutorial: #1 Basics. There are many times I want to leverage jQuery’s strengths to create a custom Google Maps mashup.

jQuery and Google Maps Tutorial: #1 Basics

In this tutorial, I will walk you through how to get started using jQuery inside the Google Maps environment. I will assume nothing, and explain each piece in detail. View Final Demo. jMapping: Examples » Example 4. 10 jQuery Plugins for Easier Google Map Installation. At first glance the Google Map API may seem scary, I mean, were do you possibly start?

You probably only want to display a simple map that displays directions to your clients address, you don’t really want an all singing and dancing interactive map with more options than necessary. There has to be a simpler way. Of course there is, and as with almost all web site interactivity, jQuery does offer some simple and easy to use plugins. The plugins below offer not only an easier method to install a map, they also offer the option to add extra functionality, should you choose to need them. Crime statistics - ACT Policing.

Marker : "Marker" in Overlays documentation for Gmap3. This function adds google.maps.Marker(s) and includes a clustering feature.

Marker : "Marker" in Overlays documentation for Gmap3

Marker usage Parameters options {google.maps.MarkerOptions} Shawn Mayzes - Google Maps jQuery Plugin. Setting Up Readable Online Web Copy using CSS. Working as a web designer requires knowledge in a slew of different areas.

Setting Up Readable Online Web Copy using CSS

You need to consider user experience design, color schemes, and especially typography. This is one subject which is discussed often yet can still become an issue in website layouts. In this article I would like to discuss creating readable text on your websites. People who are visiting pages online are mostly interested in some type of content. If that content isn’t videos or images then it’s a good bet to be written text. Internet Technology. HTML5. Javascript. Javascript. 15 Free, Minimal and Responsive WordPress Themes. In this round-up we have compiled some of the best free, minimal and responsive WordPress themes that have been recently released.

15 Free, Minimal and Responsive WordPress Themes

All of the beautiful themes below do work perfectly well as they are across all screen resolutions, but the real beauty of these minimal themes is that they can all be used as a great base for further development. All screenshots below were created using the Responsive Design Bookmarklet from Benjamin Keen. Shutterloop. 40+ Free Responsive WordPress Themes. Not every blogger or site owner is code-literate or design-savvy, but everyone deserves to get a responsive design for their site.

If you’re on WordPress, have we got a treat for you. Rather than bust your budget to hire a designer for a revamp, why not adopt one of these handpicked WordPress Themes that are available for free? These themes are built to resize and realign itself to cater to the different screen sizes of mobile devices, such as smartphones and tablets, i.e. they are responsive. No more swiping around to find hidden sidebars, zooming in and out to make the text comfortable enough to read. After all this, the look and feel of the site will still be maintained to mirror the original site. Wordpress Plugin – jQuery Mega Menu Widget. Updated 2nd November 2012 Drop down mega menus are becoming more popular as an alternative to standard drop down menus.

Wordpress Plugin – jQuery Mega Menu Widget

This WordPress menu plugin will allow you to quickly and easily create drop down mega menus from any WordPress custom menu. The plugin can handle multiple mega menus per page, offers a choice of animation effects (fade or slide), the option to set the drop down sub-menu to full width plus the choice to activate the menu using either hover or click. Wordpress Plugins. UberMenu - WordPress Mega Menu Plugin. UberMenu is a user-friendly, highly customizable, responsive Mega Menu WordPress plugin.

UberMenu - WordPress Mega Menu Plugin

It works out of the box with the WordPress 3 Menu System, making it simple to get started but powerful enough to create highly customized and creative mega menu configurations. Latest update: 2.4.0.3 (January 16, 2014) Update Instructions Now fully responsive! Enhanced CSSLighter weight, more efficient JavaScriptiPhone & iPad compatible! Full-width submenu option with ability to define the number of columnsAnd much more!

How to clean up your wordpress database. Today we will keep this article short; there are only a few operations that one needs to do in order to optimize and speedup a blog.

How to clean up your wordpress database

If you’re using WordPress to edit your blog, you’ve probably noticed how large the database can become, even if you haven’t published many posts. This can compromise the loading time of a blog, slowing it down considerably. WebDesign Ledger. Web Design Blog, Tutorials and Inspiration. Tips for Coding a Solid Frontend Interface in HTML5/CSS3. Website interfaces often require a large starting point to get going.

Tips for Coding a Solid Frontend Interface in HTML5/CSS3

You’ll need to spend some time planning out a design style or simple prototype in advance. But how do you go about starting the HTML5/CSS3 development cycle? In this article I would like to share a few tips and tricks for coding a spectacular frontend. Web development has never been easier to learn, but there are also a lot of ideas to follow along with. 14 New and Free PSDs for Web Designers. Designers are always looking for new design elements to use in their projects, and that’s why it’s very important to have a good library to count on.

14 New and Free PSDs for Web Designers

To help you increase your resources, today we gathered 14 new free PSDs for you. From icons to UI controls, and buttons, there’s a lot of useful elements here. Enjoy. 50 Mini Icons (PSD) Inspiration - (Private Browsing) Here at WDL we like to show you different sources of inspiration, from print to web, packages to type, and much more, we believe that you can find inspiration in a variety of well designed things. Today we gathered some branding projects to show you how some designers approach the task of developing brands. It’s interesting to see how colors, logos, etc. come together to represent of a company. Apache Flex Description: Adrian Knopik, partner at Fuse Collective created new Apache Flex logo which was selected among 52 candidates by a community vote.

The project below is our vision of how art direction of brand could look like. Database Description. Database Description Languages: English • العربية • 日本語 • 中文(简体) • 한국어 • (Add your language) The following is an outline and description of the database tables created during the standard installation of WordPress Version 3.4. Currently, the only database supported by WordPress is MySQL version 5.0.15 or greater. WordPress Development. Why Clean Up Wordpress WP_PostMeta Table? Looking for script to clean up wp_postmeta table in WordPress?

This article share on how to reduce the wp_postmeta table size and improve the performance of your blog. As you know, wp_postmeta table hold data related to wp_posts. Example – All In One SEO Pack will create entries in wp_postmeta table if you define the keyword or description for each blog post. HTML5 Boilerplate - (Private Browsing) Summer Under The Stars - (Private Browsing) HTML5 Gallery and Inspirations. Reveal.js - The HTML Presentation Framework. Bacterium. Stroll.js - CSS3 Scroll Effects. WebGL Transforms. 23 Truly Amazing and Unbelievable HTML5 Canvas and Javascript Experiments.

30 Must-See HTML5 Tutorials To Wow Your Audience. BreakDOM - A remix of the classic Breakout game. References and Materials. Seamless Natural Grunge Textures. 6 Colorful Grungy Background. 6 High-Quality Seamless Paper Textures. jQuery: The Write Less, Do More, JavaScript Library. W3Schools Online Web Tutorials.