Quick prototype of equal height cards using flexbox grid layout. Also demonstrates the use of CSS aspect ratios (check out the images) and CSS filters.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="field"> | |
| <div class="field__head"> | |
| <label class="field__ttl" for="select">Select box title</label> | |
| <span class="field__tag is-require">Required</span> | |
| </div> | |
| <div class="field__body"> | |
| <div class="select-box"> | |
| <select name="select" id="select" required> | |
| <option selected hidden>Please select</option> | |
| <option value="#">select 1</option> |
A very minimal responsive blog card design.
A Pen by Chyno Deluxe on CodePen.
yuis-ice
/ blog-page-layout-with-article-cards.markdown
Created
March 28, 2022 08:46
Blog Page Layout With Article Cards
A Pen by Njeri Cooper on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="title"> Prism.js example </div> | |
| <p class="text"> Javascript: </p> | |
| <pre class="language-js"> | |
| <code class="language-js"> | |
| function example(a, b) { | |
| console.log("example!); | |
| } | |
| </code> | |
| </pre> | |
| <p class="text"> CSS: </p> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.moment = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){ | |
| //! moment.js | |
| //! version : 2.29.1 | |
| //! authors : Tim Wood, Iskren Chernev, Moment.js contributors | |
| //! license : MIT | |
| //! momentjs.com | |
| ;(function (global, factor |
Install Autohotkey from here and save following script as tmp.ahk and execute the file by clicking.
You can rewind Youtube videos for 1 second by z and forward Youtube videos for 1 second by x.
WinActive("ahk_exe chrome.exe"): The feature will be only enabled on chrome.exe
WinActive(" - YouTube"): The feature will be only enabled if the window title of the current chrome tab matches to regex - YouTube
yuis-ice
/ wp get title.md
Last active
July 27, 2017 00:10
Displayed link with link-destination-title for add_shortcode.