background preloader

Emmet — the essential toolkit for web-developers

Emmet — the essential toolkit for web-developers

Related:  GraphismeSoftware tools

About gists Gists are a great way to share your work. You can share single files, parts of files, or full applications. You can access gists at Every gist is a Git repository, which means that it can be forked and cloned. The gist editor is powered by CodeMirror. What is Unified Modeling Language (UML)? UML, short for Unified Modeling Language, is a standardized modeling language consisting of an integrated set of diagrams, developed to help system and software developers for specifying, visualizing, constructing, and documenting the artifacts of software systems, as well as for business modeling and other non-software systems. The UML represents a collection of best engineering practices that have proven successful in the modeling of large and complex systems. The UML is a very important part of developing object oriented software and the software development process. The UML uses mostly graphical notations to express the design of software projects. Using the UML helps project teams communicate, explore potential designs, and validate the architectural design of the software.

Top Graphic Design Trends 2018: The Ultimate Guide In the era of digital art, graphic design trends can evaporate as quickly as they emerged. What has been modern for the past few years may look entirely outdated in 2018. While some trends have stood the test of time, others have vanished in the blink of an eye only to make room for new modern looks.

Compound Interest Calculator How compound interest works Compound interest is simple: It’s the interest you earn on both your original deposit and on the interest you continue to accumulate. Compound interest allows your savings to grow faster over time. In an account that pays compound interest, the return is added to the original principal at the end of every compounding period. That's typically daily or monthly. Each time interest is calculated and added to the account, the larger balance results in more interest earned than before.

Google Slides vs PowerPoint: A Battle (Not) Worthy of Fighting PowerPoint has been the worldwide leading presentation software for over 30 years now. Compared to PowerPoint, Google Slides was introduced only a few years ago but have been steadily gaining speed until then. Today, both software programs are widely used and almost equally popular among users across the globe (for reference, check out the graph below). Final Thoughts Before Signing Off for the Year Two December’s ago, I finally took my friend Paul’s lead and spent the month offline. I checked Instagram occasionally, but the blog, Twitter, etc. all went quiet. Not surprisingly, I can still remember moments from that month vividly. 30 Free Google Slides Templates For Your Next Presentation Google Slides Logo Update 12/13/2019: We added 5 more free Google Slides as a bonus! Scroll down to check them out. Google Slides templates have been gaining popularity more and more in the last few years as an alternative to PowerPoint. The cloud-based software used for presentations comes with plenty of opportunities and convenient features for the modern users saving them time and effort in the busy day-to-day schedules.

20 best and worst fonts to use on your resume – Learn Before you even walk into a job interview you’ve made a first impression on the interviewer. How? Through your resume. RxJS API Document Creates an Observable that emits events of a specific type coming from the given event target. Creates an Observable from DOM events, or Node.js EventEmitter events or others. fromEvent accepts as a first argument event target, which is an object with methods for registering event handler functions. As a second argument it takes string that indicates type of event we want to listen for. fromEvent supports selected types of event targets, which are described in detail below. If your event target does not match any of the ones listed, you should use fromEventPattern, which can be used on arbitrary APIs.

Reading the RxJS 6 Sources: Map and Pipe - Angular In Depth *Disclaimer: This series is just my notes as I read through the RxJS sources. I’ll provide a summary of the main points at the end of the article, so don’t feel too bogged down with the details. Welcome back. Today I’m very excited, because I’m finally going to dig into how pipe is implemented in RxJS. This article will start with an overview of how map and pipe work, and then will delve into the RxJS sources. In the last article, I looked into the of method for creating an observable.

More Meaningful Typography We have all heard of the golden mean (also known as the golden ratio or golden section): the self-replicating page with a proportion of 1:1.618 that is said to be found in everything from the design of ancient Greek architecture to the growth patterns of plants. Article Continues Below This and other meaningful ratios rooted in geometry, music, nature, and history can be expressed as modular scales and put to work on the web. Fig 1: A simple modular scale: 10@1:1.618

Learn Creating a setTimeout Observable – Asynchronous Programming in JavaScript (with Rx.js Observables) Transcript from the "Creating a setTimeout Observable" Lesson [00:00:03]>> Jafar Husain: Let's do you setTime out as an observable. I'm just gonna create my handle and call. Actually, I'm just going to take this code right here, paste it in. However, instead of just calling some arbitrary handler, inside of here, we're just going to call observer on next. Modularscale How do I use this? Use a scale like you would use a ruler. Many people set heading type sizes with numbers from a scale, but that's just one possibility. You can use a scale to measure or set the size of any element or negative space in a composition — including grids, and the overall dimensions of the composition itself. What’s a good base?

selectionChange does not emit for default option in mat-select - Angular Material I want to trigger a callback (or emit event) when mat-select is initialised with default value. Please see below template - <mat-form-field> <mat-select [(value)]="selectedSearchView" (selectionChange)="onSelectionChange($event)" > <mat-option *ngFor="let view of searchViews; let i=index" [value]="view"> {{}} </mat-option> </mat-select> </mat-form-field> Is there a way to call onSelectionChange($event) when mat-select is initialised? asked Dec 27 at 14:05