Quick Start Guide - Leaflet - a JavaScript library for interactive maps ← Tutorials This step-by-step guide will quickly get you started on Leaflet basics, including setting up a Leaflet map, working with markers, polylines and popups, and dealing with events. Preparing your page Before writing any code for the map, you need to do the following preparation steps on your page: Now you’re ready to initialize the map and do some stuff with it.
6 Essential Open Source Tools for Web Designers The web runs on open source software. Most of it is in the back end, with most of the world’s servers running on some form of Unix or Linux. Those servers run hundreds, if not thousands, of open source utilities, script interpreters, and so on. Once in a while, though, the open source stuff gets all the way to the browser, where the user can see it. The best free graphic design software Not everyone has the cash to spend kitting themselves out with the most expensive graphic design software, particularly when starting a new business or embarking on a new career in design. There's no denying that paid-for creative software – like Adobe's fantastic Creative Cloud suite of applications – will always be better than a freebie. Exclusive offer: Save 15% on Adobe Creative Cloud now But for those who don't want to pay and have time to do the groundwork, there is some free graphic design software out there that will do the job well. To save you from doing said groundwork, we've compiled this list and divided it into five sections – use the drop-down menu above to navigate to the page you want. 01.
Notre-Dame came far closer to collapsing than people knew. This is how it was saved. PARIS — The security employee monitoring the smoke alarm panel at Notre-Dame cathedral was just three days on the job when the red warning light flashed on the evening of April 15: “Feu.” Fire. It was 6:18 on a Monday, the week before Easter. The Rev. Jean-Pierre Caveau was celebrating Mass before hundreds of worshipers and visitors, and the employee radioed a church guard who was standing just a few feet from the altar. Go check for fire, the guard was told.
Mapbox GL JS As a mitigation for Cross-Site Scripting and other types of web security vulnerabilities, you may use a Content Security Policy (CSP) to specify security policies for your website. If you do, Mapbox GL JS requires the following CSP directives: worker-src blob: ;child-src blob: ;img-src data: blob: ; Requesting styles from Mapbox or other services will require additional directives. Grid Designer 2 If you're familiar with the grid, a bit of design and basic typography, using this script should be pretty easy - most of the functions are pretty self-explanatory. If you're unfamiliar with grids in general, you could start by reading an excellent series of articles by web designer Mark Boulton. For those who want a real understanding of the theory of grids in relation to design and typography, I strongly recommend this book.
20 top new tools for freelancers Freelancing looks idyllic from the outside. Working with the best clients, choosing fun projects, determining your own hours and working from home or wherever you like. But there’s a lot that happens under the hood to keep the momentum going. A Progressive Web App in Vue Tutorial , Part 1 — The Vue App - By Fabian Hinsenkamp The Basics The concept of Progressive Web Apps (PWAs) is a framework agnostic approach which seeks to combine discoverability and accessibility of a website with the functionality of a native app. Since couple of years I see an increasing interest technologies which bridge the gap between web- and native-apps.
Responsive Images 101, Part 1: Definitions Over the last few years, we’ve written a quite a few articles about responsive images. Now that responsive images have landed in browsers, it seemed like a good time to step back and cover the basics for those who are just starting to tackle responsive images. Ergo, a new series of articles called Responsive Images 101 that will cover everything from why we need responsive images to how to pick the right responsive images solution. Let’s dig in! What are Responsive Images? Tools for Web Developers Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, SEO and more. You can run Lighthouse in Chrome DevTools, from the command line, or as a Node module.