Bookmarks

Site:
ICONS8

Description:
Free icons that match each other

Go to site

Online HTML Editor

Clean HTML output on the go

Go to site

JSON Formatter

Go to site

Flow.ai documentation

Documentation and step-by-step guides for Khoros Flow

Go to site

http://www.icd9data.com/

The Web’s Free ICD-9-CM Medical Coding Reference

Go to site

https://bulkresizephotos.com/en

Bulk Resize Photos – Resize Images

Go to site

https://png2jpg.com/

PNG to JPG – Convert PNG images to JPEG

Go to site

https://shasta.adobe.com/enhance

AI voice recordings enhancement

Go to site

https://mermaid-js.github.io/

Create diagrams and visualizations using text and code

Go to site
Formaters

https://beautifytools.com/

Beautify dirty, ugly PHP code using Online PHP Beautifier and make your PHP code more readable.

https://beautifier.io/

Beautify JavaScript, JSON, React.js, HTML, CSS, SCSS, and SASS

https://www.freeformatter…

These tools include several formatters, validators, code minifiers, string escapers, encoders and decoders, message digesters, web resources and more.

Documentation

https://getbootstrap…

Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page.

Artwork by dr. Shwiki

Dashicons | WordPress Developer Resources

Female

Male

https://fontello.com/
PHP samples
// Calculate age
$age = date_diff(date_create($bdate), date_create('now'));
$years = $age->y;
$months = $age->m;
// date output format
// input - date var
$output = date("d/m/Y", $input)
// chk if str contain Hebrew
// if true -> heb - rtl and right align style
$heb = " ";
if (preg_match("/\p{Hebrew}/u", $str)) { 
	$heb = "style='direction: rtl; text-align: right;'"; 
} 
// change line break symbol to <br>
$new_str = str_replace(array("\r\n", "\r", "\n"), "<br>", $raw_str);
Nesting quotations
  Outer quote: "
  Inner quote: '
  Third-tier quote: \"
  Fourth-tier quote: &quot;
// refresh page after update & clear posted parameters
echo "<meta http-equiv='refresh' content='0'>";
HTML Design samples
// two columns 50:50
<div class='wp-block-columns alignwide are-vertically-aligned-center'>
	<div class='wp-block-column is-vertically-aligned-center'></div>
	<div class='wp-block-column is-vertically-aligned-center'></div>
</div>
// two columns 33:66
// w/o padding → margin-bottom: 0px;
<div class='wp-block-columns' style='margin-bottom: 0px;'>
	<div class='wp-block-column' style='flex-basis:33.33%'></div>
	<div class='wp-block-column' style='flex-basis:66.66%'></div>
</div>
// input box w/ auto dir adapted to rtl input
<input type="text" dir="auto" value="">
// Active paragraph w/ hand cursor
<p class='hvr-forward' style = 'cursor: pointer;'>Hover paragraph</p>

Hover paragraph

Java-script samples
// Toggle (Hide/Show) an Element
function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}