Skip to content

Instantly share code, notes, and snippets.

View iamgaby7521's full-sized avatar

Gabriela F. iamgaby7521

13 followers · 59 following
View GitHub Profile
@iamgaby7521
iamgaby7521 / .gitignore
Created April 3, 2024 18:38 — forked from salcode/.gitignore
Please see https://salferrarello.com/wordpress-gitignore/ for the canonical version of this WordPress .gitignore file. Note: I do not receive notifications for comments here (because GitHub does not send notifications on Gists)
# -----------------------------------------------------------------
# .gitignore for WordPress @salcode
# ver 20180808
#
# From the root of your project run
# curl -O https://gist.githubusercontent.com/salcode/b515f520d3f8207ecd04/raw/.gitignore
# to download this file
#
# By default all files are ignored. You'll need to whitelist
# any mu-plugins, plugins, or themes you want to include in the repo.
@iamgaby7521
iamgaby7521 / sassas.md
Created May 27, 2022 20:31 — forked from AdamMarsden/sassas.md
Sass Architecture Structure

Sass Architecture Structure

sass/
|
|– base/
|   |– _reset.scss       # Reset/normalize
|   |– _typography.scss  # Typography rules
|   ...                  # Etc…
|
@iamgaby7521
iamgaby7521 / acf-get-field.sublime-snippet
Created July 22, 2021 20:55 — forked from nashvillegeek/acf-get-field.sublime-snippet
Sublime Text 2 snippet for Advanced Custom Fields 'get field'
<snippet>
<content><![CDATA[
\$${1:varname} = get_field('${2:field_name}', '${3:\$post_id}');
if (\$${1:varname} != '') {
echo \$${1:varname};
}
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>acfgetfield</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
@iamgaby7521
iamgaby7521 / BrowserDeviceInfo.js
Created June 8, 2021 20:43 — forked from TrevorJTClarke/BrowserDeviceInfo.js
A quick list of browsers and devices for use in testing. Chrome is used for all devices that need simulation.
var devices = [
{ name: 'Desktop - Huge', width: 2880, height: 1800, ratio: 2, type: 'desktop' },
{ name: 'Desktop - Extra Large', width: 1920, height: 1080, ratio: 1, type: 'desktop' },
{ name: 'Desktop - Large', width: 1440, height: 900, ratio: 1, type: 'desktop' },
{ name: 'Desktop - HiDPI', width: 1366, height: 768, ratio: 1, type: 'desktop' },
{ name: 'Desktop - MDPI', width: 1280, height: 800, ratio: 1, type: 'desktop' },
{ name: 'Laptop with HiDPI screen', width: 1440, height: 900, ratio: 2, type: 'desktop' },
{ name: 'Laptop with MDPI screen', width: 1280, height: 800, ratio: 1, type: 'desktop' },
{ name: 'Laptop with touch', width: 1280, height: 950, ratio: 1, type: 'desktop' },
{ name: 'Tablet - Portrait', width: 768, height: 1024, ratio: 1, type: 'tablet' },
@iamgaby7521
iamgaby7521 / gist:e58ed97d8e4b8776150c57730facf77a
Created October 8, 2020 22:11 — forked from fat/gist:3744369
all you probably really need
/*! normalize-all-you-really-need-tho.css v1.0.0 | MIT License */
html {
font-family: sans-serif; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
body {
margin: 0;
@iamgaby7521
iamgaby7521 / schema-org-structured-data-markup-using-microdata.html
Last active February 16, 2019 23:12 — forked from milanaryal/schema-org-structured-data-markup-using-microdata.html
An example of how to mark up a HTML5 webpage using the schema.org schemas and microdata.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Site Title</title>
<link rel="stylesheet" href="/assets/css/style.min.css">
@iamgaby7521
iamgaby7521 / sublime-text-remove-comments-css
Created July 7, 2018 02:56 — forked from schalkburger/sublime-text-remove-comments-css
Sublime Text regex to remove comments in CSS
(?s)/\*.*?\*/
@iamgaby7521
iamgaby7521 / z-index.scss
Last active October 8, 2020 21:54 — forked from fat/gist:1f6da6b3bd0311a1f8a0
z-index scale
// Copyright 2014 A Medium Corporation
//
// z-index.less
// Medium.com's z-index scale. Z-index values should always be defined in z-index.less. This
// allows us to at a glance determine relative layers of our application and prevents bugs
// arrising from arbitrary z-index values. Do not edit the z-index scale! Only add application
// scoped z-index values.
// Z-Index Scale (private vars)
@iamgaby7521
iamgaby7521 / jquery-boilerplate.js
Last active October 7, 2017 02:43 — forked from tommcfarlin/jquery-boilerplate.js
How to properly add jQuery scripts to WordPress
// Loading scripts in footer
(function($) {
"use strict";
// example for document ready
$(document).ready(function() {
// Your code here
});
}(jQuery));