Front end developer manual This is a practical manual that anyone can use to learn front-end engineering. It outlines and discusses the practice of front-end engineering: how to learn and what tools to use in practice The purpose of writing this manual is twofold: firstly, to provide a professional resource, including learning materials and development tools, for potential and practicing front-end developers; Secondly, this manual can be used by managers, CTOs, lecturers, and headhunters as insights into front-end development practices The content of this manual supports web technologies (HTML, CSS, DOM, and JavaScript), and the solutions provided in the manual are directly built on these open technologies The materials and discussions cited in the manual are the best or current issues that front-end developers need to face This manual should not be seen as a comprehensive outline of all available resources for front-end developers. Its value lies in its simplicity, focus, and timely management of sufficient classification information, so as not to immerse anyone in any specific topic This manual will be updated annually This manual is divided into three parts: Part One: Front end Development Practice The first part will roughly describe the practice of front-end engineering Part 2: Learning Front end Development The second part identifies direct resources for self-learning to become a front-end developer Part Three: Front end Development Tools The third part will briefly discuss the use of some front-end development tools
Reading: 36 2024-11-16
Web front-end - Web front-end development - Web front-end engineer, documenting my journey of learning Web front-end
Reading: 48 2024-11-16
CSS3 Reference Manual in the Web Front end Development Reference Manual Series: Provides the latest and most comprehensive online CSS Chinese version materials for web front-end developers, covering CSS3 reference manuals.
Reading: 76 2024-11-16
IconPark icon library is an open-source icon library that drives vector icon styles through technology. It can transform multiple themes based on a single SVG source file, with rich classification, lighter code, and more flexible usage scenarios; Committed to building high-quality, unified, and definable icon resources, allowing most people to choose icons that suit their style
Reading: 54 2024-11-16
Font Awesome provides you with scalable vector icons that you can modify using all the features provided by CSS, including size, color, shadow, or any other supported effects. One font library, 675 icons Just one Font Awesome font library contains all the image icons related to web pages. No need to rely on JavaScript Font Awesome does not rely on JavaScript at all, so there is no need to worry about compatibility. Unlimited scaling Scalable vector graphics will present you with perfect icons at any size. Free as speech Font Awesome is completely free, even for commercial use. Please review the license. CSS Control As long as CSS supports it, colors, sizes, shadows, or any other effects can be easily displayed. High resolution screen presents perfectly The vector icon of Font Amazing will make your website shine on a high-resolution screen at the retina level. Perfect compatibility with other frameworks Although designed for Bootstrap, Font Awesome can also work perfectly with other frameworks. Can be used for desktop systems For desktop systems or for a complete set of vector graphics, please refer to the memo. Compatible with screen readers Unlike other fonts, Font Awesome does not affect the normal operation of screen readers.
Reading: 227 2024-11-16
An innovative and lightweight icon font generator with 2725 vector icons to choose from.
Reading: 60 2024-11-16
IcoMoon is an icon solution that provides three main services: vector icon packages, IcoMoon applications, and hosting icons as SVG or fonts. *Icon Library IcoMoon offers many free icon packs. You can find them in the Library tab of the IcoMoon application. Each of them has a license link that you can refer to. In addition to these free icon packs, IcoMoon also offers 3 high-quality premium icon packs that can only be purchased separately. *Application Program Go to using a modern web browser https://icomoon.io/app Start using the IcoMoon application. This HTML5 application allows you to quickly browse and search for the icons you need. You can download these icons, perform some basic editing, import your own icons, create icon fonts (a font with icons as the glyph), or generate icons in SVG, Polymer, PDF, AML, PNG, and CSS sprites. *Using inline SVG When you download an icon package from the SVG tab of the IcoMoon application, it comes with a demo. html file that contains SVG icon definitions at the top, bottom, and inside the SVG elements of the document. *Use the generated font The zip package generated by IcoMoon contains everything needed to start using icon fonts. Your font is provided in four different formats. Example HTML and CSS files are also included in the package.
Reading: 175 2024-11-16
You can get the font for free. This font is licensed under the SIL license and is available for download and use. Ligature Symbols are widely supported by modern browsers such as Chrome, Safari, Firefox, iOS Mobile Safari, and Android browsers.
Reading: 65 2024-11-16
Panoramic vision, leading image library and legitimate image material website; Provide individuals with image materials, image search, image sharing, and high-definition image downloads; Provide one-stop multimedia creative solutions for enterprises.
Reading: 68 2024-11-16
Webpack is a module packager. Its main goal is to package JavaScript files together for use in browsers, but it is also capable of transforming, bundling, or wrapping any resource or asset.
Reading: 50 2024-11-16
Gulp.js is an automated build tool that developers can use to automate common tasks during project development. Gulp.js is built on Node.js, utilizing the power of Node.js streaming to quickly build projects and reduce frequent IO operations. The Gulp.js source file and the Gulp file you use to define tasks are both implemented through JavaScript (or CoffeeScript) source code.
Reading: 41 2024-11-16
Grunt is a project building tool based on Node.js. It can automatically run the tasks you have set. Grunt has a huge number of plugins, and almost anything you need to do can be implemented with Grunt.