Skip to content

Instantly share code, notes, and snippets.

View jalbertbowden's full-sized avatar

albert jalbertbowden

View GitHub Profile
/** css carousel **/
@keyframes slidy {
0% { left: 0%; }
11% { left: 0%; }
22% { left: -100%; }
33% { left: -100%; }
44% { left: -200%; }
55% { left: -200%; }
66% { left: -300%; }
77% { left: -300%; }
@jalbertbowden
jalbertbowden / clip.php
Created March 5, 2019 01:00
richmond sunlight html5 video
<?php
###
# Video Clips
#
# PURPOSE
# Displays a given video clip.
#
###
@jalbertbowden
jalbertbowden / how-to-drop-shadow-on-clipped-element.markdown
Created February 22, 2019 03:47
how to: drop shadow on clipped element

how to: drop shadow on clipped element

Doesn't work in Edge, sorry. But you can vote for it here - your feedback does matter! Still needs the layout.css.clip-path-shapes.enabled to be set to true in about:config (it's false by default) in order to work in Firefox. Not for long though. One more month and that flag will be true by default in the next Firefox version!🎈🎉

A Pen by Ana Tudor on CodePen.

License.

@jalbertbowden
jalbertbowden / how-to-drop-shadow-on-clipped-element.markdown
Created February 22, 2019 03:47
how to: drop shadow on clipped element

how to: drop shadow on clipped element

Doesn't work in Edge, sorry. But you can vote for it here - your feedback does matter! Still needs the layout.css.clip-path-shapes.enabled to be set to true in about:config (it's false by default) in order to work in Firefox. Not for long though. One more month and that flag will be true by default in the next Firefox version!🎈🎉

A Pen by Ana Tudor on CodePen.

License.

@jalbertbowden
jalbertbowden / how-to-drop-shadow-on-clipped-element.markdown
Created February 22, 2019 03:47
how to: drop shadow on clipped element

how to: drop shadow on clipped element

Doesn't work in Edge, sorry. But you can vote for it here - your feedback does matter! Still needs the layout.css.clip-path-shapes.enabled to be set to true in about:config (it's false by default) in order to work in Firefox. Not for long though. One more month and that flag will be true by default in the next Firefox version!🎈🎉

A Pen by Ana Tudor on CodePen.

License.

data:text/html;charset=utf-8, <title>Writability</title><body OnLoad='document.body.focus();' contenteditable style="font-size:21px;line-height:1.6;font-family:'Chaparral Pro',Georgia;max-width:21em;margin:0 auto;padding:3rem;background-color:rgb(233,233,225);color:rgb(68,68,68);" spellcheck="false">
var layerNum = app.activeDocument.layers.length;
var a = [];
for (var i = 0; i < layerNum; i++) {
a[i] = '"' + app.activeDocument.layers[i].name + '"';
}
prompt("Layers Names:", a);
// change color mode of document in photoshop
// http://ps-scripts.com/bb/viewtopic.php?f=9&t=3158&start=0
var doc = activeDocument;
var ext= doc.name.toLowerCase().match(/[^\.]+$/);
if(doc.mode !=DocumentMode.CMYK && ext == "tif"){
doc.changeMode(ChangeMode.CMYK);
@jalbertbowden
jalbertbowden / PS_suspendHistory.js
Created February 17, 2019 05:05
How to make one history state in Photoshop
// Suspend history logging so the grid can run as one history state
//
// p - params for renderGuides(). Not used in this method.
//
// Returns void
function execGuideGuide(p){
app.activeDocument.suspendHistory("GuideGuide!", "renderGuides(p)")
}
@jalbertbowden
jalbertbowden / gist:2baa07ad2e8a470da7cbb7bf3471cec8
Created February 17, 2019 05:04 — forked from Arahnoid/gist:6a16c3c813f0bc4c8dca
Photomerge multiple images in Photoshop CC using JavaScript
//This will be the direcotry of the images
var workFolder = Folder("Z:/Bermudez-Hernandez/Strains Project/Animals/C57_20/Prox1_NeuN/Slide2");
var folders = workFolder.getFiles();
runphotomergeFromScript = true;
//runphotomergeFromScript = true;
$.evalFile( "C:/Program Files/Adobe/Adobe Photoshop CC/Presets/Scripts/Photomerge.jsx")
//photomerge.createPanorama(
//fileList, displayDialog );
psdOpts = new PhotoshopSaveOptions();