Author: Andreas Plahn

BEM Css class Naming Cheat Sheet by 9elements

When it comes to finding the right class name, it can quickly drive you to despair. Even the most experienced CSS developers don’t always find the right class name right away. This tool aims to help you to not get lost in the BEM cosmos by giving you naming-suggestions for some of the most common web components.
9elements.com/bem-cheat-sheet/

Test out a simple and free demo website on Azure

You can test out a simple HTML/Angular/front-end/ASP.net/nodejs based website real quick and simple on Azure for free.

Steps:
(This is what i did to test out an Angular app real quick)

  • Make sure you have a free Azure Account
  • Login to Azure portal: https://portal.azure.com/
  • Create a new resource “Web app”
  • Choose new resource group “WebDemo” (or use an exsisting)
  • Set web app name
    Will get this address: http://[myappname].azurewebsites.com/
  • Runtime stack: ASP.NET 4.7 (this will work fine for Angular/html frontend web sites app etc)
  • Region: Select region closest to you
  • SKU and size: Under the “Dev/Test” tab i choose the F1 shared infrastructure (free to use 60 min/day “compute” time)

Next, next, when finished on the App Service “Overiew” tab you will see this information:

URL
FTP/deployment username
FTP hostname
FTPS hostname

Use it to deploy the website with your favorite FTP client.
Deploy to folder /site/wwwroot on the server.

See this post regarding setting up FTP access credentials: http://blog.wsoft.se/2018/04/20/accessing-azure-web-app-with-ftp/

 

 

Leaflet – a JavaScript library for interactive maps

Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 38 KB of JS, it has all the mapping features most developers ever need.

Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms, can be extended with lots of plugins, has a beautiful, easy to use and well-documented API and a simple, readable source code that is a joy to contribute to.

Source: Leaflet – a JavaScript library for interactive maps

AutoHotkey Script for mapping keyboard to control Spotify

AutoHotkey Script for mapping keyboard to Spotify:

  • Launch media – opens Spotify
  • Ctrl+volume keys – next/previous track
; Key mapping for controlling Spotify with keyboard

; Ctrl+Vol down = prev track
; Ctrl+Vol up = next track
^Volume_Down::Send("{Media_Prev}")
^Volume_Up::Send("{Media_Next}")

; Remap the "Open Media Player" button to launch Spotify
Launch_Media::
{
    if !ProcessExist("Spotify.exe") {
        ; Spotify not running → start it
        Run("spotify.exe")
        return
    }

    ; Spotify is running → try to find its window
    hwnd := WinExist("ahk_exe Spotify.exe")
    if hwnd {
        WinActivate(hwnd)
    } else {
        ; Fallback: no window found, start Spotify again
        Run("spotify.exe")
    }
}
return

 

Download AutoHotkey