Frankie-B

GENERATORS:

• Text Content Generator - http://www.lipsum.com
• Favicon Generator - http://tools.dynamicdrive.com/favicon
• Data Generator - https://mockaroo.com/
• Mobile Mockup Generator - https://mockuphone.com
• Logo Generator - https://www.logaster.com
• UUID Generator - https://www.uuidgenerator.net/
• Hash Generator - https://passwordsgenerator.net/sha256-hash-generator/
• Ultimate Code Generator - https://webcode.tools/

Frankie-B

# Created by Adamino @ https://www.gitignore.io/api/java,android,netbeans,intellij,windows,csharp,wordpress,drupal,sass,linux,bluej,unity,unrealengine,grunt,yeoman,adobe,c++,bower,coffeescript,composer,eclipse,jetbrains,magento,joomla,laravel,lua,meteorjs,node,kobalt,python,objective-c,rails,swift,visualstudio,umbraco,visualstudiocode,webstorm,xamarinstudio,xcode,sublimetext

### Eclipse ###

.metadata
bin/
tmp/
*.tmp
*.bak

Frankie-B

node_modules
ncp-debug.log
npm-debug.log
bower_component
src/config/configSec.js

.DS_STORE
node_modules
*~
*.pyc

Frankie-B

// Sort Records(objects) In Arrays By Some Key.
// @PARAMS:
// data => array of objects to sort
// key => object key on which sort is based.
// order => DESC | ASC
// limit => number of objects to return in resulting array.
// @RETURN:
// The sorted array.
 export const sort = (data, key, order, limit = null) => {
  limit = limit ? limit : data.length;

Frankie-B

Code Snippets

Frankie-B

/* http://coding.smashingmagazine.com/2013/08/20/semantic-css-with-intelligent-selectors/ */

[rel="prev"] {
  /* styling for "previous links" */
}

[role="button"] {
   /* semantic CSS for modified elements that are announced as “button” in assistive technologies */
}

Frankie-B

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

---

Frankie-B

Markdown cheatsheet

(Also see [remarkable][], the markdown parser created by the author of this cheatsheet)

Table of contents

• Standard features
  • Headings
  • Paragraphs

• Breaks

Frankie-B

// Switch Colour Representation (HEX -> HSL -> ...)
Shift + Click on the colourpicker

// Search DOM-Nodes by CSS classnames
Cmd + F -> ".hidden p"

// Jump to a specific line
Cmd + P -> ":39"

// Open a File by searching for the filename

Frankie-B

// Overwrite settings by placing them into your settings file.
{

	//-------- Editor configuration --------

	// Controls the font family.
	"editor.fontFamily": "",

	// Controls the font size.
	"editor.fontSize": 0,