Skip to content

Instantly share code, notes, and snippets.

View ivo-ivanov's full-sized avatar
🚀

Ivo Ivanov ivo-ivanov

🚀
View GitHub Profile
@ivo-ivanov
ivo-ivanov / coutries-german-select.html
Last active December 17, 2019 09:13
Countries list as options in select form (german version)
<select name="countryChoice">
<option value="Schweiz">Schweiz</option>
<option value="Deutschland">Deutschland</option>
<option value="Österreich">Österreich</option>
<option value="Italien">Italy</option>
<option value="">...</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Ägypten">Egypt</option>
<option value="Aland">Åland Islands</option>
<option value="Albanien">Albania</option>
@ivo-ivanov
ivo-ivanov / modify-wpcf7-output.php
Last active November 1, 2019 11:12
Modify Contact Form 7 output with filter/preg_replace. #wordpress #wpcf7
add_filter( 'wpcf7_form_elements', 'rl_wpcf7_form_elements' );
function rl_wpcf7_form_elements( $content ) {
// replace element with preg_replace
$rl_pfind = '/<label>/';
$rl_preplace = '<label class="wpcf7-label">';
$content = preg_replace( $rl_pfind, $rl_preplace, $content, 2 );
return $content;
}
@ivo-ivanov
ivo-ivanov / add-class-wpcf7
Last active November 1, 2019 11:08
Add class to Contact Form 7 with filter. #wordpress #wpcf7
add_filter( 'wpcf7_form_class_attr', 'rl_wpcf7_form_class_attr' );
function rl_wpcf7_form_class_attr( $content ) {
$rl_formfind = '/wpcf7-form/';
$rl_formreplace = 'wpcf7-form customClass';
$content = preg_replace( $rl_formfind, $rl_formreplace, $content );
return $content;
}
@ivo-ivanov
ivo-ivanov / os-detect.js
Last active November 3, 2019 09:10
Detecting Operating System with Javascript #javascript #jquery
// Detect OS and set body class
var OSName="os-unknown";
if (navigator.appVersion.indexOf("Win")!=-1) OSName="os-windows";
else if (navigator.appVersion.indexOf("Mac")!=-1) OSName="os-mac";
else if (navigator.appVersion.indexOf("X11")!=-1) OSName="os-unix";
else if (navigator.appVersion.indexOf("Linux")!=-1) OSName="os-linux";
$('body').addClass(OSName);
@ivo-ivanov
ivo-ivanov / force-ssl.htaccess
Created November 18, 2019 19:09
Force loading https #httacces
RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
@ivo-ivanov
ivo-ivanov / email-validation-regex.js
Last active April 27, 2022 20:06
RegEx email validation #javascript #regex
/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
// testing a string
var PatternEmail = new RegExp('');
var str = '[email protected]';
var res = PatternEmail.test(str);
console.log(res);
@ivo-ivanov
ivo-ivanov / custom-gutenberg-category.php
Last active December 17, 2019 09:13
Create custom block category. #wordperss #gutenberg
function custom_block_category( $categories, $post ) {
return array_merge(
$categories,
array(
array(
'slug' => 'custom',
'title' => __( 'Custom Blocks', 'custom-blocks' ),
),
)
);
@ivo-ivanov
ivo-ivanov / functions.php
Last active December 22, 2019 14:22
Custom color swatches filter for ACF Color field. #wordpress #acf
function custom_acf_swatches() {
?>
<script type="text/javascript">
(function($) {
acf.add_filter('color_picker_args', function( args, $field ){
// add the hexadecimal codes here for the colors you want to appear as swatches
args.palettes = ['#2facbf', '#474747'];
@ivo-ivanov
ivo-ivanov / google-map.php
Created December 23, 2019 12:40
Google map for acf google map field #wordpress #acf #gmaps
<h1><?php the_field('marker','option'); ?></h1>
<?php
$location = get_field('google_map');
if( !empty($location) ):
?>
<div class="acf-map vv">
<div class="marker" data-lat="<?php echo $location['lat']; ?>" data-lng="<?php echo $location['lng']; ?>"></div>
</div>
<?php endif; ?>
@ivo-ivanov
ivo-ivanov / hide-landscape-phone.css
Last active April 17, 2021 12:21
Hide all content on mobile landscape and show icon. #css #mediaqueries
/* disable mobile phone landscape */
@media only screen and (max-device-width: 820px) and (orientation: landscape) {
body {
width: 100%;
height: 100vh;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNzggMTc4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNzggMTc4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBmaWxsPSIjRDJEMkQyIiBkPSJNODguNywxNzAuNUgzMi42Yy0wLjYsMC0xLTAuNC0xLTFWOTUuMWMwLTAuNiwwLjQtMSwxLTFoNTR2LTcuNUgxNWMtOC4zLDAtMTUsNi43LTE1LDE1VjE2MwoJCQljMCw4LjMsNi43LDE1LDE1LDE1aDg2LjdDOTYuMSwxN