スキップしてメイン コンテンツに移動

投稿

ラベル(CSS)が付いた投稿を表示しています

[CSS] Can't scroll to top by align-items:center of flexbox

Intro I showed some elements center with flexbox. And I wanted to make scrollable when a text what was in an element was long. Environments PostCSS ver.7.0.32 Autoprefixer ver.9.8.0 Samples package.json { "scripts": { "css": "npx postcss src/pcss/*.css -c postcss.config.js -d dist/css -w" }, "browserslist": [ "last 2 versions" ], "dependencies": { "autoprefixer": "^9.8.0", "postcss": "^7.0.32", "postcss-cli": "^7.1.1", "postcss-import": "^12.0.1", "precss": "^4.0.0" } } postcss.config.js module.exports = { plugins: [ require('autoprefixer')({ "grid": true, }), require('precss') ] } main.html <!DOCTYPE html> <html lang="en"> <head> ...

[Angular] Sending file with Observable and showing loading screen

Intro When I tried sending file data on last time, I had confused with "promise.then", "async/await" and "Observable". [Angular][ASP.NET Core] Upload chunked files So I wanted to distinct them, and this time, I tried to use "Observable" because HttpClient return Observable<any>. Call observables in order I sended file in these steps. Read file by FileReader Create directory for saving chunks send and saving chunks merge chunks to one file and delete chunks Each steps used the former steps result. So I could write by Promise.then like below. this.executeStep1() // return Promise<UploadResult> .then(result => this.executeStep2(result)) // return Promise<UploadResult> .then(result => this.executeStep3(result)) // return Promise<UploadResult> .catch(reason => console.log(reason)); Result I could write with pipe & flatMap. file-uploader.service.ts public upload(file: File): Observable<U...