Dana - donate

Your are willing to give a little or a lot of nominal to the developer with pleasure and sincerity

I am willing/saya bersedia

Valclass is the latest UI & JS framework that presents various classes with features that will accelerate the process of building a website for web developers.

Main features

v-animation

v-animation is a class that can give animated effects to elements on your website.

v-increment

v-increment is a class that automatically creates a series of numbers 1 - ending

v-office

v-office is a class that makes developers an instant button with the export feature of various office files

v-font

v-font is a class that provides various types of font styles online for your website

v-sosmed

v-sosmed is a class that creates an instant button with a feature to a specific social media link

v-action

v-action is a class that gives an animated touch when touched and clicked

v-result

v-result is a class that can add up between the first and second variables to produce a total

v-time

v-time is a class that can print the current time on your browser screen

v-reload

v-reload is a class that creates an instant button which when clicked reloads the browser

v-back-to-top

v-back-to-top is a class that allows users to go directly to the bottom of a web page

v-mode

v-mode is a class that provides dark mode and light mode features instantly and easily

look forward to various other features

New features (coming soon)

v-connectivity

v-connectivity is a class which functions to check if your device is currently online / offline

v-media

v-media is a class that can adjust audio such as playing / stopping the audio from the browser with just one click

v-language

v-language is a class that can easily translate a foreign language into the language we want

v-icon

v-icon is a class to display a certain icon

v-proccess

v-process is a class for displaying a loading animation on your browser screen with a variety of animations

Get started with valclass

https://cdn.jsdelivr.net/gh/valclassdevelop/valclassDocumentation/valclass.js

Start template

Be sure to have your make sure you follow the website with the applicable conditions. It is recommended to use HTML 5 version and CSS 3 to keep things running properly. Some of the Valclass features will continue to be updated over time and conditions exist. You can start your project with the initial template we have provided.



                                <!DOCTYPE html>
                                <html lang="en">
                                <head>  
                                    <meta charset="utf-8">
                                    <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, minimal-ui" user-scalable=no>
                                    <title>Hi, my name is Valclass</title>
                                </head>
                                            
                                <!--Include the class in the body tag according to the css property name required--> 
                                <body class="font-family font text-color display justify-content align-items ">


                                <h1 class="v-font-poppins v-font-xl v-weight-bold v-text-warning v-d-flex v-justify-center v-items-center">
                                    Hi, my name is Valclass
                                </h1>


                                <!--include the script to connect with valclass--> 
                                <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/valclassdevelop/valclassDocumentation/valclass.js"></script>
                                </body>

                                </html>

Responsive meta tag

Valclass was also developed to ensure that your web interface is user friendly and better. To ensure proper rendering and touch zoom for all devices, add a responsive viewport meta tag to your . To ensure proper rendering and touch zooming for all devices, add the responsive viewport meta tag to your <head>.

You can see an example of this in action in the starter template.


<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, minimal-ui" user-scalable=no>

Developer valclass

Stay up to date on the Stay up to date on the development of Valclass with these helpful resources.

Valclass is a css framework that is still very new (2021). There may still be some flaws and bugs which will occur during the website development process if you are using Valclass (not expected). But we will try to provide our best for website developers and builders. Follow our developments and stay tuned for new features that we will provide for you.