Share a small program development artifact

About coolsite360

coolsite360 is a professional-grade responsive website design tool launched by Yipai Technology. Adhering to the consistent visual online editing method, the main features are: first, online creation without programming. Users can design responsive websites online that meet commercial delivery standards without programming, and automatically adapt to desktop and mobile browsing; second, support video, audio, sequence Frame media and interactive animation components support trigger control. The third is cross-platform publishing. Create once and publish to WeChat with one click.

What can the Coolsite360 applet editor do?

◉ CoolSite360 launches a mini program editor to help designers quickly design mini program interactive UI without writing wxml and wxss codes.

◉ Pages designed using the mini program editor can be easily previewed on WeChat and browsers, making it easier to display and share prototypes in the early stage.

◉ The designed page can export code that meets the mini program standards with one click, and can directly develop functions

What can’t the mini program editor currently do?

◉ The current version focuses on the visual design of the front-end UI, and does not involve front-end business logic and back-end data processing. With subsequent iterations of the version, an editor with certain back-end data processing capabilities will be launched. One-stop delivery can be achieved within a certain range, but currently the front-end code still needs to be exported for subsequent development by developers.

What are the main functions of the mini program editor in UI design?

◉ The mini program editor integrates all components officially provided by WeChat, and can be set and configured in a visual way.

◉ Supports visual settings of common css attributes, supports rem units, supports flex layout, and supports custom css code. The style code can be copied through software such as sketch and ps to meet full freedom of design.

◉ We will continue to provide commonly used component templates in the future, such as content lists, grid lists, cards, navigation, etc., to facilitate users to quickly design.

In addition to completing static UI design, what else can the mini program editor do?

◉ The mini program editor also supports the setting and control of basic animations, such as fly in, fly out, fade in, fade out, zoom in, zoom out, rotation, and css transform animation..., and can Animation control via triggers.

◉ Supports common triggers for interactive control, such as displaying elements, hiding elements, playing animations, jumping pages, dynamically adding component classes, removing component classes, switching element states, and developed in conjunction with WeChat applet API A series of triggers can achieve a certain range of UI interactive control without code.

What is Coolsite360’s recent development plan for the mini program editor?

◉We will continue to follow the official news of the mini program. In the near future, we will develop composite components to make up for the shortcomings of the basic components of the official mini program. In the future, we will also gradually increase the canvas drawing function and UI micro Interactive visualization setup.

What else do we need to know?

◉For the rest, for us front-end developers, we only need basic js and css to be competent in the development of WeChat mini programs. Of course, the premise is that you are familiar with WeChat You have a certain understanding of the small program development framework, because the development process involves data interaction and data display. I think you all know these, so you can ask our back-end programmer Wang and product designer Wang to develop it with us. Be creative.

Personal recommendation

◉If you want to become a qualified front-end developer, it is essential to know or understand a back-end development technology, and you must learn it, because although Today's front-end technology is developing faster and faster, and frameworks are emerging one after another. However, if you carefully understand a framework, you will find that the design of each front-end framework has something in common, and each front-end technology is an extension of the back-end language. concept.

Use of artifact function

www.coolsite360.com/

Personal public account: Front-end person

The above is the detailed content of Share a small program development artifact. For more information, please follow other related articles on the PHP Chinese website!