Posts

UX Writer

Image
What is UX Writing? It is a subset of UX Design that mainly focuses on written bits. Written bits are words in menus, buttons, labels, chatbots, microcopy and error messages.  Microcopy means the set of instructions to guide first-time users through a product or the set of small pieces of writing.  Figma or Sketch can be used to plan and design copy for UX Writing. Who is UX Writer? A User Experience (UX)  Writer creates Written bits for apps, websites and other digital products that help users to get to know the product or get some basic idea about the product. (Refer :  Click here ) What is the job role? It's a similar role like copywriting, content writing and digital marketing specialist. A UX Writer might find the words for menus, buttons, labels, chatbots, microcopy and error messages. This is how UX Writing helps to communicate with Users What are the skills needed to become a UX Writer? Writing skills Research skills Technical skills UX Experience Problem Solving Example f

UI/UX Introduction - What I learned

Image
When I was young, I was passionate about computers. We couldn't have access to that. Usually, I play with some of the cardboard waste and make a computer screen and keyboard out of it.  After I got a good score in my O/Level exams, my father asked, "What do you want as a gift?" And I said I wanted a laptop. Then he purchased me an HP laptop. It was the best gift ever; I got it after a long wait. Later, I became familiar with basic computer skills slowly and started exploring the world through technology. Then, I chose IT as my career path eventually. Here, I'm sharing my learning experience to track my progress. UI/UX Introduction - What I learned https://www.mygreatlearning.com/academy/learn-for-free/courses/ui-ux It's a free course for beginners. Summary of this course: UI means interaction with user and website/product/app UX means what user experienced while using this UI Example: Using the Apple website, they direct their customers clearly to their products
Image
  Artificial Intelligence: The Future of Technology The future in the IT world. Everyone must know the basics of AI technology. So I'm going to explain in simple words What is AI Artificial Intelligence (AI) is any computer program that mimics and performs tasks that normally require human intelligence. The good and bad thing about AI is that you cannot understand it or use it for practical purposes. It can understand complex human language and calculate complicated mathematical equations in seconds. It can detect patterns, analyze messages and predict and explain events. I will use Xmas day as an example to illustrate the good, bad, and ugly of artificial intelligence. A couple of days ago, AI machines were able to perform a complex mathematical equation like 77 x 17. It would be very difficult to explain the science behind this equation to the common man. The only people who can understand the maths would-be programmers. What is the future of AI? AI will be the key to any informa

Movie card examples with CSS.

Image
 Movie cards with CSS. Some new movie card designs with CSS References: https://freefrontend.com/css-movie-cards/ Here I shared one example(with HTML, CSS Coding) which I tried..... if you want more examples: https://freefrontend.com/css-movie-cards/ https://blog.avada.io/css/movie-cards/ https://newtodesign.com/7-css-movie-cards/ 😼😼😼Hope you get some new ideas about this topic.

Bootstrap 4 -Cards basics.

Image
 Bootstrap 4 - Cards basics. Example 1 Example 2 Example 3

Cards in Bootstrap 4

Image
  Cards Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options. A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. If you’re familiar with Bootstrap 3, cards replace our old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards. Example Cards are built with as little markup and styles as possible but still manage to deliver a ton of control and customization. Built with flexbox, they offer easy alignment and mix well with other Bootstrap components. They have no margin by default, so use spacing utilities as needed. Below is an example of a basic card with mixed content and a fixed width. Cards have no fixed width to start, so they’ll naturally fill the full width of their parent element. This is easily customized with our various sizing opti

Basic JavaScript examples....

Image
  Basic JavaScript examples... 1)Button on click.  2)Id calling. 3)Button on click style. 4)Console operation. 5)Addition operation. 6)Arithmetic operation. 7)Operators... If you want more information about JS: https://www.w3schools.com/js/default.asp