Read the following material: World's shortest UI/UX design course Easiest Way to Pick UI Colors 7 Rules for Creating Gorgeous UI (Part 1) 7 Rules for Creating Gorgeous...
Visual design rules you can safely follow every time Bootstrapping Design (in our library) Steve Schoger's Refactoring UI book (in our library) and watch the following...
...to your mentor about: When moving a task to the background will introduce new UI states Exercise: Move API calls to a Sidekiq job You've previously implemented calls to...
...tested. Read the Sidekiq testing guide for some pointers. Sidekiq comes with a Web UI. Mount it into your MovieDB, so you can see your Sidekiq jobs under /sidekiq.
...don't want to design their user interfaces. In the absence of a good UI design, you should always be able to come up with a default. Since the user...
...practice cost estimation in a later lesson. Some hints Try to not create a UI that has edge cases When clarifying a requirement with your customer (here: your mentor), always...
...the name of the played character You only need very basic styling of the UI. We will learn CSS in a later card. Your application layout should have a navigation...
...year" field to "release date", now allowing precise dates. Use Flatpickr to add a UI. Remember to use unobtrusive JavaScript. Check it out on Bundlephobia. Exercise: Embracing ES6 Modules
Now add tests for both the new method Movie.search() and the new UI. Follow the advice from the "Testing" chapter from Growing Rails Applications in Practice:
...see movies from other users that are published, pending or declined. Changes to the UI We will now add some additional controls to transition a movie between states:
...movie for any new movie entered into MovieDB, using the themoviedb.org API. For the UI this means that there is no longer a "Year" field when creating a movie. It...
...Sass, using the indented syntax (.sass). Here are some hints for this exercise: The UI does not need to be a master piece, but it should be tidy and clear...
...Cards, users can be given deck-specific read/write access. Play around in the cards UI to see that functionality. How does the application decide whether or not to render the...
Best results in other decks
...some useful design resources for developers. Many of them were mentioned in the Refactoring UI tutorials. Tutorials Refactoring UI Videos Refactoring UI Book Refactoring UI Chapter Color Palette Refactoring UI...
...of the maxims and principles that designers can consider when building user interfaces 50 UI Tips https://bootcamp.uxdesign.cc/the-self-taught-ui-ux-designer-roadmap-in-2021-aa0f5b62cecb https://anthonyhobday.com/sideprojects/saferules/ CSS frameworks semantic-ui bootstrap tailwind foundation
This will increase your code editor's font size as well as your UI and works nicely when sharing a single file. However, some controls will disappear, e.g. tabs...
...multiple files or just use your IDE like you normally would. Scale everything (new UI) When using new UI, go to File → Settings → Appearance and set the "Zoom" option to...