Tag: responsive

Graduation project – Python graduation source code case design based on HTML5 responsive design of Django shopping website

Python_Django_HTML5_shopping Python based on Django shopping website HTML5 responsive design graduation source code case design Development technology: Python + Django framework + mysql database Development tools: PyCharm A shopping website built using the MVC framework, using the Bootstrap framework at the front desk, with two identities: administrator and user! After registering and logging in, users […]

Validity test of new responsive image attributes srcset, sizes, and media

1. Write in front Test time: 2018/3/28 Testing tools and methods: Firefox developer edition-responsive design mode of mozila browser 2. Knowledge points involved CSS Media Queries-MDN Responsive images – srcset and sizes attributes Responsive images English information 1 English information 2 3. Summary of test items and results (1) Test pictures (100px, 300px, 600px, 800px) […]

React implements a waterfall flow component (TypeScript) that supports width responsiveness, supports any number of columns, supports bottom loading, and has good TS type support

1. Preface Waterfall flow is a very common layout that can be used on both mobile and PC. Its main feature is that each element has the same width but unequal height. (For example, when we visit Taobao, the product display is a waterfall flow) If the waterfall flow only uses CSS, the effect is […]

UnityC# started from scratch to complete a mouse-responsive click backpack/pause panel system, using Horizontal layout group and Aspect radio components to complete the UI design

Editor structure The top layer of the UI is a Canvas used to render the Image, button and TextMeshPro below. Below by: PauseSelectionHightTabPanel containing the Button portion of the UI Composition of each Button A ButtonGameObject as the parent object and a TextMeshPro as the child object. Each Panel is an EmptyObject with a HorizontalLayoutGroup […]

Vuejs design and implementation – responsive solution for ref original value

Foreword Welcome to follow the public account of the same name “Panda’s Cat“. Articles will be updated simultaneously, and you can also quickly join the front-end communication group! Primitive values refer to values of Boolean, Number, BigInt, String, Symbol, undefined, null and other types. In JavaScript, primitive values It is passed by value, and reference […]

[The art of thinking in responsive programming] (4) Understand the integration of concurrency and flow from the game of masturbation

[Abstract] This article is the study notes of the article Rxjs Reactive Programming – Chapter 3: Building Concurrent Programs. Sample code is hosted at: http://www.github.com/dashnowords/blogs 1. Highlights Try to avoid external states In basic functional programming, pure functions can ensure that the constructed data pipeline gets exact and predictable results. Reactive programming has the same […]

Reactive(2) Responsive Streaming and Milk Factory Business

Table of contents Let’s talk about responsiveness again Why do web back-end developers have no feeling for Reactive? Reactive Stream supported by Java 9 example summary Further reading Let’s talk about responsiveness again In the previous article, From Reactive Programming to “Hollywood”, I talked about some concepts of responsiveness, which was a bit divergent. But […]

[The art of thinking in responsive programming] (3) The algebraic theory Monad behind flatMap

[Abstract] This article is the study notes of this article Rxjs Responsive Programming – Chapter 2: In-depth Study of Sequences. Sample code is hosted at: http://www.github.com/dashnowords/blogs 1. Highlights Some basic operators used in this article: map – mapping filter-Filter reduce-finite column aggregation scan-unlimited column aggregation flatMap-flattening operation (key point) catch-catch errors retry – Sequence retry […]

[The art of thinking in responsive programming] (5) Application examples of Rxjs in Angular

【Abstract】 Basic application of Rxjs in angular This article is the study notes of this article [Rxjs Responsive Programming – Chapter 4 Building a Complete Web Application]. Sample code is hosted at: http://www.github.com/dashnowords/blogs 1. Highlights RxJS-DOM In the original example, this library is used for DOM operations. The author took a look at the github […]