CSS – Creative Web Developer

Pop Ups

March 5, 2020March 5, 2020by rachelhdesigner

Used bootstrap, jquery, javascript, and css to create a resuable function that displays content to one modal based on the link the user clicks by passing a parameter from the link to the pop up window function. Demonstration of ui design and custom modals.

View on codepen.

Hover / Focus Header

February 10, 2020by rachelhdesigner

Responsive layout that that uses a zoom on hover / focus. Used HTML and CSS.

View on codepen.

Header Challenge

February 1, 2020February 1, 2020by rachelhdesigner

Participated in the codepen boring header challenge. Created a header with a drop down for user sign in. The header and page is responsive. Used HTML, CSS and JavaScript.

View on codepen.

e-Newsletter

January 29, 2020January 30, 2020by rachelhdesignerLeave a comment

Responsive newsletter template created with html, and css.

View on codepen.

Splash Landing

January 24, 2020January 27, 2020by rachelhdesigner

Created a responsive splash layout, with an animate background, and an animated heading tag text overlay. Used CSS, HTML and JavaScript.

View on codepen.

Single Page Application

January 23, 2020January 23, 2020by rachelhdesigner

Created a single page, responsive application that uses css transitions and vanilla javascript to display content.

View on codepen.

Slant Layout with Dynamic Theme Changer

January 21, 2020January 21, 2020by rachelhdesignerLeave a comment

Used slants to create a header and footer, also created a theme changer at the bottom to dynamically test out different colors. The nav links also use a cool animation on hover.

View on codepen.

Full Page Navigation

January 15, 2020January 15, 2020by rachelhdesigner

As a part of the January 2020 CodePen Challenge, I created a full page navigation that toggles open covering the entire screen. It uses CSS, HTML, and JavaScript.

View on codePen.