Hint: Design a user profile and be mindful of the most important data, names, imagery, placement, etc. Is it for a serious profile? A social profile?
A Pen by Daniel Toillion on CodePen.
Wayne Lippold wlippold
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
| <!-- | |
| Take a look at this wonderful widget by José Polanco | |
| http://dribbble.com/shots/1439808-Profile-Widget | |
| --> | |
| <div class="widget"> | |
| <div class="cover"> | |
| <img src="http://c.boylett.uk/images/wallpapers/005.jpg" /> |
wlippold
/ daily-ui-006-user-profile.markdown
Created
January 11, 2017 15:13
Daily UI #006 - User Profile
A Pen by Wayne Lippold on CodePen.
A Pen by Wayne Lippold on CodePen.
A Pen by Wayne Lippold 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
| <html> | |
| <head><title>How to create a font effects using google web fonts?</title> | |
| <link href="http://fonts.googleapis.com/css?family=Frijole&effect=static" | |
| rel="stylesheet" type="text/css"> | |
| </head> | |
| <body style="text-align:center;"> | |
wlippold
/ how-to-change-a-font-in-css-using-google-fonts.markdown
Created
January 4, 2017 13:48
How to change a font in CSS using Google Fonts?
A Pen by Wayne Lippold on CodePen.
A Pen by Wayne Lippold 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
| <!-- Ui inspired from this : https://dribbble.com/shots/1044569-Music-Player-Concept --> | |
| <script type="text/javascript" src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> | |
| <script> | |
| "use strict"; | |
| $(document).ready(function() { | |
| var songs = [{ | |
| "title": "Misses", | |
| "artist": "Girls in Hawaii", | |
| "cover": "http://bloo.ovh/music-player/img/Girls in Hawaii.jpeg", | |
| "num": "0", |
NewerOlder