current location：Home > Technical Articles > Web Front-end
- Direction：
- All web3.0 Backend Development Web Front-end Database Operation and Maintenance Development Tools PHP Framework Daily Programming WeChat Applet Common Problem Other Tech CMS Tutorial Java System Tutorial Computer Tutorials Hardware Tutorial Mobile Tutorial Software Tutorial Mobile Game Tutorial
- Classify：
-
- 8 Clever Tricks with CSS Functions
- The power of CSS is far beyond many web developers’ imagination. Over time, the stylesheet language has become more and more powerful, bringing functions to the browser that originally required JavaScript to achieve. This article will introduce eight clever CSS function tips that require no JavaScript at all. Important points CSS functions can be used to create various effects and functions such as tooltips, thumbnail titles, counters, and frosted glass effects without JavaScript. The calc() function can be used to create smarter grid systems and alignment of fixed position elements, providing greater flexibility and precision in design. CSS functions also allow cubic-be
- CSS Tutorial 671 2025-02-21 12:25:13
-
- HTML5 Forms: The Markup
- Key Takeaways HTML5 introduces a range of new input types and attributes for forms, including email, tel, url, search, number, range, date, datetime, datetime-local, month, week, time, and color, which provide native input assistance and validatio
- JS Tutorial 764 2025-02-21 12:24:13
-
- Introducing the Proximity API
- Core points The proximity API uses proximity sensors to measure the distance between a device and an object to provide distance information. This API is not part of the sensor API, but a standalone API. The API is widely used, such as the ability of a phone to automatically turn off the screen when it is close to the ear, and pausing the music player when an object (such as a hand) is close to the device. The close-range API defines two events: deviceproximity provides information about the distance between the device and a nearby object; userproximity specifies whether the device detects a nearby object. These events can be listened to and responded to. Currently, close-range APIs are less supportive, only Firefox (desktop version and
- JS Tutorial 885 2025-02-21 12:23:10
-
- Creating Charting Directives Using AngularJS and D3.js
- Core points D3.js is a JavaScript library that can be used in conjunction with AngularJS to create interactive real-time charts with SVG (scalable vector graphics). This combination allows developers to create rich web applications with dynamic data visualization. AngularJS and D3.js can be set in HTML pages to create chart directives. This includes creating AngularJS controllers and instructions and using the controller to save the data to be drawn in the chart. Then, you can use this directive to draw a line chart using D3.js. The chart can be updated in real time to reflect changes in the underlying data. This can be done by using a collection observer in the instruction to monitor changes in the collection data and then detect
- JS Tutorial 496 2025-02-21 12:19:10
-
- The Many Influences of Kendo UI Core
- This article explores the architectural foundations of Kendo UI Core, a robust HTML5 framework for web and mobile development. It's built upon the principles of proven architectural designs, much like the enduring arch in construction. The article
- JS Tutorial 1096 2025-02-21 12:14:11
-
- Dynamic Geo Maps with SVG and jQuery
- When I need to create charts, my first choice is Google Charts or another dedicated library. Sometimes, though, I need some specific features that I can’t find there. In these cases, SVG images prove to be very valuable. Recently, I had to build a
- JS Tutorial 650 2025-02-21 12:13:08
-
- Getting Started with QUnit
- Software testing is a process of evaluating software to detect the difference between the expected output and the actual output of a given input set. Testing, especially unit testing, should be an essential part of every developer's life. Unfortunately, many developers seem to be afraid of the activity. In JavaScript, we can choose from many frameworks to test our code base. For example, Mocha, Selenium, and QUnit. In this article, I will introduce you to QUnit. QUnit is a unit testing framework developed and maintained by the jQuery team, which is also behind projects such as jQuery and jQuery UI. Key Points QUnit by jQ
- JS Tutorial 720 2025-02-21 12:12:13
-
- Faster YouTube Embeds with JavaScript
- Speed Up Your YouTube Embeds with JavaScript: A Comprehensive Guide Key Highlights: Dramatically reduce initial page load times by using JavaScript to replace standard YouTube embeds with lightweight thumbnail previews. Enhance user experience and
- JS Tutorial 648 2025-02-21 12:11:13
-
- WordPress JSON Example
- This updated tutorial demonstrates how to retrieve a list of WordPress posts using the WordPress REST API and Postman. The tutorial has been refreshed with current examples and information. This article was updated in mid-2025 with current informati
- JS Tutorial 344 2025-02-21 12:08:11
-
- How to Make a Simple Image Slider With HTML, CSS and jQuery
- Image carousels, image sliders, no matter why you call them, this mode is so visible on the internet that almost every website has one. If you are a web developer, you may end up with building one yourself. With this in mind, let's see how to build a simple picture slider using HTML, CSS, and jQuery. HTML structure First, we create a container element that has the class name container. The container contains our pictures. The picture is wrapped with a div tag so that the slide can be converted to a link, or content other than the picture can be used as the slide. The first container div has some inline styles to ensure that the first image in the slider is visible when the page loads. return
- JS Tutorial 1024 2025-02-21 12:07:09
-
- An Introduction to the Basics of Modern CSS Buttons
- Web button design: three styles and CSS implementation This article was updated on July 9, 2016 and has replaced the tag with tag to comply with modern accessibility best practices. If you are working on buttons, always stick to the label. Buttons are one of the most important components of any web page, and they have many different states and functions, all of which need to be matched correctly with previous design decisions. In this article, we will introduce three button design concepts, along with CSS code and tools to help new developers create their own buttons. Before delving into various button design concepts, we need to review some basic knowledge of CSS buttons. If you don't know which CSS components will change, then understand flattening UI and Material
- CSS Tutorial 420 2025-02-21 12:04:16
-
- Access a Parent Element With JavaScript or jQuery
- JavaScript functions usually require access to the parent element in the DOM. In JavaScript, element.parentNode can be used. In jQuery, you can use element.parent() to achieve the same functionality. Here is a JavaScript example: HTML: one two JavaScript: function init() { var tablinks = document.getElementById('tabs').getElementsByTagN
- JS Tutorial 476 2025-02-21 12:01:09
-
- Creating a Sentiment Analysis Application Using Node.js
- Sentiment analysis helps you in understanding what people think about a certain topic. The sentiment analysis app we are going to build will take in a keyword(s) and will fetch the matching tweets from Twitter. Then, it will run each tweet through an
- JS Tutorial 425 2025-02-21 12:00:19
-
- 4 jQuery Digital Signature Plugins
- Integrating digital signatures into your web applications is easier than ever, thanks to a variety of robust jQuery plugins. This shift towards digital processes is inevitable, and these plugins represent a significant step forward. Here are some to
- JS Tutorial 348 2025-02-21 11:59:09
-
- Five Grunt Tasks You Won't Want to Miss!
- Streamlining Your Frontend Workflow with Five Essential Grunt Tasks Grunt, a popular task runner, significantly simplifies repetitive frontend development tasks. This article highlights five powerful Grunt plugins that boost efficiency and code quali
- JS Tutorial 315 2025-02-21 11:55:09
Recommended Articles
Tool Recommendations
jQuery enterprise message form contact code
jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29
HTML5 MP3 music box playback effects
HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.
Player special effects
2024-02-29
HTML5 cool particle animation navigation menu special effects
HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29
jQuery visual form drag and drop editing code
jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29
Organic fruit and vegetable supplier web template Bootstrap5
An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03
Bootstrap3 multifunctional data information background management responsive web page template-Novus
Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02
Real estate resource service platform web page template Bootstrap5
Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02
Simple resume information web template Bootstrap4
Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02
Cute summer elements vector material (EPS PNG)
This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09
Four red 2023 graduation badges vector material (AI EPS PNG)
This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29
Singing bird and cart filled with flowers design spring banner vector material (AI EPS)
This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29
Golden graduation cap vector material (EPS PNG)
This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27
Home Decor Cleaning and Repair Service Company Website Template
Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09
Fresh color personal resume guide page template
Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29
Designer Creative Job Resume Web Template
Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28
Modern engineering construction company website template
The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28
