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：
-
- 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 . edge 563 2025-02-21 12:13:08
-
- Tutorial: Creating an Infographic in Adobe Edge Animate
- This article was sponsored by Adobe. Thank you for supporting the sponsors that make SitePoint possible! This tutorial guides you through building an interactive infographic in Adobe Edge Animate CC 2014 (see Figure 1). Along the way, you’ll learn h
- It Industry . edge 457 2025-02-21 11:46:08
-
- Advanced Pebble Watch Configuration
- Key Takeaways Update the `appinfo.json` file to enable a configuration page in your Pebble app by adding “configurable” to the capabilities array, allowing users to customize settings like location type directly within the Pebble interface. Crea
- JS Tutorial . edge 869 2025-02-21 11:41:13
-
- Automate Debugging in Git with Unit Tests
- Key Takeaways Automating debugging in Git with unit tests involves using the ‘bisect’ command to traverse through the commits and identify the one that introduced a bug. This process can be automated with a script, reducing the need for manual lab
- It Industry . edge 128 2025-02-21 10:53:11
-
- Introducing the CSS text-align-last Property
- CSS text-align-last property details: Perfectly aligned the last line of text The subtleties often determine the success or failure of the user experience. Details such as text shadows and element spacing can affect the overall view of the website. The text-align-last property is created for this, which can accurately control the alignment of the last line of the text block or the previous line of the forced new line, especially when dealing with text alignment at both ends. This article will explore in-depth aspects of the text-align-last attribute, including available values, browser support, and specific browser behavior. Usage and available values Using the text-align-last property is very simple. The following code snippet right-to-right the last line of text
- CSS Tutorial . edge 574 2025-02-21 10:00:17
-
- Getting Started with Browserify
- JavaScript implementations have been getting more and more complex as the beautiful beast we call the web evolves each year. Many of us now work with JavaScript modules – independently functioning components that come together to work as a cohesive w
- JS Tutorial . edge 539 2025-02-21 09:56:12
-
- Introducing the CSS Grid Layout
- CSS Grid Layout: Build a powerful and flexible website layout Core points CSS Grid layouts provide a more powerful and flexible way to create complex website layouts without using properties such as inline and float or a separate grid system stylesheet. Currently, only IE 10 and Edge support CSS Grid layouts, but it can be enabled via specific flags in Chrome and Firefox or using polyfill. CSS Grid layouts define the layout of elements on a web page using units of measurement, lines, tracks, cells, and regions called "fr". CSS Gri
- CSS Tutorial . edge 155 2025-02-21 09:35:09
-
- 4 Detect DarkLight Background jQuery Plugins
- This post showcases four jQuery plugins designed to detect dark or light backgrounds, crucial for websites with dynamic backgrounds requiring contrasting text for optimal readability. These plugins automatically adjust text and element colors to ens
- JS Tutorial . edge 697 2025-02-21 08:56:09
-
- Introducing the CSS clip-path Property
- CSS Clip-Path: Shaping Web Elements body { font-family: sans-serif; } .container { display: flex; justify-content: center; align-items: cent
- CSS Tutorial . edge 458 2025-02-21 08:29:09
-
- 7 PostCSS Plugins to Ease You into PostCSS
- PostCSS: Streamlining Your CSS Workflow PostCSS is a robust tool designed to automate complex CSS tasks, acting as a powerful complement or even replacement for preprocessors like Sass, Less, and Stylus. Its core functionality revolves around parsin
- CSS Tutorial . edge 699 2025-02-21 08:28:10
-
- What is the WebP Image Format (And Why Does It Matter)?
- WebP: A Deep Dive into Google's Image Compression Format WebP, a cutting-edge image format developed by Google, utilizes both lossy and lossless compression techniques to significantly reduce file sizes without sacrificing image quality. Licensed un
- It Industry . edge 582 2025-02-20 13:08:12
-
- AtoZ CSS Quick Tip: Benefits of rem and em Values
- Key Points Using relative units such as "em" to set text size and elemental spacing is more flexible than using pixels, especially in responsive projects. However, "em" units can cause problems with nested elements, causing them to grow or shrink exponentially at each nesting level. The “rem” unit is a more reliable alternative to setting the font size, as it is always calculated based on the font size of the root element. This avoids the exponential growth or shrinkage that occurs when using "em" units in nested elements. For browser support, especially for older versions of Internet Explorer, you can use JS polyfill or px alternatives. If using Sass,
- CSS Tutorial . edge 137 2025-02-20 13:00:14
-
- 13 Steps to Get eZ Publish 5.x to Work on Homestead
- I have since taken another look at eZ Publish (now eZ Platform) and things have improved significantly. Details here. This article was initially going to be a quick tip on how to install eZ Publish on Homestead in just a few steps. However, after I
- PHP Tutorial . edge 856 2025-02-20 12:51:11
-
- How To Install jQuery Mobile on Your WordPress Site the Right Way
- So, you want to start taking advantage of some of the fantastic new jQuery Mobile features on your WordPress site, but you could use some guidance as to the best way to get up and running fast. No problem! With this quick walkthrough, I’ll show you t
- WordPress . edge 547 2025-02-20 11:54:14
-
- How to Teach Yourself Web Development
- Key Takeaways Choose an area of web development that genuinely interests you. This will help maintain your motivation and make the learning process more enjoyable. If unsure, start with common technologies like JavaScript and PHP. Ignore most ad
- It Industry . edge 866 2025-02-20 11:46:09
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
