coding

Styleguides – Major Sites

coding /

GitHub https://styleguide.github.com/ Google https://google.github.io/styleguide/ SASS https://sass-guidelin.es/ CSS Idiomatic https://github.com/necolas/idiomatic-css CSS Wizardry https://csswizardry.com/2012/04/my-html-css-coding-style/ Smashing Magazine https://www.smashingmagazine.com/2008/05/improving-code-readability-with-css-styleguides/ ThinkUP https://github.com/ginatrapani/ThinkUp/wiki/Code-Style-Guide:-CSS Wordpress https://make.wordpress.org/core/handbook/coding-standards/css/ Jonathan Snook’s Scalable and Modular Architecture for CSS http://smacss.com/

Styleguides – Major Sites Read More »

Sass – Notes

coding /

Concatenating Selectors Together For concatenating selectors together when nesting, you need to use (&) to specify the parent selector. .class { margin:20px; &:hover { color:yellow; } } p { margin: 2em auto; > a { color: red; } &:before { content: “”; } &:after { content: “* * *”; } } Target elements inside an

Sass – Notes Read More »

No Comments In Pages

coding /

if using editus – it screws with it’s ability to hide / ignore parts of the page. Got a response back from editus: Thank you for letting me know. I will look into it further. Here are workaround you can try. Add the following PHP code: (Either using a PHP code injection plugin or adding

No Comments In Pages Read More »

ACE Editor – Setup / Usage

all-scribbly, coding, notes /

Create syntax highlighter: https://ace.c9.io/#nav=higlighter themes: https://github.com/ajaxorg/ace/tree/master/lib/ace/theme Embedding Ace in Your Site https://ace.c9.io/#nav=embedding Ace can be easily embedded into a web page. Get prebuilt version of ace from ace-builds repository and use the code below: <!DOCTYPE html> <html lang="en"> <head> <title>ACE in Action</title> <style type="text/css" media="screen"> #editor { position: absolute; top: 0; right: 0; bottom: 0;

ACE Editor – Setup / Usage Read More »

Javascript – How To Code

all-scribbly, coding /

https://www.digitalocean.com/community/tutorial_series/how-to-code-in-javascript How To Code in JavaScript by Lisa Tagliaferri and Tania Rascia JavaScript is a high-level, object-based, dynamic scripting language popular as a tool for making webpages interactive. How To Use the JavaScript Developer Console June 27, 2017 This tutorial will go over how to work with the Console in JavaScript within the context of

Javascript – How To Code Read More »

Javascript Notes – One

coding /

List of declared keywords. Good basic steps to remember // 1. Declare variables and capture input. const adjective = prompt(“Give me a compliment”); console.log( adjective ); // 2. Combine the input with other words to create a story. const compliment = `<p>You are so right I am: ${adjective} just the so …</p>`; console.log( compliment );

Javascript Notes – One Read More »