Skip to content
View parrfolio's full-sized avatar
⭐
My God, It's Full of Stars
⭐
My God, It's Full of Stars
8 followers · 1 following

Achievements

Achievement: Arctic Code Vault Contributor

Achievements

Achievement: Arctic Code Vault Contributor

Highlights

  • Pro
Block or Report

Block or report parrfolio

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
parrfolio/README.md

As the VP of Design at Sprinklr, I have the pleasure of working with the finest engineers and designers in the industry. My ultimate goal is to create fun and innovative digital products that end-users will enjoy and love ❤️. With a lengthy background in product development (an old webstandard-ist), 😁 I keep up with the latest best practices, which is another one of my passions. I enjoy exploring and experimenting with new ideas, which led me to develop a social indie music-sharing network from scratch. 🎓 I am working on this project in my free time to keep up with industry standards in React, CSS3, JavaScript, and Firebase technologies.

🎸 To keep my mobile app design and development skills sharp, I created a mobile remote jukebox user interface for my 1954 AMi F-120. I am learning to code Python to interface a Raspberry Pi controller with my jukebox stepper and custom-animated LED lighting. I have made this project open-source so other jukebox owners can create a remote-controlled mobile experience for their old 45s. 📲 You can find it here

Pinned Loading

  1. Font Smoothing Font Smoothing
    1 
    /* ref http:https://maxvoltar.com/archive/-webkit-font-smoothing */
    2 
    

    

    
3

    -webkit-font-smoothing: none;
    

    

    
4

    

    

    
5

    -webkit-font-smoothing: subpixel-antialiased; /* best for small sizes */
    

    

    

    

    

    2. 

  2. 

    

    

    


flip, shake, fade CSS3 Animations
flip, shake, fade CSS3 Animations 
    

    

    
1

    @-webkit-keyframes shake {
    

    

    
2

    	0%, 100% {-webkit-transform: translateX(0);}
    

    

    
3

    	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
    

    

    
4

    	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
    

    

    
5

    }
    

    

    

    

    

    3. 

  3. 

    

    

    


CSS Media Queries v2
CSS Media Queries v2 
    

    

    
1

    /* Smartphones (portrait and landscape) ----------- */
    

    

    
2

    @media only screen
    

    

    
3

    and (min-width : 320px)
    

    

    
4

    and (max-width : 480px) {
    

    

    
5

    /* Styles */
    

    

    

    

    

    4. 

  4. 

    

    

    


CSS Transparency (Cross Browser)
CSS Transparency (Cross Browser) 
    

    

    
1

    .transparent {
    

    

    
2

            /* Required for IE 5, 6, 7 */
    

    

    
3

            /* ...or something to trigger hasLayout, like zoom: 1; */
    

    

    
4

            width: 100%; 
    

    

    
5

    

    

    

    

    

    5. 

  5. 

    

    

    


Hardware Acceleration iOS
Hardware Acceleration iOS 
    

    

    
1

    #foo {
    

    

    
2

    -webkit-transform: translate3d(x,y,z);
    

    

    
3

    }
    

    

    

    

    

    6. 

  6. 

    

    

    


Enable Webgl Meta
Enable Webgl Meta 
    

    

    
1

    <meta content="html.renderer=webgl" name="gwt:property">
    

    

    

    

    

    7.