Work in progress...
A Pen by Mark Beekman on CodePen.
satnami
/ Ionic side menu with tabs in subview.markdown
Created
November 12, 2015 09:03
Ionic side menu with tabs in subview
Forked from Ross Martin's Pen Ionic Elastichat.
A Pen by Mohammad Sami AlMouhtaseb on CodePen.
working on a responsive app display based on this dribble. i fell in love with the dribble's use of colors and gradients and i fear i won't be able to do the original artist justice, but i'll try my best.
animations should look like this:
oh god i just saw what this looks like in IE and it is a hot mess. i'll fix that if i have time.
satnami
/ CSS-only Coffee App Concept.markdown
Created
November 12, 2015 09:06
CSS-only Coffee App Concept
An original coffee app design demonstrating data-driven SCSS and meaningful transitions in an informational app about various espresso drinks.
Forked from David Khourshid's Pen CSS-only Coffee App Concept.
A Pen by Mohammad Sami AlMouhtaseb on CodePen.
Forked from RobinThrift's Pen Recipe List Item Design.
A Pen by Mohammad Sami AlMouhtaseb on CodePen.
Responsive recipe page powered by AngularJS. It's used to perform serving size calculations and handle checking off recipes off the list. Both directions and ingredients are generated dynamically through the JavaScript models.
Entry for the first week of Season Three of the Pattern Rodeo.
(Click through directions for a little extra)
See full pen: http://codepen.io/janrubio/full/rxtos
Source gif by Ramotion - https://dribbble.com/shots/2121350-Delivery-Card
Looks best in Chrome. Some parts are bugged in FF. Not working in IE below edge (if it's not working in edge, let me know pls). Card dimensions probably broken on mobile, except for iPhone 6 (because I was hardcoding pixels for this model). Don't forget to click request button inside card.
(Cool)story behind the demo:
when I saw this gif I just wanted to recreate flipping animation. I thought that it will be easy-peasy, because I worked with preserve-3d stuff in CSS before. But, when I started doing nested elements below 2nd level, everything turned to a crazy bugfest. Border-radius crazy bugs in various Chrome versions, z-index and translateZ(0) retarded things in FF and other absolutely random stuff. So when I finished flipping part, I thought that I should continue and do the rest. Oh boy... This decision gave another week of suffering and LOTS of shitty code. I will try to refactor
satnami
/ Sticky Avatars Dashboard.markdown
Created
November 12, 2015 09:08
Sticky Avatars Dashboard
Avatar fixed positioning and locking inspired by Tumblr's dashboard using scrollMonitor.
Forked from kamce's Pen Sticky Avatars Dashboard.
A Pen by Mohammad Sami AlMouhtaseb on CodePen.
satnami
/ 3D Cube for tabbed content.markdown
Created
November 12, 2015 09:08
3D Cube for tabbed content
Fun way to display tabbed content with a 3d cube: Uses CSS perspective, transitions and radio checked. No javascript.
Forked from Kara Olthof's Pen 3D Cube for tabbed content.
A Pen by Mohammad Sami AlMouhtaseb on CodePen.
Javascript cloth simulation.
Forked from dissimulate's Pen Tearable Cloth.
A Pen by Mohammad Sami AlMouhtaseb on CodePen.
OlderNewer