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. 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. jMapping Documentation
jQuery and Google Maps Tutorial: #1 Basics 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. 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

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 Marker : "Marker" in Overlays documentation for Gmap3 This function adds google.maps.Marker(s) and includes a clustering feature. Marker usage Parameters options {google.maps.MarkerOptions}
Shawn Mayzes - Google Maps jQuery Plugin
Setting Up Readable Online Web Copy using CSS | Tips Working as a web designer requires knowledge in a slew of different areas. 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. Setting Up Readable Online Web Copy using CSS | Tips
Internet Technology




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. 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 15 Free, Minimal and Responsive WordPress Themes

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. 40+ Free Responsive WordPress Themes
Updated 2nd November 2012 Drop down mega menus are becoming more popular as an alternative to standard drop down menus. 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 Plugin – jQuery Mega Menu Widget « Design Chemical – jQuery, Wordpress, Tutorials & Plugins Wordpress Plugin – jQuery Mega Menu Widget « Design Chemical – jQuery, Wordpress, Tutorials & Plugins
UberMenu is a user-friendly, highly customizable, responsive Mega Menu WordPress 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: (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! UberMenu - WordPress Mega Menu Plugin UberMenu - WordPress Mega Menu Plugin
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. 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. How to clean up your wordpress database

Web Design Blog, Tutorials and Inspiration | Web Design Ledger

For our first inspirational list of 2014 we decided to gather examples of white type in web design. I’m always browsing css galleries and other sites to find nice things to show here, and I noticed that a lot of sites use the dark/colorful background white type combo. This is why I decided to dedicate a list to it. Whether you are using a beautiful background image, a texture, or even a big video, overlaying white type can create a very dramatic effect.
Website interfaces often require a large starting point to get going. 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. Tips for Coding a Solid Frontend Interface in HTML5/CSS3 | Tips
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. 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) 14 New and Free PSDs for Web Designers | Freebies
Inspiring Branding Projects | 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.
Why Clean Up Wordpress WP_PostMeta Table?
HTML5 Boilerplate - (Private Browsing)
Summer Under The Stars - (Private Browsing)
reveal.js - The HTML Presentation Framework
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.
Seamless Natural Grunge Textures
6 Colorful Grungy Background | web texture | Premium textures, patterns and backgrounds
6 High-Quality Seamless Paper Textures