background preloader

Stiern

Stiern
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

http://stiern.com/tutorials/adding-custom-google-maps-to-your-website/

Related:  studycelikgrapix

fstoppers Special effects are crazy and if they’re overused, can be off-putting (I’m looking at your Star Wars Episodes 1-3). But used right, and special effects can make a scene and drastically reduce set budgets. Check out these before and after shots of rather notable sets that we stumbled upon, including a pair from everyone’s favorite zombie show, The Walking Dead. Related The Best Fstoppers’ Posts From January 2013 Your "Likes", "Tweets", comments and clicks all help us know which are our best posts of the month.

How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds It's pretty amazing how much colour and background can change the look and feel of a website. In this tutorial we're going to put together a quick, simple but effective layout and then create variations using backgrounds, photos and patterns. We'll also look at how to make seamless tiled backgrounds out of a photo, methods for ending a single photo and simple ways to create pixel patterns. In short it's a jam packed tutorial! 100 Essential Web Development Tools - Noupe Design Blog Mar 16 2010 By Neil Skirrow As web technologies constantly advance, the skills a developer is expected to have are constantly increasing.

pwnat - NAT to NAT client-server communication home page (more sweet code) || follow my twitter || blog || email me || samy kamkar pwnat, pronounced "poe-nat", is a tool that allows any number of clients behind NATs to communicate with a server behind a separate NAT with *no* port forwarding and *no* DMZ setup on any routers in order to directly communicate with each other. The server does not need to know anything about the clients trying to connect. Simply put, this is a proxy server that works behind a NAT, even when the client is behind a NAT, without any 3rd party. Read the paper, "Autonomous NAT Traversal", joint work with Christian Grothoff, Nathan S. Evans, and Andreas Müller published by IEEE at the IEEE P2P'10 Conference (bib, pdf) There is no middle man, no proxy, no 3rd party, no UPnP/STUN/ICE required, no spoofing, and no DNS tricks.

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. show_article As a screenwriter, the ability to craft dramatic suspense can turn your script from a basic, by the numbers story into something memorable, and the basis of a movie that people will remember. Film is a visceral art, and a thousand things have to go right in the execution of a story to make it resonate, but it all starts with the screenwriter. Without the basic foundation and the proper storytelling tools, your script might not make it past the first read. Evoke Emotion Create sympathetic characters that the audience likes and can relate to. After all, the characters are the ones who are telling the majority of your story, through their actions and dialogue. This can be accomplished in several different ways.

Sass - Syntactically Awesome Stylesheets Before you can use Sass, you need to set it up on your project. If you want to just browse here, go ahead, but we recommend you go install Sass first. Go here if you want to learn how to get everything setup. Windows Software - Open.Source - everything ! FREE SOFTWARE !!! for Windows, Linux & Mac Looking at the filesize you may not believe what this application is capable of, dont be fooled by the quickness of this application, the features wont let you down. What would you say to a free, open-source 3D program that had almost everything you could find in those expensive professional applications that cost hundreds, even thousands of dollars? It may sound too good to be true, but Blender 3D delivers amazing power at an unbeatable price. Blender combines 3D modeling, rendering, animation, video sequencing, and game development in one application.

Related: