How to create language marks in HTML
Quick tip UI interactions in simple language with uilang
As with spoken languages, each programming language has its own “grammar”. strict rules and idiosyncrasies that are often difficult to learn and only fully develop over the years.
What is Uilang doing?
The core of uilang is the ability to add, remove, or toggle class names on a specific element. This can only be three actions, but in combination with CSS all possible actions are performed, such as hiding notification and modal boxes, animating switches, showing drop-down menus for the navigation menu, and showing tabs and accordion systems .
Suppose you have the following notification box:
The overall box has the ID and the button has the class. CSS is also included on the page under the class, when this option is added to the field it will set the opacity to zero, which will hide or dismiss the notification.
The code used to create this box is:
You have 3 unread messages.
The Uilang way
As you can see, this code is much more readable no matter how experienced you are. Its plain text makes it easy to understand and quick to implement.
Let's take a look at how Uilang works.
How does uilang work?
The first step in using uilang is to download the small JS file that supports this feature. You can do it through the Download Link at uilang.com.
Once downloaded, load the file into your HTML page using:
You can now use uilang with any element on your page.
First, select the target element, e.g. For example, a button that you want to show when you click it when people click it. Then you specify an action that adds, removes, or toggles a class name, and you determine which element that action should be applied to.
1. Identify the target to be monitored for clicks:
Make sure to include all uilang commands with keywords. Then always start with the words like this:
Next, add the class or ID of the item you want to target to find clicks enclosed in speech tags:
At this point, you can also choose to track multiple target items for clicks by adding a comma and a second class or ID:
2. Select an action
You now have the choice between three actions to choose from. , or.
Paste the action you want followed by the class name you want to add / remove / toggle:
3. Specify an item to be changed
Finally, add the word followed by the class or ID (within language marks) of the element to be changed, i. H. the element to which you want to add / remove / toggle a class:
You can also use several lines and define more than one click action at the same time:
If the element you want to track clicks for is also the element you want to add, remove, or toggle classes on, you can use the keyword instead of writing the identifier a second time, like this:
With that, our quick demonstration of Uilang has just ended. The best way to find out what it's about is to go to uilang.com and play around with the live demos there.
- How can I start ACCA successfully
- What should I add to my bedroom
- What is the best hot press machine
- Pat Robertson has dementia
- What percentage of venture capital funds fail
- Did poetry evolve before prose Why
- Can Julien Philippe speak Serbian
- Which betting sites don't prohibit winners?
- Start the diaspora or not
- Is someone following Orphan Black
- Did Henry Purcell play an instrument
- Why are people so insecure
- Which company is good for cosmetics
- How to catch gum disease
- How do 37 signals deal with user feedback
- How to pronounce cerumen
- How old is the furnace
- Are there liberals in China
- Is Google Translation good for SEO
- Can someone write with 2 hands at the same time
- Why is smoking a laxative?
- Who gives lethal injections to prisoners
- What does the porosity of the team refer to?
- Why do we like love