jentanbernardus

Working Components of Front-end Architecture

Code

• HTML5/WAI-ARIA
• CSS/Sass Code standards and organization
• Object-Oriented approach (how do objects break down and get put together)
• JS frameworks/organization/performance optimization techniques
• Asset Delivery - Front-end Ops

jentanbernardus

Merging branches via command line

If you do not want to use the merge button or an automatic merge cannot be performed, you can perform a manual merge on the command line.

Step 1: From your project repository, bring in the changes and test.

`` git fetch origin git checkout -b branch-name origin/branch-name

jentanbernardus

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 100;
  font-display: swap;
  src: url("font-files/Inter-Thin.woff2?v=3.11") format("woff2"),
       url("font-files/Inter-Thin.woff?v=3.11") format("woff");
}
@font-face {

jentanbernardus

{
  "basics": {
    "name": "Jentan Bernardus",
    "label": "Web Developer",
    "summary": "I’m a full stack web developer who can build apps from the ground up. I've worked mostly at startups so I am use to wearing many hats. I am a very product focussed developer who priotizes user feedback first and foremost. I'm generally very flexible when investigating new roles. ",
    "website": "https://jentanbernardus.com",
    "email": "jentanbernardus@gmail.com",
    "location": {
      "city": "Curacao",
      "countryCode": "CW"

jentanbernardus

sublime-text 3 plugins

• Package Control NB: after restarting sublime, go to Preferences -> Settings and check the user settings. If Package Control is in ignored package delete from it and save the file.

• Space Gray theme

• Random Everything

• Side Bar Enhancements

• Bracket Highlighter

• Gist

jentanbernardus

Javascript API

The Javascript API exposes the following methods to the global object HS.beacon. You can use them to control your Beacon programmatically, both in modal and popover mode.

.ready( )    
.open( )    
.close( ) 

jentanbernardus

<!-- Countdown dashboard start -->
		<div id="countdown_dashboard">
     
      <!--<h1>jQuery Countdown</h1>-->
      <hr class="light">
			<div class="dash weeks_dash">
				<span class="dash_title">weeks</span>
				<div class="digit">4</div>
				<div class="digit">6</div>
			</div>

jentanbernardus

//Disable the dashboard welcome screen
//This will only hide the panel, not replace it with any other content.

add_filter("get_user_metadata", "my_own_welcome_panel", 1, 4);
function my_own_welcome_panel($null, $object_id, $meta_key, $single) {
  if($meta_key === 'my_own_welcome_panel') { return 0; }
}

jentanbernardus

<a href="#" id="toggleButton">Click Here</a>
<div id="toggleSection">      
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript" src="js/toggle.js"></script>

jentanbernardus

<?php // custom functions.php template @ digwp.com

// add feed links to header
if (function_exists('automatic_feed_links')) {
	automatic_feed_links();
} else {
	return;
}