background preloader

Web Design

Facebook Twitter

jMapping Documentation. 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 If you are already familiar with Google Maps API, skip to step #5, or so. Step #1: Get API key First, grab yourself an API key for Google Maps , you will need this in the next step. Step #2: Load Google Maps and jQuery. 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. 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. Devise a Layout Plan. 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

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.

40+ Free Responsive WordPress Themes

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

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. Fully Responsive Mega or Flyout Submenus Compatible with Mobile devices, including iPhone, iPad, and Android Touch-enabled Build advanced submenu layouts with the built in column grid system Easy to use Rapidly develop Mega Menus from your pages, posts, custom links, or any content!

Works out of the box with most WordPress 3 Menu-Enabled Themes Integrates directly with the WordPress 3 Menu Management System – work with the system that you know and love! Fully Configurable Dropdown CSS3 Transitions Shift Up, Slide Down, Fade, or None Trigger Hover, Hover Intent, or Click Includes 25 popular Google Fonts Vertical or Horizontal menus Multiple UberMenus can be configured independently Responsive & Mobile. 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. Web Design Blog, Tutorials and Inspiration. Tips for Coding a Solid Frontend Interface in HTML5/CSS3. 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. 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.

Inspiration - (Private Browsing)

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. 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?

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. WordPress will do a join operation between wp_posts and wp_postmeta table each time when people visit your blog post based on the id key. HTML5 Boilerplate - (Private Browsing) Summer Under The Stars - (Private Browsing) Reveal.js - The HTML Presentation Framework. HTML Presentations Made Easy Created by Hakim El Hattab / @hakimel Heads Up reveal.js is a framework for easily creating beautiful presentations using HTML.

You'll need a browser with support for CSS 3D transforms to see it in its full glory. Vertical Slides Slides can be nested inside of other slides, try pressing . 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. Seamless Natural Grunge Textures. 6 Colorful Grungy Background. Today’s texture package is a nice collection of 6 Colorful Grungy Background. The textures are perfect for your design work, you can implement into graphic design, web design, or even video editing. enjoy the free texture resource and download at below for free.

6 High-Quality Seamless Paper Textures. jQuery: The Write Less, Do More, JavaScript Library. W3Schools Online Web Tutorials.