background preloader

Adding Custom Google Maps to Your Website

Adding Custom Google Maps to Your Website
Maps are often placed on a company website to help customers find their way there. For that, Google Maps is excellent. But wouldn’t it be nice to add your company logo, parking lots, train stations, etc. to the map, to help the customer even more? It is very simple, and in this article I am going to show you how. Before we start, check out what we are going to create: Now, here is an overview: Overview Google Maps API The Google Maps API allows you to embed maps directly into your website. Getting the Coordinates As I do not expect you to know the precise coordinates of your location, I will explain a very quick way Google has provided to do this. When you enter this in your address bar, you will see this: The coordinates of Apple's head quarter in Cupertino The first number is the status code, and 200 means that everything is okay. Adding the Map to Your Website There’s no need to hesitate – let’s add that map to your website! After the URL, you will notice sensor=false. Write Adding Markers

15 sites web developers and designers should know Creating a good website isn't an easy task, but there's a few tools that can definitely make your developer or designer life easier. In this article, I have compiled 15 extremely useful website that any web developer or web designer should have bookmarked. ColorCombos When designing a website, one of the firsts (and most important) steps of the process is to choose a color scheme. Color Combos allow you to browse thousand of different colors combinations for getting inspired for your upcomming design. LIpsum Who doesn’t know the extremely popular Lorem Ipsum text? What the font? You just saw a logo or website using a particular font and you enjoyed it. ConvertIcon Favicons are a must have for any website, mostly because on modern browsers as such as Firefox, it is displayed along with the site name in tabs. BgPatterns background Patterns is definitely one of the current webdesign trends. HTML Encoder Do you display code on your website? Test Everything Sprite Generator Load Impact IconFinder

Fonts Used In Logos of Popular Websites | Build Internet! This roundup was gathered through a combination of top notch Google-ing and What the Font?-ing. Midway through my travels across the internet, I stumbled upon a Web 2.0 logo font roundup, which is worth a look as well. You’ve seen these fonts, now you get to learn their names: Twitter – Pico Alphabet (Modified) Digg – FFF Forward (Modified) Cork’d – Triplex Vimeo – Black Rose Grooveshark – FF Nuvo Envato – Agenda Italic Tuts+ Network – Lubalin Graph Last.fm – National (Modified) Technorati – Neo Sans Medium Flickr – Frutiger Black Purevolume – Avenir Book Youtube – Alternate Gothic No. 2 Basecamp – Whitney Facebook – Klavika (Modified) Engadget – Engadget Font (Close Match) Google – Catull BQ Yahoo – Yahoo Font Hulu – Futura MDd BT (Modified) Bebo – Neuropol (Modified) TMZ – Amelia The ONION – Eagle Bold Mapquest – Cheap Motel Linkedin – Myriad Pro Bold Skype – Helvetica Rounded Bold Revision 3 – VAG Rounded Black Hunted, Tagged and Released Back Into the Wild Want more famous fonts? Google+

Custom WordPress Homepage with Customizable Widgets In this Tutorial, you’ll learn how to build a Custom homepage for your WordPress Theme using Page Templates: Complete with a featured content slider, and customizable Widgets. Materials Needed: A lot of people I have seen asking about how to make a custom landing page for their WordPress website. In most standard themes, the homepage is a listing of recent posts. What if instead you want to display a separate landing page? Maybe your site isn’t a typical run of the mill blog. The Structure To have a custom template page for WordPress to recognize, simply create a new PHP file, I named mine custom_home.php, and at the very top when you call the header as you normally do, include this little snippet with the name of your custom page, so it should look like this, Upload this file to your Theme Folder. Now, when you’re adding or editing a page in WordPress, you should see a new Template in the Template Dropdown (inside the Attributes box). How you develop your template is completely up to you. <?

SOPA Emergency IP list: | CodeBangers So if these bastards in DC decide to ruin the internet, here’s how to access your favorite sites in the event of a DNS takedown tumblr.com 174.121.194.34 wikipedia.org 208.80.152.201 # News bbc.co.uk 212.58.241.131 aljazeera.com 198.78.201.252 # Social media reddit.com 72.247.244.88 imgur.com 173.231.140.219 google.com 74.125.157.99 youtube.com 74.125.65.91 yahoo.com 98.137.149.56 hotmail.com 65.55.72.135 bing.com 65.55.175.254 digg.com 64.191.203.30 theonion.com 97.107.137.164 hush.com 65.39.178.43 gamespot.com 216.239.113.172 ign.com 69.10.25.46 cracked.com 98.124.248.77 sidereel.com 144.198.29.112 github.com 207.97.227.239 # Torrent sites thepiratebay.org 194.71.107.15 mininova.com 80.94.76.5 btjunkie.com 93.158.65.211 demonoid.com 62.149.24.66 demonoid.me 62.149.24.67 # Social networking facebook.com 69.171.224.11 twitter.com 199.59.149.230 tumblr.com 174.121.194.34 livejournal.com 209.200.154.225 dreamwidth.org 69.174.244.50

51 Form Element Resources and Tutorials Using CSS And Javascript I featured many good looking contact forms some time ago – 91 Trendy Contact And Web Forms For Creative Inspiration, so you should know how looks good example. Now let’s take a look how to create outstanding and beautifully designed form elements from scratch ourselves. Things can get tricky even if you are experienced designer. It’s hard to attract visitors attention, but this article should help to stand out and create semantically correct, good looking and accessible web forms, checkboxes, radio buttons, buttons, fieldsets – everything you can think of when you are creating contact or login page! 1. How create good looking form without table This tutorial explains how to design a good form using a clean CSS design with only label and input tags to simulate an HTML table structure. View demo & source 2. Very well explained tutorial showing crucial points you should give attention to. View demo & source 3. View demo & source 4. View demo & source 5. View demo & source 6. View demo & source 7.

my google reader Extend WordPress With Custom Fields - Smashing Magazine Advertisement WordPress’ popularity has grown exponentially as of late. This rise in popularity is due in part to WordPress’ custom fields. How exactly did these bits of data transform WordPress? The Custom Field Syntax In order to do more complicated things, you’ll need to understand the syntax. A real-world example: let’s say you run a blog about cameras. Displaying the field on the page is simple, too. <? (You might want to wrap this in a paragraph, ordered list or the like. Custom fields can be conditional, too. <? That’s the general syntax, and now the only limit is your imagination! Spicing Up Post Titles Post titles are usually fairly boring. Using a conditional statement and custom fields, adding any HTML to your posts’ titles is now possible. You can add any HTML you like to your posts’ titles. <? An easy yet effective way to improve your website. Only Display Posts With A Specific Custom Field WordPress displays posts through something called a loop. This one is a bit more involved.

Networking & Server software / hardware for Windows 2003, 2000, NT & Linux - ServerFiles.com

Related: