Drupal is widely used tool for creating maps because of providing different libraries, latest technologies and third party services. Openlayers are one of the approaches of creating geographical data and maps in Drupal. It supports various map providers, such as Google Map, Yahoo Map, and Bing Map. Layer helps groups the elements that are rendered on the Map. Openlayers.Layer is the base class that defines common features, such as name, opacity, projection, maxExtent, and resolutions for all the derived classes.
* * *
Before creating a map using Openlayers in Drupal 7, you need to ensure that following modules are installed:
OpenLayers (use 2.0 or higher): OpenLayers, Openlayers UI, OpenLayers Views
Views 3: Views, Views UI
Geofield (1.1 or higher)
GeoPHP (1.7 or higher)
Geocoder (1.2 or higher)
Steps to create maps using Openlayers in Drupal 7:
How to make it look blurred? If you’ve ever asked yourself this question, this post is right for you. The compilation of various resources including tutorials, tips and advices on how to create the blur effect with CSS will show you all the possible ways of achieving it.
Blur effect with its transparency and soft tone makes images and text passages pleasant on the eye. It can be used just for visual attractiveness, or as the background effect for focusing attention on some parts of text. It’s widely used here and there, and it’s not really hard to create it. You can do it with CSS filters, among which it is one of the most popular. They work quite well in various browsers, so you’ll have any troubles with them.
This post contains resources with parts of code that you can just copy, paste in the right place and get the desired blur effect. Let’s try!
There are many ways to improve user’s experience on site. But today we decided to focus on navigation. An intuitive, user-friendly navigation is a great benefit no website owner will contest. As a rule, the visitor scrolls down your website all the way to read the content and when he/she wants to continue research, the scrolling should be done over again, this time backwards.
Surely, there are some good ways to free customer’s fingers from monotonous actions. One of them is to make your menu bar stick to the top of the page. This way all essential links will be constantly visible and easily accessible at any moment. A set of tutorials gathered below will show you how to create a fixed navigation menu on your website in few easy steps. Even if you are not much of a coding professional, you will easily cope with the task. We believe that fixed navigation menu is a good opportunity to save some space on your web page, as no additional links are necessary anymore, and show the customers that you value their time.
Do you use Adobe Illustrator in your design projects? The majority of designers simply can’t do without this editor when they need to create high quality vector graphics and elements. Since its development for Apple Macintosh in December 1986, the software has undergone sixteen upgrades, which finally resulted in Illustrator CS6, the latest version in this product line.
Actually, designers use both Illustrator and Adobe Photoshop as they allow to carry on different manipulations. Photoshop is perfect for work with digital images and illustrations while Illustrator is matchless for typesetting and logo design, for instance.
Vector elements, created in Illustrator can be incorporated into web pages, business cards, flyers and brochures. The quality of images drawn with the help of this powerful software lets to print them out in large scale.
If you feel like improving your Illustrator skills today, here are some latest fun Adobe Illustrator tutorials shared by expert enthusiasts with the community. All of them were developed in the current 2013 year and are suitable for any level of qualification. We are sure that you will pick out some useful details to apply in your next projects, i.e.: creative button design ideas, amazing text effects, facial expressions rendering, vintage strokes, interesting patterns, smart graphic tricks and many other things.
For some reason Photoshop shapes are often overlooked, but not at out blog. This post will enliven the question of using Shapes in Photoshop, and present you tutorials (including video ones) concerning this theme. It can be quite useful, especially for beginners who are always looking for some professional tips and clear explanations. Here is the short list of tutorial topics you’ll find below:
How to create custom shapes?
How to save custom shapes?
How to turn a text into a custom shape?
How to combine shapes?
You’ll see how to complete the mentioned above tasks in tidy and clean manner. Just using the simple tips and techniques, you’ll get good results. Here they are – Using Shapes in Photoshop: Best & Fresh Tutorials. Follow the tutorials, and make one step further to mastering Photoshop.
“Wow, that’s amazing!” and “How to achieve it?” – this is the most usual first reaction of people who see the cool background effects on websites. Interactive sites with movable background images look really stunning, and draw much more viewers than the usual ones. Most of such sites use Parallax scrolling technique to achieve this effect. It makes the viewers’ journey around the site pleasant and exciting, observing how the background images move slower than the foreground ones. It’s not only visually intriguing, more important is that it makes the navigation really simple. In major cases when you scroll a parallax website, you can move on to another page actually staying on the main.
What other techniques are used for creating the background scroll effect? Just using a certain code you can make the background move. It is widely used in creating video games. In this compilation you’ll find the examples of Background Scroll Effect Tutorials for both of the mentioned above cases of usage. Video tutorials will show you the process of creation of these effects in detail.
We hope that this post will give you enough examples of implementing such a cool effect in your works. Show the world how it should move, and please the visitors of your site with its visual attractiveness and simple navigation.
If you are an advanced web developer interested in studying and application of the latest technologies in order to keep the distance and always be a few steps ahead of your competitors, this set of tutorials is exactly what you need today. With the high tempo of HTML5 popularity growth you don’t need to be a foreteller to predict further strengthening of its positions. It’s a common fact that progressive industry leaders are switching to HTML5 to fit contemporary web standards. Undoubtedly, strong HTML5 knowledge will give you the desired freedom to experiment in your projects and be competitive in your market sector.
Due to impetuous mobile web development, modern mobile browsers began to support multiple cool HTML5 features. This gives web enthusiasts more possibilities to create great applications working on various portable devices with the same methods. Herein under you will find a collection of HTML5 mobile tutorials that might be useful in your creative designs. Hoping, they will teach you many smart tricks and clarify the techniques, which seemed rather complicated before.
Countdown timers have many purposes in web design. It’s better to have some of them at hand cause one day they will stand you in good stead. Actually a countdown timer is a sequence of numbers – years, months, days, hours, minutes, and seconds, being displayed in the reverse order until they reach the deadline. In some cases countdown timers are the best means to inform the user about any important event anticipated on the website. When your website is down for maintenance, some big event is coming, new product launch, game or movie release are expected – you should inform your concerned customers when to come back. Here the countdown timers are simply indispensable.
Below, we’ve collected some great countdown timer scripts you might need in your projects one day. You may apply them in your designs straight away as all of them are absolutely free! We hope you’ll like these time-saving goodies as some of them are really awesome! So, here is a collection of free helpful countdown timer scripts for any purpose you can think of!
Year 2012 is coming to its end. So, let’s be consistent and recollect some great things it brought to us. Today we will refresh the best CSS3 tutorials, released in 2012 and if you missed some of them, it a good chance to overtake the lost skills.
So, you have decided to make your website more interactive and bring the captivating effects into it. How can you achieve it? A number of effects you are looking for can be set by jQuery, and text effects are not the exception. The typography enhanced with various jQuery plug-ins and techniques gain the dynamics and the desired cool look that is the key point in grabbing the viewer’s attention. If there are fans of simplicity among you, this compilation of jQuery and CSS3 Text Animation Tutorials will not hit a point. But all the rest will find these tips on how to present the texts with blowing, fading out, glittering and other cool effects quite useful.