Execute the following commands to install Node, npm, git, Java, Ionic, Cordova and Angular CLI:
cd ~
sudo apt update
sudo apt upgrade
| ; Wordfence WAF | |
| auto_prepend_file = '/srv/www/example.com/current/config/wordfence-waf.php' | |
| ; END Wordfence WAF |
| tail -f -n 450 storage/logs/laravel*.log \ | |
| | grep -i -E \ | |
| "^\[\d{4}\-\d{2}\-\d{2} \d{2}:\d{2}:\d{2}\]|Next [\w\W]+?\:" \ | |
| --color |
| # WEB | |
| WEB is a recursive acronym. WEB stands for WEB Editor Bookmarklet. | |
| WEB is a minimalistic HTML, CSS, and JavaScript CodePen-like web editor that fits inside a bookmarklet. | |
| # Usage | |
| Every time you edit the HTML, CSS, and JavaScript in the top three boxes, the result gets evaluated. | |
| # Sharing | |
| Click the share button in the bottom right to copy the contents of your WEB onto the clipboard for sharing. |
| <?php | |
| use Illuminate\Support\Facades\Schema; | |
| use Illuminate\Database\Schema\Blueprint; | |
| use Illuminate\Database\Migrations\Migration; | |
| class CreateCsvDataTable extends Migration | |
| { | |
| /** | |
| * Run the migrations. |
| <?php | |
| /** | |
| * Save the image on the server. | |
| */ | |
| function save_image( $base64_img, $title ) { | |
| // Upload dir. | |
| $upload_dir = wp_upload_dir(); | |
| $upload_path = str_replace( '/', DIRECTORY_SEPARATOR, $upload_dir['path'] ) . DIRECTORY_SEPARATOR; |
| <div id="app"> | |
| <textarea name="second" id="second" cols="30" rows="10" v-model="second"></textarea> | |
| <textarea v-model="secondToHMS" name="hms" id="hms" cols="30" rows="10"></textarea> | |
| </div> |
| // References used: | |
| // - https://yesviz.com/devices.php | |
| // - https://ricostacruz.com/til/css-media-query-breakpoints | |
| // - https://tailwindcss.com/docs/responsive-design/#customizing-breakpoints | |
| screens: { | |
| '2xs': { min: '300px' }, | |
| xs: { max: '575px' }, // Mobile (iPhone 3 - iPhone XS Max). | |
| sm: { min: '576px', max: '897px' }, // Mobile (matches max: iPhone 11 Pro Max landscape @ 896px). | |
| md: { min: '898px', max: '1199px' }, // Tablet (matches max: iPad Pro @ 1112px). | |
| lg: { min: '1200px' }, // Desktop smallest. |
After you copy a component from the Tailwind UI library and begin to adapt it from Vue JS to Alpine JS .. you may wonder what to do about the transitions. As I'm exploring this myself, I am documenting it for others in the same boat.