Skip to content

Instantly share code, notes, and snippets.

Avatar
👨‍💻

Remco Rakers remcorakers

👨‍💻
View GitHub Profile
View nextjs-storybook-bootstrap.sh
#!/bin/bash
set -e
# Script to setup a Next.js application with Typescript, Storybook, SCSS and Jest
# Inspired by https://medium.com/swlh/2020-complete-setup-for-storybook-nextjs-typescript-scss-and-jest-1c9ce41e6481
# After this script is executed, manually add the following lines to package.json scripts section:
# "test": "jest",
# "test:watch": "jest --watch",
# "test:coverage": "jest --coverage",
@remcorakers
remcorakers / Default.cshtml
Created Dec 27, 2013
DD4T Page view, based on Razor view engine.
View Default.cshtml
@model DD4T.ContentModel.IPage
@using DD4T.Mvc.Html
@{
ViewBag.Title = @Model.Title;
}
<h1>@Model.Title</h1>
@Html.RenderComponentPresentations()
@remcorakers
remcorakers / Article.cshtml
Created Dec 27, 2013
DD4T Component View, based on Razor view engine.
View Article.cshtml
@using DD4T.Mvc.Html
@model DD4T.ContentModel.IComponentPresentation
@{
Layout = "";
}
<h2>@Model.Component.Fields["Title"].Value</h2>
@Model.Component.Fields["Body"].Value.ResolveRichText()
@remcorakers
remcorakers / Tridion2011PowerShellProfile
Last active Dec 30, 2015
Tridion 2011 PowerShell profile to quickly manage your Tridion services and COM+ Applications from PowerShell. See http://remcorakers.nl/tridion-2011-powershell-profile/ for more information.
View Tridion2011PowerShellProfile
######################################################################################
# Tridion2011PowerShellProfile.ps1
# Originally created by Nuno Mendes (nmendes@sdl.com) and Daniel Iyoyo
# Modified by Remco Rakers
# Change Date: 08/12/2013
# Product Scope: SDL Tridion 2011 (all versions)
######################################################################################
######################################################################################
# Installation instructions:
View walking-footsteps.less
.demo {
height: 330px;
width: 100%;
#footprints {
position: relative;
margin: auto;
.footprint {
position: absolute;
opacity: 0;
&.left {
View foggy-mountain.less
.demo {
height: 200px;
width: 250px;
position: relative;
#logo {
position: absolute;
z-index: 500;
top: 0;
left: 0;
}
View foggy-mountain.js
if (!$.support.transition) {
$.fn.transition = $.fn.animate;
}
function animateFog(fogId, delay) {
var duration = 5000;
$(fogId).delay(delay)
.transition({opacity: 0.4, x: "15px", y: "-4px"}, duration, "linear")
.transition({opacity: 0.8, x: "-5px", y: "10px"}, duration, "linear")
.transition({opacity: 0.4, x: "-15px", y: "4px"}, duration, "linear")
View walking-footsteps.js
if (!$.support.transition) {
$.fn.transition = $.fn.animate;
}
$("#step1").transition({opacity: 1}, 1000);
$("#step2").delay(1000).transition({opacity: 1}, 1000);
$("#step3").delay(2000).transition({opacity: 1}, 1000);
$("#step4").delay(3000).transition({opacity: 1}, 1000);
$("#step5").delay(4000).transition({opacity: 1}, 1000);
$("#step6").delay(5000).transition({opacity: 1}, 1000);