Skip to content

Instantly share code, notes, and snippets.

SVG (Scalable Vector Graphics) has a range of elements that you can use to create rich graphics directly within an HTML document or standalone SVG files. Below is a comprehensive list of SVG elements:

Structural Elements:

  1. <svg> - The root SVG container.
  2. <g> - Grouping element to group various shapes together.
  3. <defs> - Defines elements to be reused.
  4. <desc> - Description for its parent. For accessibility and metadata.
  5. <metadata> - Contains metadata about the SVG.
  6. <symbol> - Defines graphical template objects.
  7. `` - Reuse graphical elements.
@sofyansitorus
sofyansitorus / resume.json
Last active September 4, 2023 11:45
resume.json
{
"basics": {
"name": "John Doe",
"label": "Programmer",
"image": "",
"email": "john@gmail.com",
"phone": "(912) 555-4321",
"url": "https://johndoe.com",
"summary": "A summary of John Doe…",
"location": {
@sofyansitorus
sofyansitorus / Docker with XDebug.md
Created February 4, 2023 14:53 — forked from megahirt/Docker with XDebug.md
Debugging PHP with XDebug v3 inside Docker using VSCode

Debugging PHP with XDebug v3 inside Docker using VSCode

Assumptions / Prerequisites

  • XDebug v3+ inside Docker (e.g. php:7.3-apache Docker image)
  • Running Docker v20.10+
  • VSCode with PHP Debug Extension (Felix Becker)
  • Using Docker Compose for orchestration

Objective

@sofyansitorus
sofyansitorus / xss2.txt
Created September 3, 2022 00:32 — forked from mrsinguyen/xss2.txt
XSS payload by RedBirdTeam
__ __ _____ _____
\ \ / // ____/ ____|
\ V /| (___| (___
> < \___ \\___ \ [RedBirdTeam]
/ . \ ____) |___) |
_____ __ / / \_\_____/_____/ _____ _____
| __ \ /\\ \ / / | / _ \ /\ | __ \ / ____| <script>alert(/Payloads XSS Filter Bypass List/)</script>
| |__) / \\ \_/ /| | | | | | / \ | | | | (___
| ___/ /\ \\ / | | | | | |/ /\ \ | | | |\___ \
@sofyansitorus
sofyansitorus / README.md
Created January 11, 2021 23:28 — forked from joyrexus/README.md
Vanilla JS equivalents of jQuery methods

Sans jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})
@sofyansitorus
sofyansitorus / px-rem-cheat-sheet.css
Created May 21, 2018 07:03 — forked from glueckpress/px-rem-cheat-sheet.css
Cheat sheet for rem-calculations based upon 14px and 16px.
/*! = $rembase: 14px
--------------------------------------------------------------
* hmtl { font-size: 87.5%; }
* body { font-size: 14px; font-size: 1rem; line-height: 1; }
* 4px 0.28571429rem
* 8px 0.571428571rem
* 12px 0.857142857rem
* 13px 0.928571429rem
* 14px 1rem
* 16px 1.142857143rem
@sofyansitorus
sofyansitorus / 1_nanobox_cli.sh
Created March 19, 2018 17:37 — forked from LeCoupa/1_nanobox_cli.sh
Nanobox Cheatsheet: CLI commands and Boxfile --> https://github.com/LeCoupa/awesome-cheatsheets
# *****************************************************************************
# UPDATED VERSION AVAILABLE HERE:
# https://github.com/LeCoupa/awesome-cheatsheets/blob/master/tools/nanobox_cli.sh
# *****************************************************************************
# *****************************************************************************
# LOCAL ENVIRONMENT
# *****************************************************************************
<?php
/**
* Builder data handling class that deals
* with all database operations.
*
* @since 1.0
*/
final class FLBuilderModel {
@sofyansitorus
sofyansitorus / wordpress-plugin-svn-to-git.md
Created January 13, 2018 21:18 — forked from kasparsd/wordpress-plugin-svn-to-git.md
Using Git with Subversion Mirroring for WordPress Plugin Development
@sofyansitorus
sofyansitorus / 01-gulpfile.js
Created June 9, 2016 08:47 — forked from markgoodyear/01-gulpfile.js
Comparison between gulp and Grunt. See http://markgoodyear.com/2014/01/getting-started-with-gulp/ for a write-up.
/*!
* gulp
* $ npm install gulp-ruby-sass gulp-autoprefixer gulp-cssnano gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache del --save-dev
*/
// Load plugins
var gulp = require('gulp'),
sass = require('gulp-ruby-sass'),
autoprefixer = require('gulp-autoprefixer'),
cssnano = require('gulp-cssnano'),