|
|
|
#Sketch #UIDesign #Tips #AnimaApp
At the moment the only way in Sketch to make an Updatable Bottom and Top-Right Pinned Menus using Anima App is to “hack it”. (If you landed here it’s probably because you tried it before and didn’t really work fo you… It was a problem for me too, hence this hack 🤪) - Apply a 180 degree rotation (Transform) to the stack
Apply a 180 degree rotation
AND to the actions/elements in the stack (Visually it will look the same as your original menu.)
2) Make sure to pin your stacks (bottom or top right)
Pin your stack or symbol (bottom like above, or top right)
It works with normal stacks and with stacks inside symbols. Same hack for right aligned menus.
Tricky but does the job! :)
Let me know if you have any questions.
Ciao!
Francesco
|
|
|
|
#Sketch #Files
The only way to build Bottom and Top-Right Pinned Menus using Anima is to “hack it”… 1) Apply a 180 degree rotation to the stack AND to the actions/elements in the stack (Visually it will look the same as your original menu.) 2) Make sure to pin your stacks (bottom or top right)
This method works with normal stacks and with stacks inside symbols. Same hack for right aligned menus. See below!
Tricky but does the job! :)
|
|
|
|
#Sketch #Plugins #Development #Runner
A plugin to speed up your Sketch workflow
|
|
|
|
#Sketch #Plugins #Productivity #Portfolios
Drag Sketch Artboards to your Free&Willing public feed or to a private collection of yours (portfolio, photogallery, moodboard...). Works with PNGs and JPGs as well.
InstallationDownload, unzip and double click SketchToPortfolio.sketchplugin Usage:1) Launch the plugin: Plugins > SketchToPortfolio > Upload To Free&Willing 3) Drag Artboards from your Sketch file into the drop area. You can drag PNGs and JPGs from your desktop too. Tips:- If you organize your images into a collection you have more control on the privacy as the images won't appear in your public feed but will be visible when sharing the collection's URL.
- You can change the visibility of each image after upload too if you want
- Adding tags to the artboard (or filename) will add tags to your post. For example the Artboard called "Mobile Home Screen #mobile #app #UIDesign" (same thing for PNGs or JPGs "Mobile Home Screen #mobile #app #UIDesign.png")
Feedback
|
|
|
|
#AnimaApp #Timeline #Animation #Sketch
Timeline is a tool for animation design, right inside Sketch. On this post we’ll explore easing functions, and the new easing controller. An easing function determines rate of change of a parameter…
|
|
|
|
#Sketch #Photoshop
Great work from a designer in the Dribbble community; your best resource to discover and connect with designers worldwide.
|
|
|
|
#Atomic #Prototyping #Advanced
Make a dynamic shopping cart prototype using components, data and JavaScript.
|
|
|
|
#Rails #UX #Gems
RailsSortable is a simple Rails gem that allows you to create a listing view with drag & drop sorting. The arranged order will be persisted in the table without any pain.
|
|
|
|
#Sketch #Plugins #Dev
The forum for developers working with Sketch Plugins and integrations.
|
|
|
|
#JS #Productivity #Images
JavaScript Load Image is a library to load images provided as File or Blob objects or via URL. It returns an optionally scaled and/or cropped HTML img or canvas element. It also provides a method to parse image meta data to extract Exif tags and thumbnails and to restore the complete image header after resizing.
|
|
|
|
#Sketch #Plugins #Dev #Templates
|
|
|
|
#UX #Performance #JS
Maria Antonietta Perna highlights the benefits of lazy loading images on websites and shows five approaches to implement lazy loading for your website.
|
|
|
|
#Recipes
Mario Batali prepared Chestnut Flour Crepes (Necci) with Ricotta and Honey on "The Martha Stewart Show."
|
|
|
|
#Sketch #Plugins #RWD #Typography
As designers, we have made lots of headway in improving the speed at which we produce responsive designs. Over the last 5 years our industry has adopted new layout tools, perfected flexible grids and…
|
|
|
|
#CareerAdvice #Productivity
A set of guidelines that keep our product team aligned, focused, and productive.
|
|
|
|
#VR #Apps #Mobile
|
|
|
|
#Collaboration #Productivity #Tools
|
|
|
|
#Sketch #Lunacy #UIDesign #Windows #Tools #Free
There’s a new software called Lunacy which is an extension of the Sketch platform for the billions of Windows users. Lunacy is a full-fledged editor which has following unique features: Design…
|
|
|
|
#Private #Cooking #Grilling
You can have that luxurious steakhouse experience right in your own kitchen. Cooking a perfect, juicy steak starts with choosing the right cut.
|
|
|
|
#Sketch #Plugins #Animations #Deals #Prototyping
Beautiful interaction design. Right inside Sketch.
Special Design&Prototype 10% off:
Use code “DAPNYC” at checkout.
Offer ends on May 10th.
|
|
|
|
#Events #UX #NYC #Beginex
How UX Hiring Managers Assess and Hire Candidates with Lead UX from Idean Thu, April 5, 6:30 PM – 9:00 PM
Are you looking to find a new UX role or break into the field? Do you know how hiring managers really look for, evaluate and select candidates and what is going on in their mind during the hiring process? It is quite important to understand that to be able to prepare and have an edge over many other candidates in a competitive job market. We invited a seasoned UX leader from Idean (a global design firm that works with the world's leading companies like IBM, Volkswagen and Samsung) to share those insights in a talk that will be followed by an interactive fireside chat. Details and registration 👇
|
|
|
|
#Presentations #Productivity #JS
A framework for easily creating beautiful presentations using HTML
|
|
|
|
#Framer #Prototype
|
|
|
|
#Framer #Prototyping
Build a complete mobile app prototype using components & boilerplate code from Framer UI kits (source code included)
|
|
|
|
#Framer #Productivity #Prototyping
In my last Cheat Sheet we explored Page Components, and now it is time to graduate to Scroll Components, Ladies and Gentelmen. Like the other Cheat Sheets in this series, we will look at the very…
|
