Posts

AES Encryption and Decryption Feature Ready

-
Image
Stringland tech just released a new feature about AES encryption a few weeks ago. Here is the link: AES Encryption and Decryption . https://stringland.github.io/web/security/aes-encryption-and-decryption And here is the screenshot: For AES encryption and decryption introduction, here is the Wikipedia link: https://en.wikipedia.org/wiki/Advanced_Encryption_Standard Encryption/Decryption Usage AES is a symmetric encryption algorithm. So to correctly encrypt and decrypt a piece of message, same key and mode should be used. The key should only have 16, 24 or 32 bytes (or ASCII characters). To get the key, we can use the password generation feature of Stringland Tech . Here is the link:  https://stringland.github.io/web/security/password-generator    Currently we support following 3 block cipher modes of AES: CBC ECB CFB  For details, we can check this Wikipedia link: https://en.wikipedia.org/wiki/Block_cipher_mode_of_operation Here is the screenshot Hope that this feature can help every
Post a Comment
Read more

Stringland Tech V2.0 UX

-
Image
Stringland Tech UX design has been updated. The basic idea is to use search bar, well organized cards and labels design, and adding more detailed description in each card. It will be easier for users to target the functionality they want. For function page, only the function related elements are retained. Homepage The homepage link is still the same: https://stringland.github.io/web/   Here is the homepage screenshot: Users can type keywords in search bar. The autocomplete can list top 10 candidate functions' names in the menu. Here is the screenshot: All the functions are described in one corresponding card; and every card is under one corresponding label. Currently there are 10 labels. Most of them are the same as old UX version: * Math * Physic  * Time * Security (Hash, Password generation and AES encryption feature) * Network (HTML, URL and IP conversion features) * String * Color * Text Editor * Games * Upcoming features Here is the sample screenshot: If user click the card, s
Post a Comment
Read more

Adding Direct Entries for all the Lands

-
Image
As we know, the homepage has card for each function module. Each module has a picture and description for that function, like Math, Text Editor, and so on.  When you click the card, you will be redirected to one of the sub functions of the module. However, that redirected sub function page is fixed, and it may not be what users' want. So now we add a Go To button in each card. When you click that button, a list of sub functions will be shown, and you can click any one of them to go to the corresponding sub function page. Here is the sample screenshot: Hope this UI improvement can improve your user experience. 👋
Post a Comment
Read more

Support Custom Output Format in All Unit Convertors

-
Image
 Now the output format of all unit convertors can be customized. 👍 Previously, the output format was determined by the system.  The rule is if the value is too small or large, format uses scientific notation with 7 precision; otherwise, Golang default float format output is used. Here is the screenshot: Sometimes the default output format is not easy to read. So we allow the users to set the custom output format: set the precision (at least 0 precision and at most 20 precision), and use scientific notation or not. Here is the screenshot: Set 2 precision: Use scientific notation: Hope this feature can be helpful. ✊  
Post a Comment
Read more

Pig Latin Game Alpha Version is Available

-
Image
Here is the Wiki of Pig Latin Game .  We just release the Alpha version of Pig Latin Game in Stringland Tech. It is a human-Lilyan interactive game, which is the same pattern as the Guess Number Game. Players should type as many correct Pig Latin of give words from Lilyan as possible within 3 mins. Here is its entry in home page:   And here is its game page link and screenshot: https://stringland.github.io/web/games/piglatin   Currently following words are reserved by Lilyan: start - to ask Lilyan to start the game help - to ask Lilyan to tell the rules of the game bye - to ask Lilyan to stop the game. After 3 mins, Lilyan will show the game result. Here is the sample screenshot: This game will have further improvement in the future. Hope you can love this game.
Post a Comment
Read more

Using Next JS in Stringland Tech

-
Next JS - Server Side Generation Previously Stringland Tech used React JS, which caused an issue: Google could only index home page. That is because other pages are generated on the fly when browsers visit their links, which make it hard for search engine to add them into index. To do the SEO (search engine optimization) so that Stringland Tech is easier to find by everyone, while without making too much code changes, we rewrite the whole front end side using Next JS. Next JS support web pages server side rendering. It means that every pages have their own static html files and they can be easily collected by search engine and added to index. Another reason to choose Next JS is that it is based on React JS. Stringland tech front end code change scope can be reduced. Here is the Next JS wiki page .  And here is Next JS official pages .   How to Migrate from React JS Next JS official document has complete guideline . Actually the basic idea is simple: For routing and redirection, just fo
Post a Comment
Read more

Get the Unit Conversion Result On-the-Fly

-
Image
Previously, if you have read this blog: Angle Conversion Release , you will find that to get a converted angle value, you have to do at least 3 steps: Choose the source angle unit and target angle unit from two drop down menus. Type the source angle value. Click the blue submit button to get the result. Here we won't show the screenshot any more as you can find it from the previous log. But now things become more easy and convenient 😆 You only need following 2 steps: Choose the source angle unit and target angle unit from two drop down menus.  But one difference is that the drop down menu supports autocomplete feature and if you type something in the search bar, it will show all the possible candidate units of which user typing is the sub string. Here is the sample screenshot: Even if the drop down list is long, as long as you know the name of the unit, it is still easy for you to find it. ✌ Type the angle value of source unit. Now while you are typing, the angle value of target
Post a Comment
Read more