Reduced Test Cases
When designing for web you have to be aware of how that design wil behave in the browser. CodePen has been a very useful tool to take a design idea and prototype it to asses the functional and visual possibilities before implementing it at scale. It has also been a great way to test and debug pieces of code without affecting the main project. Here are a few examples.
See the Pen Attractions Grid by Ximena (@xvilaf-1471456961) on CodePen.
See the Pen MJW-BlogCategoryPage by Ximena (@xvilaf-1471456961) on CodePen.
See the Pen Numbered Boxes – Custom Counter by Ximena (@xvilaf-1471456961) on CodePen.
See the Pen Ubowl-Styles by Ximena (@xvilaf-1471456961) on CodePen.
See the Pen Agenda Grid by Ximena (@xvilaf-1471456961) on CodePen.
See the Pen Custom Numbered List by Ximena (@xvilaf-1471456961) on CodePen.
See the Pen Pseudo Elements on Hover by Ximena (@xvilaf-1471456961) on CodePen.
Back to code projects
