Skip to content

Instantly share code, notes, and snippets.

View CarlasHub's full-sized avatar
🌐
http://carlashub.com/

Carla Goncalves CarlasHub

🌐
http://carlashub.com/
View GitHub Profile
@CarlasHub
CarlasHub / Identify the current page (non-visually alternatives)
Created January 29, 2023 08:59
Identify the current page non-visually alternatives
<nav>
<a href="#home" class="nav-link">Home</a>
<a href="#about" class="nav-link" aria-describedby="current">About</a>
<a href="#services" class="nav-link">Services</a>
<a href="#contact" class="nav-link">Contact</a>
</nav>
<div hidden id="current">
Current Page
</div>
{
"id":"6ce4a00a-677d-4265-8144-4873d3d0075d",
"url":"https://api.filepreviews.io/v2/previews/6ce4a00a-677d-4265-8144-4873d3d0075d/",
"status":"success",
"preview":{
"original_size":{
"width":"1280",
"height":"1024"
},
"page":1,
@CarlasHub
CarlasHub / Random-images.json
Created December 7, 2020 17:04 — forked from awadhawan18/Random-images.json
Sample json data with image and a text for testing
{
"sample":[
{
"description":"Lady with a red umbrella",
"image-url":"https://i.imgur.com/pwpWaWu.jpg"
},
{
"description":"Flowers and some fruits",
"image-url":"https://i.imgur.com/KIPtISY.jpg"
},
@CarlasHub
CarlasHub / dynamically-add-row-columns-bootstrap-table.markdown
Created August 22, 2020 10:02
Dynamically add row & columns bootstrap table
@CarlasHub
CarlasHub / index.html
Created August 20, 2020 17:39
Parallax CSS
<div class="parallax">
<h1>Parallax Effect</h1>
</div>
<div class="parallax p-2">
<h1>I’m at a place in my life when errands are starting to count as going out.</h1>
</div>
<div class="parallax p-3">
<h1>I don’t believe in astrology;<br> I’m a Sagittarius and we’re skeptical.</h1>
@CarlasHub
CarlasHub / _media-queries.scss
Created June 5, 2020 13:40 — forked from anthonyshort/_media-queries.scss
Media Queries in Sass
// Media Queries in Sass 3.2
//
// These mixins make media queries a breeze with Sass.
// The media queries from mobile up until desktop all
// trigger at different points along the way
//
// And important point to remember is that and width
// over the portrait width is considered to be part of the
// landscape width. This allows us to capture widths of devices
// that might not fit the dimensions exactly. This means the break
@CarlasHub
CarlasHub / ACF bootstrap 4 carousel
Created May 6, 2019 17:46
ACF bootstrap 4 carousel
@CarlasHub
CarlasHub / gist:8fa289a97b29460e8c3852cbc978ca77
Last active March 29, 2021 19:26
getting jquery, popper using gulp and npm
install extensions via npm
npm install popper.js --save
//Require dependencies
var
gulp = require('gulp'),
sass = require('gulp-sass'),
sourcemaps = require('gulp-sourcemaps'),
concat = require('gulp-concat'),
<?php
function url($path = '/') {
$siteUrl = 'http://localhost/glass-services-html/'; // Site URL goes here
echo $siteUrl . $path;
}
?>
<?php
/**
* Template Name: blog feed
*/
get_header();
$blogPosts = handleJsonCache(array(
'expirySeconds' => -1,
'fileName' => 'blog-feed'
), function () {