- Download WebStorm for Linux platform: https://www.jetbrains.com/webstorm/download/download-thanks.html?platform=linux
- Extract the archive using
sudo tar xvzf WebStorm-2019.3.3.tar.gz -C /opt - Rename the folder
sudo mv WebStorm-193.6494.34/ WebStorm - Start it
cd WebStorm/bin && ./webstorm.sh - Add shortcut from within WebStorm interface: Open Tools -> Create Desktop Entry
View fedora-31-install-webstorm.md
SiamKreative
/ building-cordova-apps-fedora-31-draft.md
Created Jan 31, 2020
Building Cordova apps on Fedora 31
View building-cordova-apps-fedora-31-draft.md
Installing and configuring Docker
Install Docker
sudo dnf config-manager --add-repo https://download.docker.com/linux/fedora/docker-ce.repo
sudo dnf makecache
sudo dnf install docker-ce
Install Docker-Compose
SiamKreative
/ resume.json
Last active Dec 17, 2019
View resume.json
| { | |
| "basics": { | |
| "name": "Julien Vernet", | |
| "label": "Product Manager & Project Manager", | |
| "picture": "https://siamkreative.com/images/avatar@2x.jpeg", | |
| "email": "julien@vernet.me", | |
| "phone": "0874994525", | |
| "website": "https://siamkreative.com/", | |
| "summary": "Multidisciplinary problem solver and inventor, I specialize in Agile Product Development, User Experience and Project Management.", | |
| "location": { |
SiamKreative
/ mobile.php
Last active Aug 29, 2019
View mobile.php
| ```php | |
| <?php | |
| // Specific style for iPhone | |
| if( $detect->isiOS() && !$detect->isTablet() ) { | |
| // This fixes position of the bottom bar on iOS 12.4 and above | |
| echo "<style type='text/css'>#nm5viewBtmHolder { position: fixed; bottom: 0; width: 100%; }</style>"; | |
| } | |
| ?> |
View ga-snippet.html
| <!-- Google Analytics --> | |
| <script> | |
| (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | |
| (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | |
| m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | |
| })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); | |
| ga('create', 'UA-XXXXX-Y', 'auto'); | |
| ga('send', 'pageview'); | |
| </script> |
SiamKreative
/ README.md
Last active Jan 9, 2017
Boostrap 4 Navbar Fixed to top. Placement using JavaScript
View README.md
What Is This?
This is for the fixed to top version of the Boostrap 4 navbar. Instead of setting the padding and top position in CSS, let's use JavaScript to get it dynamically.
How To Use?
It is best to use the pure JavaScript version. It will be executed earlier since it does not require jQuery to be loaded. The vanilla JavaScript version can be used in the <head> section.
If you are a performance concerned developer, your scripts are probably in the footer just before </body>. Therefore, there might be a slight delay before the jQuery snippet is executed. This can lead to elements jumping around...
View sublime_key_bindings.json
| [{ | |
| "keys": ["f12"], | |
| "command": "chain", | |
| "args": { | |
| "commands": [ | |
| ["reindent", { | |
| "single_line": false, | |
| "detect_indentation": false, | |
| "tab_size": 4, | |
| "translate_tabs_to_spaces": true |
SiamKreative
/ wpbp-grid.php
Created Jun 15, 2016
Behance Portfolio for WordPress - 4 Columns Layout for Boostrap Themes http://codecanyon.net/item/behance-portfolio-for-wordpress/7123148?ref=themeavenue
View wpbp-grid.php
| <div id="<?php echo $project->get_field( 'id' ); ?>" class="col-sm-3 wpbp-mix <?php echo $fields; ?>" data-pubdate="<?php echo $project->get_field( 'published_on' ); ?>"> | |
| <figure> | |
| <a class="wpbp-project-imglink ta-modal-launch" href="#wpbp-project-<?php echo $project->get_field( 'id' ); ?>"><img src="<?php echo $project_cover; ?>" alt="<?php echo $project->get_field( 'name' ); ?>" class="img-responsive"></a> | |
| <figcaption> | |
| <div class="wpbp-valign"> | |
| <div class="wpbp-valign-inner"> | |
| <div class="wpbp-project-title"><?php echo $project->get_field( 'name' ); ?></div> | |
| <div class="wpbp-project-fields"><?php echo implode( ', ', $project->get_fields() ); ?></div> | |
| <a class="wpbp-project-more ta-modal-launch" href="#wpbp-project-<?php echo $project->get_field( 'id' ); ?>"><?php echo $button_label; ?></a> | |
| </div> |
SiamKreative
/ as_custom_fields.php
Created May 27, 2016
Awesome Support - Register a custom field after the plugin is safely loaded
View as_custom_fields.php
| <?php | |
| /** | |
| * Register all custom fields after the plugin is safely loaded. | |
| */ | |
| add_action( 'plugins_loaded', 'wpas_user_custom_fields' ); | |
| function wpas_user_custom_fields() { | |
| if ( function_exists( 'wpas_add_custom_field' ) ) { | |
| wpas_add_custom_taxonomy( 'my_custom_services', array( 'title' => 'My Custom Services', 'label' => 'Service', 'label_plural' => 'Services' ) ); | |
| } | |
| } |
SiamKreative
/ websafefonts.js
Created Apr 8, 2016
Web Safe Font Combinations. Based on http://www.w3schools.com/cssref/css_websafe_fonts.asp
View websafefonts.js
| jQuery(document).ready(function ($) { | |
| var select = $('#taed-font-family'); | |
| var fontTypes = []; | |
| var fontsOptions = ''; | |
| $.getJSON('/websafefonts.json', function (json) { | |
| $.each(json.fonts, function (type, fontArr) { | |
| fontTypes.push(type); | |
| $.each(fontArr, function (index, font) { | |
| fontsOptions += '<option value="' + font + '" class="fonttype" data-type="' + type + '">' + font + '</option>' |
NewerOlder