קוד ופרונט אנד

השראה וכלים בקוד

Pixel Perfect
| 06/05/2015

ריכוז של אלמנטים עם אינטראקציות שונות, והכל בקוד!
האוסף ברובו נלקח מ- CodePen, אתר חברתי לשיתופי קוד, דומה לדריבל אבל של מתכנתים. מפתחים מעלים פרוייקטים וניסויים ויכולים לקבל פידבאקים ותהילה. מקום נהדר לשוטט ולקבל השראה לחווית משתמש, אנימציות UX ולקחת משם דברים פשוטים לשימוש אישי שלכם.

* למעוניינים להשתמש בחלק מהאלמנטים והאפקטים, נא לוודא בבראוזרים השונים מה עובד ומה לא, לשיקולכם על פי קהל היעד מה יהיו כמויות המשתמשים שאולי לא יזכו לחוויה.

specify the rate of change of a parameter over time.

3D hover plane effect

Creative Gooey Effects Chat App — Chat with delights

Carousel SVG Videos — Carousel + SVG Videos

Elastic stroke CSS SVG — Elastic stroke CSS + SVG

Flappy Dialog

Full screen carousel Expose

Grid Item Animation Layout Demo 2 — Animated Grid Layout

Motion Blur Effect with SVG Image Gallery — Motion Blur Effect with SVG

OriDomi origami for the web — The web is flat, but now you can fold it up.

SVG Loader with GSAP Jump Loader — SVG Loader

Text Input Effects Set 1 — Text Input Effects

jQuery-ripples-plugin-demos — Plugin For Water Ripple Animation

SVG-Mask--Experiment- — SVG Mask (Experiment)

Inspiration-for-Custom-Select-Elements---Demo-2 — Custom Select Elements

Simple Parallax

Simple pulldown/hamburger menu

Share

קצת על המחבר:

Pixel Perfect

תמצאו את Pixel Perfect ב:

מאמרים שעשויים לעניין אותך

המדריך ל- UI HACKING

העדכון שכולנו חיכינו לו בדרך לפיגמה

השראה בשישי: בשר ללא בשר

המדריך ל- UI HACKING

העדכון שכולנו חיכינו לו בדרך לפיגמה

השראה בשישי: בשר ללא בשר

;