This pen shows how the CSS clip-path property can be used to create a variety of shaped gradient borders.
A Pen by Nils Hoffmann on CodePen.
| #!/usr/bin/env bash | |
| # - Easy Configuration -------------------------------------------- | |
| SCREENSHOT_DIR=/Users/nhoffmann/Screenshots | |
| OLDER_THAN_DAYS=30 | |
| # - Additional Software ------------------------------------------- | |
| # → Ensures that the software can be executed from the CRON Job | |
| # see https://github.com/julienXX/terminal-notifier | |
| NOTIFIER=/usr/local/bin/terminal-notifier |
| <div style="height: 100vh; width: 100vw; display: flex; align-items: center; justify-content: center"> | |
| <h1 style="font-size: 5em">Unsupported Browser</h1> | |
| </div> |
This pen shows how the CSS clip-path property can be used to create a variety of shaped gradient borders.
A Pen by Nils Hoffmann on CodePen.
A simple solution to creating a glitched text solution using only one text tag and some SCSS, using randomized animations. Commented for easy viewing.
A Pen by Nils Hoffmann on CodePen.
| package de.god.foss4all.maven.plugin.validator; | |
| import java.text.MessageFormat; | |
| /** | |
| * Exception if object validation is fail in {@link ObjectValidator}. | |
| */ | |
| public class ObjectValidationException extends RuntimeException | |
| { | |
| /** |
| try { | |
| Class util = Class.forName("com.apple.eawt.Application"); | |
| Method getApplication = util.getMethod("getApplication", new Class[0]); | |
| Object application = getApplication.invoke(util); | |
| Class params[] = new Class[1]; | |
| params[0] = Image.class; | |
| Method setDockIconImage = util.getMethod("setDockIconImage", params); | |
| URL url = App.class.getClassLoader().getResource("icon.png"); | |
| Image image = Toolkit.getDefaultToolkit().getImage(url); | |
| setDockIconImage.invoke(application, image); |
| @NgModule({ | |
| imports: [ /* ... */ ], | |
| providers: [ | |
| { | |
| provide: HTTP_INTERCEPTORS, | |
| useClass: GlobalHttpInterceptor, | |
| multi: true | |
| } | |
| ], | |
| bootstrap: [AppComponent] |
| class ListToMap | |
| { | |
| public static <TYPE> Map<Integer, TYPE> convert(final List<TYPE> pList) | |
| { | |
| return IntStream.range(0, pList.size()) | |
| .boxed() | |
| .collect(Collectors.toMap(Function.identity(), pList::get)); | |
| } | |
| } |
| <div class="center-wrapper"> | |
| <span class="is-typed"> | |
| Hello World! | |
| </span> | |
| </div> |