background preloader

Vischeck: Home

Vischeck: Home
Related:  webdesign

Dynamic Drive- FavIcon Generator Use this online tool to easily create a favicon (favorites icon) for your site. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is called up. It is a good way to brand your site and increase it's prominence in your visitor's bookmark menu. More information on favicon After you've created a neat favicon, it's time to add it to your site. Upload the generated file ("favicon.ico") to your site. Also see- Favicon Editor Also check out our Favicon Editor to create the 16x16 icon image from scratch!

Images of the social and economic world Here is an ordinary map of the world: Click on image for a larger version Roughly speaking, on a map like this, the sizes of the countries of the world are in proportion to their actual sizes on the surface of the planet and their shapes are the same as their actual shapes. (This is only approximate though, since some distortion is inevitable when you go from a spherical planet to a flat map.) It's possible, however, and sometimes very useful, to redraw the map with the sizes of countries made bigger or smaller in order to represent something of interest. Such maps are called cartograms and can be an effective and natural way of portraying geographic or social data. Here, for example, is a cartogram that shows the human population of the countries of the world: Population Notice also how the lines of latitude and longitude have become distorted by the growing and shrinking countries. Gross domestic product Now here are a few more cartograms. Child mortality People living with HIV/AIDS

Introducing the new CSS layouts in Dreamweaver CS5 After you select the layout you'd like to start your web page with, you have several other choices to make in the bottom right of the dialog box. First, you need to choose your doctype—HTML, XHTML, or HTML5. You'll also need to choose where you'd like the CSS placed. Choosing Add to Head will place the CSS selectors into the head of your document to keep it simple while you're developing your page. Later, you can use the CSS management features to move it to an external file. A quick overview of a CSS layout To get a feel for the new layouts, a good first step is to create one and examine it. Exploring a fixed layout Follow these steps to create a document with a two-column fixed layout: In Dreamweaver, choose File > New. In Design view, you'll notice a few changes. Switch to Code view and you'll see that, as before, the CSS is heavily commented, with notes on individual properties as well as a large block of information describing the basic structure of the layout. Simple selectors

How The Rainbow Color Map Misleads Colors are perhaps the visual property that people most often misuse in visualization without being aware of it. Variations of the rainbow colormap are very popular, and at the same time the most problematic and misleading. The rainbow color map is based on the colors in the light spectrum, and is sometimes done correctly, sometimes the colors are in the wrong order. Now take a look at this map from a paper on water resources published in the Journal of the American Water Resources Association, which I found on Cliff Mass’s fantastic weather blog. Do you see the how the country is divided down the middle? But let’s take a closer look at the legend. As it turns out, the values change smoothly, but the colors do not. Luminance The combination of smoothly varying and abruptly changing luminance makes it appear as if there were clearly defined regions on the map. Hue What is more, the hue changes. White (0.0–0.09). There are certainly reasons for using more than one hue. Why Rainbows?

69 beste Wordpress plugins! | html-site WordPress is populair. Laten we daar geen doekjes om winden. Meer en meer websites gaan het gebruiken. Als basis is het uitstekend om je website mee op te zetten. Als start van het nieuwe jaar heb ik hier 69 plugins voor je op een rij gezet, verdeeld in 17 thema’s. WordPress Optimalisatie Wanneer je succesvol gevonden wilt worden in Google heb je aan een van de onderstaande paketten meer dan voldoende om je website aan te pakken en goed te scoren op het gebied van SEO. Platinum SEO PackGreg’s High Performance SEOWordPress SEO door YoastSEO UltimateAll in one SEO pack WordPress Link plugins Link plugins zorgen voor een beter overzicht van je links en betere prestaties op SEO gebied SEO Smart LinkGebroken Link CheckerWP Render Blogroll Links WordPress Reactie plugins Reactie plugins helpen je om het aantal reacties te verhogen en de interactie met lezers te verbeteren. IntenseDebate CommentsDisqus Comment SystemFacebook Comments voor WordPressComment Rating WordPress Nieuwsbrief inschrijven

Welcome to GEOG 486 - Cartography and Visualization | GEOG 486: Cartography and Visualization Printer-friendly version New to GEOG 486? Registered students - if this is your first visit to this course website, please take some time to become familiar with the assignments and course environment by going to the Orientation, located in the "Start Here" menu (see left). This website provides the primary instructional materials for the course. The Resources menu at left links to important supporting materials, while the Course Outline menu links to the course lessons. Not registered? Quick Facts about GEOG 486 Instructor: Adrienne GruverCourse Structure: Online, 10-12 hours a week for 10 weeksOverview: GEOG 486 is one of several courses students may choose as their final course in the Certificate Program in Geographic Information Systems.

Alles wat je over HTML5 & CSS3 wil weten, maar nooit durfde vragen Tags en classes waar je rode oortjes van krijgt. Ik wist niet dat het kon. Maar ook als je geen letter kunt programmeren, kun je warm worden van HTML5 en CSS3. Ik ben op kantoor, de nerds staan weer met z’n allen om één scherm. “Bruut”, zegt de grote zwarte bril. “Echt vet”, beaamt het baardje. “Oh”, zei ik dan tot voor kort. HTML & CSS Hoe zat het ook alweer? Twaalf jaar geleden kwam ik als vrouwelijke alfa (nog blond ook) bij de vakgroep informatica in Leiden. Ik zat naar een website te kijken en me af te vragen hoe zo’n ding nou op een scherm kwam. Het scherm liet de HTML zien waaruit de webpagina was opgebouwd. Wat uitermate onhandig was, was dat je al die opmaakelementen steeds weer opnieuw moest plaatsen. Het gebruik van een aparte file waarin je opmaakelementen in één keer definieerde bood uitkomst. Functie en vorm HTML zorgt voor de functionaliteiten op een webpagina. HTML5: nieuw en lekker De nieuwe versie van HTML biedt een aantal lekkere mogelijkheden. Meer mogelijkheden Slider

Slippy Map Slippy map Slippy Map is, in general, a term referring to modern web maps which let you zoom and pan around (the map slips around when you drag the mouse). Here we often talk about "The Slippy Map" to mean the map display on the openstreetmap.org front page. This is a web interface for browsing rendered OpenStreetMap data. By default the slippy map shows tiles rendered in our "standard" OpenStreetMap style, but you we offer several other featured tiles as layers to select and to link to. See the Browsing page for more basic help information on how to use the slippy map and link to it. Technical details Tile rendering The process of rendering, going from vector to raster map data, baking style choices into bitmap images, is a fairly resource-intensive process. OpenStreetMap "Standard" tile server Mapnik is the rendering software used for generating the "standard" OpenStreetMap style. The standard tiles are generated on tile.openstreetmap.org. See also

Avoiding common HTML5 mistakes Between curating sites for the HTML5 gallery and answering readers’ questions here at HTML5 Doctor, I see a host of HTML5 sites and their underlying markup. In this post, I’ll show you some of the mistakes and poor markup practices I often see and explain how to avoid them. Don’t use section as a wrapper for styling One of the most common problems I see in people’s markup is the arbitrary replacement of <div>s with HTML5 sectioning elements — specifically, replacing wrapper <div>s (used for styling) with <section>s. <! Now, I’m instead seeing this: <! Frankly, that’s just wrong: <section> is not a wrapper. With that in mind, here’s the correct way to mark up the above example using HTML5 and a couple of ARIA roles. <body> <header> <h1>My super duper page</h1> <! If you’re not quite sure which element to use, then I suggest you refer to our HTML5 sectioning content element flowchart to guide you along your way. Common mistakes with the figure element Ah, <figure>. Not every image is a figure <!

Making Maps: A Visual Guide to Map Design for Geographic Information Systems Interactive Guide to Blog Typography The majority of websites are composed of a bright, usually white background and dark text. Then there's the small minority of the web: dark websites, colorful websites. Why is the bright background used by the majority of websites? Utilitarian Motivation The common use for small caps is for abbreviations longer than 2 letters, such as CSS, HTML and WYSIWYG excluding AM, PM, BC and similar. Research shows that consumers with a utilitarian motivation find a low-arousal environment more pleasurable than a high arousal one. Hedonistic Motivation Hedonism is defined as the pursue of pleasure, especially the pleasure of our senses. Example outside the web: nightclubs.

j.b.krygier: research and teaching go to Classes | Research | Making Maps Book & Blog Ohio Wesleyan University Department of Geology and Geography61 South Sandusky StreetDelaware OH 43015 Office: 206 SCSC | GIS Lab: 207 SCSC (...don't call me on the) Phone: 740-368-3622 | Fax: 740-368-3999 (...instead send an) E-mail: jbkrygier@owu.edu the SoundCloud | the BandCamp Tweets by @poponthebeezer

You can see how your slides look someone who is colour blind here. by raviii May 13

Related: