That Book™ aims at taking the traditional e-book experience to the next level by including video and audio as alternate methods for consuming the book content. As a co-founder, I was responsible for (1) full site development, (2) custom payment system with stripe/PayPal/Apple Pay support, and (3) audio/video integration that includes an innovative audio playback solution I came up with called “Audio Content Highlighting”.
RIVYT [riv·et] is an instant landing page generator for video creators. RIVYT can take your Twitch or YouTube channel and automatically create a branded site — in seconds. As a co-founder, I was responsible for (1) the branding/logo design, (2) the “RIVYT panel” sidebar design/development as well as (3) designing/developing 16 layout options for users to select.
fullride.me is a crowdfunding platform where students can list all their education expenses with individual donation goals. As the founder of this project, I was responsible for (1) all branding/logo design, (2) site design/development, and (3) marketing fullride.me at student-based events.
Specifies the accent color for different user-interface controls Syntax accent-color: auto|color|initial|inherit; /* accent-color: blue; accent-color: auto; */ Values auto The browser chooses the accent color. color Specifies the color to be used. Can use RGB, hex, or named-color. initial Sets property to default value. inherit Sets property to the value of its parent element.
The datalist tag defines a list of <option> elements that are connected to an <input> element. It provides an autocomplete feature for input elements. Syntax The <datalist> id attribute must match the <input> element’s list attribute. <label for="color">Select your favorite color:</label> <input list="colors" name="color" id="color"> <datalist id="colors"> <option value="blue"> <option value="green"> <option value="yellow"> <option value="orange"> […]
The <abbr> tag is wrapped around an acronym to identify it as such and, optionally, what it stands for. Syntax Uses the optional title tag to spell out what the abbreviation stands for. <abbr title="Cascading Style Sheets">CSS</abbr>
The clamp() CSS function let’s you define a range of values for the property of an element. It’s especially useful in responsive layouts when used in conjunction with relative units like vw and vh. Syntax clamp() uses 3 parameters: a minimum, preferred, and maximum value. /* propery: clamp(min, pref, max); */ width: clamp(100px, 6vw, 200px); […]