wordcamp

Donuts and Business Cards: WordCamp 2018 Day 2

Posted on Updated on

At 9:30am on 4/29/2018, I attended Donuts and Business Cards Presented by Rise Donuts, at the 2018 Raleigh Wordcamp Convention in the Engineering Building I of North Carolina State University in Raleigh, NC.

Donuts and Business Cards: WordCamp 2018 Day 2

I Came to enjoy Rise Donuts, and network with your fellow attendees. This social event took place in the main sponsor area near the registration desk. It was nice in the morning to talk with the WordCamp volunteers before most people showed up.

I would like to take a second to compliment Rise Donuts. If you know me, you may understand that I am Big and Cheap. Similarly, I recognize quantity over quality as the deciding factor more often than not. I prefer to be full rather than piqued. The first donut I had was crusted with nilla wafers, filled with fresh whipped creme, and tasted of light banana. It was a banana pudding donut! I’d never enjoyed anything like that in a donut before, so that was a clear winner for the day.

vishaal.khandoobhai@patheon.com may be interested in contacting students about intern or entry-level possibilities, so that’s a nice perk.

I’ll be honest, I went back for another banana pudding donut. 

I had an opportunity to assist Annick Lenoir-Peek of https://www.thecommontraveler.net/ which you can visit at: The Common Traveler  She was an excellent individual with a really nice blog on her website. I had a chance to see a few of the articles, maybe you will have a look.  🙂

I think this’ll be a great day!

Advertisements

I Know I should use SVGs, But I Don’t Know How

Posted on Updated on

At 9:15am on 4/28/2018, I attended I Know I should use SVGs, But I Don’t Know How, Presented by Colin Lord of Pressable, at the 2018 Raleigh Wordcamp Convention in the Engineering Building II of North Carolina State University in Raleigh, NC.

I Know I should use SVGs, But I Don’t Know How

Using SVG images are a lot like going to the gym. We all know we *should* be using them when we write our front end code, but we end up putting it off for another project down the road. And when SVGs are used, they are often implemented in a way that doesn’t unlock their full potential.

During this presentation, I hope we’ll discuss the best practices for SVG implementation and how they vary depending on the size and audience of your site. Perhaps we will also go through what an SVG sprite is, how to create one, and why they’re awesome. According to Advanced Web Ranking.com, only 3% of sites on the internet use this technique…but 97% of browsers support it!

After this talk, I hope to be ready to work on SVGs effectively.

Everything we’re talking about will work on wordpress 4 & 5

The slides will be available. The Coke bottle is an SVG, and it means there are notes in the slides

These Image types have been available over the last 10 years.

 

SVG Compliment the other image types. You won’t stop using the others. there are 3 types we use, but there’s room for a 4th.

SVG files are smaller than jpg, png, gif

The logo for this company is either 0.5kb or 12kb depending on file type. That’s a dramatic savings on file type. Also,they are HDPI ready. They don’t have to be saved as a 2x, 3x, and you are future saving as well.

At a larger size, there is no difference in quality, but this is not true with bitmap graphics. Vector graphics do not increase in file size and no loss in quality. This is opposite with raster graphics.

 

What’s the browser support like?

the only red column is IE8. Unless you are worried about old IE versions, it works across the board, and works with CSS grid. They are easy and efficient to animate, giving more framerate and can manipulate it with CSS and javaScript. One SVG with javascript inside. Rather than exporting 365 graphics, a single SVG can be used for a whole calendar.

Chris Coyier Practical SVG is a fine book. This book is about creation, export, advocation on SVG at the 4th graphic type.

 

How do we use them correctly and efficiently?

there are ways to use this correctly and incorrectly. Photoshop can export anything as an SVG. Bitmaps (raster) is not a good SVG image. Once exported how can you use them:

You can treat it like any other image, and it will be treated the same way. Its pretty simple to put them into a webpage. The logo has size advantage and will be used well on any

Image is not loaded into the DOM. It just sees the size as a square. SVG at its core is just code, so you can load it into the dom

This gibberish all came out of illustrator. SVG vectors are really just a lot of math. How do we get on this? This is horribly against several brand guidelines. You can use any CSS, color change, states, etc. You can open the SVG in any text editor, and then post this item into the HTML

It is clear why to use that: there is so much to take advantage of.

rather than consider how much it is to deal with those items, this would be ridonkulous. To fix that, we use the SVG Sprite.

These are less important and people have pushed them out of style. It was tedious and not fun. You create and image window and long background image. It slides around as needed.

Here’s a basic example:

children inside the SVG sprite are symbols, and we give a name or ID inside for each. we use the name SVG- at the front so that we are not confused with it as a CSS Class. The viewbox here is the spacing. The title tag may or may not come with titles out of illustrator. The main takeaway is that the title may be something you wish to add yourself.

An SVG sprite is something we’re not displaying, but we’re putting symbols in in the code.

CLient logo, search and star are being used here. top images are at bottom of <header.php> file. Stars are only on the profile pages.

Social media icons can use a single sprite. You only need to link to it a single time.

this is all relegated to a file (erb?) which can be somewhere on the page

There are more ways, but these are 4 easy ones which we can use. There are more which can be used and they don’t always work well, such as SVG Injector

WIth this, we load the library. Anywhere we use Inject-Me class, the Image.svg is removed and the new items are added in the place at a browser and server level. The problem, it loads the image twice. First it loads the page, loads the javascript, loads the images again. That means we see the images show up, remove, show up again.

If the client saw it, that’s bad. Also not a good performance trick. Of the 4 examples we’ve discussed, there hasn’t been a time when the materials didn’t work properly.

Use FontAwesome. Load it into your site. Use them in your site. The iconset is fantastic.

Look at the material here. The HTML method (97% of use) has the most red X in them. Before you go down that road, its how many people use it, but its very, very limited.

 

The takeaway here: There’s a place for a 4th file type here.

Slides at bit.ly/wcraleigh-svg

 

 

The Logitech Spotlight (works with bluetooth and also dongle) was used in this presentation, and it was fantastic!

Exporting from illustrator?

Use the web-optimized version so that you keep things clean and clear

Colin Lord

Colin Lord is a Senior Front End Developer for Modea in Blacksburg, Virginia. He has spent the last three years working in the healthcare industry for the Vanderbilt University Medical System, the Duke University Health System, and Carilion Clinic. Before that, he spent time in the music industry building sites for artists like Brad Paisley, Garth Brooks, Imagine Dragons, and The Band Perry. Other clients that have crossed his path are Verizon Wireless, ADT Home Security and DirecTV.

Opening Remarks: Wordcamp Raleigh Convention 2018

Posted on

At 9:15am on 4/28/2018, I attended the Opening Remarks, Presented by Bridget Willard of Pressable, at the 2018 Raleigh Wordcamp Convention in the Engineering Building I of North Carolina State University in Raleigh, NC.

Opening Remarks: Wordcamp Raleigh Convention 2018

The first part of the opening remarks were begun by Ben Silver. He began by telling a story of his first wordpress camp. In this talk, in the opening remark, a newbie interrupted to ask the main speaker “How do I FTP into my website?”. This is a major faux pas. Its important to note that you should not interrupt the speaker in a small room. You shouldn’t interrupt the keynote speaker at any time, and you shouldn’t ever interrupt a woman-his wife taught him that…

He stopped the story to let us imagine how the main speaker reacted to an almost instant interrruption.

5 Quick Things To Note

There is a code of coduct here– its on the website. Should we need this? not really, but we do have it. Make sure you adhere to it. This event is about the community, not the speaker and not you individually. If you feel the session isn’t y0ur speed, do what needs to be done and then consider visiting the happiness bar for individual assistance.

There is an After Party at the Raleigh Beer Garden. Its not a techbro spot. Why did we choose this venue? Well, it was free. The beer is great. Lots of beer, inside there are multiple floors, outside there is plenty of places. All ages are welcome, it’s all inclusive. Come join us from 7-9pm at Raleigh Beer Garden.

There is a conference tomorrow here. Its called “Wordcamp” and we encourage everyone to attend. There are donuts and other breakfast items for those not into wheat and gluten and things that are sweet. Its in EB1 where we registered for this conference. Typically the event crowd drops off drastically in the second day, but we encourage you all to attend. There are great speakers.

This is an all-volunteer organization. In the past we has several different tracks: developer, business, designer. The workshops were often seen as too X for the X track. Naming after flowers allows each person to gauge what’s right for them. Please enjoy the topics you like and ensure that you can have some time to meet with everyone. Ask lots of questions and contribute when and if you can.

This is a volunteer run conference, and it cannot be run without sponsors. Please visit our sponsors and see if and how you can use their services. Without their help, this conference would not be possible. Meet them, see how they can help you, and sing their praises. There will be giveaways at the closing remarks.

 

Finishing the story.

As he waited for the impact to happen, Ben was worried about the fire that might rain down. But, it turns out the result surprised him heavily and reacted in a way that no other conference speaker might.

The speaker did 2 things:

  1. The way she responded was not angry, but rather very excited with a huge smile on her face. The smile didn’t say “I’m going to enjoy ripping you apart” but more “I’m going to be the one who gets to show you how to login to your website’s FTP!”
  2. Her words were kind: “This is not the best time to answer that now, but this would be a great way to meet at the happiness bar later and I’ll show you in person on your laptop.”

Rather than focus on the negative aspect of the interruption, she focused on the joy of working with wordpress, the ease with which it could be done, and the helpful nature of this conference. The goal here is to treat everyone well.


You Can’t Have A Thriving Codebase Without A Thriving Community

The Open Remarks were completed by Bridget Willard

Bridget Willard is a marketing consultant and educator with a passion to help small businesses. She began in construction, and worked in franchise development, nonprofits, and tech. She is known for her brand building for Riggins Construction and GiveWP.

She is the co-host of WPblab, a show on the WPwatercooler network, co-organizer of Women Who WP Meetup, and Marketing Team Rep for Make WordPress.

She writes about social media and WordPress on her site at bridgetwillard.com and teaches social strategy on her YouTube channel.

 

What does code have to do with community?

WordPress is part of the free opensource software movement. There is no one paid to update, train, create, market, etc. The entire ecosystem is run by volunteers. The thriving codebase requires a thriving community. There is more than just a core.

Open Source projects depend upon a volunteer-based workforce-you

She was at wordcamp and decided to go to a movie, but she was a introduced to a marketing team. She felt perhaps she didn’t belong as a writer, but they made her feel at home and asked her to consider volunteering. They asked her to help write emails and she did. At another wrodcamp, she was recruited as one of the loud marketers. She led an event. Later, a staff member went on sabbatical and she was asked to take over a team. In this fashion, things seem to slowly snowball into greater effectiveness. This is probably very similar to the way many of you have approached your business careers.

If you feel burned out, its time to take a break. Its really ok

The volunteer community is made to ebb & flow. Its just volunteer work. Do your best, but don’t beat yourself up. That is the main part of her talk.

Let’s talk about perfection

Be professional, but don’t stop and don’t beat yourself up in order to do well. This is a volunteer organization, and many aspects of what we do as designers, builders, and makers seems to point to our perfective nature. But software is agile and not released in perfection, so how can we be perfect as users? Well, perhaps we can be, but that’s no reason to drop from the face of the earth because of it.

Accounting demands perfection, and you would not believe how long they look for a penny. In perfection if something is missing, the whole thing doesn’t work and is a failure. So let things go, but understand that sometimes you cannot help yourself.

Remember this mantra:

  1. Progress is better than perfection
  2. Done is better than perfect
  3. Something is better than nothing

What Really Matters

Communication with your clients and your loved ones only matters, because of your relationships. Relationships are the only things that really matter. Communicating, doing what’s best for your client, doing YOUR BEST for the client, being there for whoever needs you- That matters.

Consider An -ER Approach

Rather than obsess over being smart, fast, etc., take an -ER approach. Work to be smartER, fasterER, etc. the suffix -ER implies that progress is being made. It doesn’t lock you into failure for reaching some hypothetical approach.

FAILURE

In times of trouble, we feel like a failure because we feel pain. Athletes are praised for enduring pain. When we feel as though we cannot go on, we feel the failure hit us like a hammer. When it happens to an athlete, you see them shake their bodies, push them to their limits and beyond, and then they collapse. And for some of us its like that. We wake up in the morning, examine ourselves, shake our bodies off and go to work with a fake face on. We work all day like its no problem and then we come home and just collapse.

We feel like we cannot feel pain, cannot get help, cannot rely or even tell others about our pain. Our bodies know what to do. Tears contain cortisol, a hormone which accompanies stress. We release it, and feel somewhat better, but we might be too afraid to do even that. Give yourself permission to feel pain, to let it go, to release it and keep going, but sometimes even that may not be enough.

If that happens or if you feel its happening, get help. Your pride could be keeping you from success.

Financial Health

Stop undercharging for your services. Raise your hourly rate. People do not know how long it takes you to do things. Breathing costs you something.

It is imperative that you cover these three things

  1. Believe you are worthy
  2. understand your costs
  3. Be open to business Ideas

Say to yourself “I am Awesome. I love Me.” Know that there is a mind/body connection.

If you find that you are open to the business ideas, more business will come. If you are doing something for a client for free, give them a full invoice, but zero it out. Present them with the piece when its done along with a polite note: This item has been completed for free, THIS TIME.

For instance, Bridget Willard wanted to write for a twitter feed, but there was no content. She asked for a bio, and the client didn’t want to write one. She offered to write them a bio for  $25 dollars and now she’s done that for 16 clients. by saying “I Only Do This” you close yourself off to numerous ideas and opportunities.

Closing Remarks

Goals are massive. Make sure that you have actionable goals with incremental progress. Incremental progress is the key. Rather than say I’m going to drop to 200lbs, say I’m going to drop 5 pounds. If you want to change, change 1 thing. The future awaits, one step at a time. Its OK to fail, but push yourself without beating yourself up.

Managing Your Iceberg

Posted on

At 9:30am on 4/23/2017, I attended Managing Your Iceberg, presented by Cory Miller, at the 2017 Wordcamp Conference in Raleigh, NC

Managing Your Iceberg

Cory opened by telling us that we’d be hearing some very personal things. Entrepeneurship is the hardest and most rewarding job there is. When looking at the important info, he came to this idea of the iceberg.

The tip we see is seunchine and success – everything is awesome. Below the waterline, struggle and suffering – all the stuff I bury & hide from everyone. Anger, stress, frustration, jealousy, competition,. conflict, loss, insecurity, criticism, failur, fear, etc. You’re not alone.

For the man’s life in 2010-2011, so much was going on in his business life, that everything was coming up roses. However, there were numerous items under the surface which was tearing his life apart.

Today, things are slightly different. He has a 4-year old child just like him, and a 2-year old child just like his wife. And, certainly being a parent is the most frustrating job which has ever existed. They are the greatest joy in life, but they are also the greatest trouble. 🙂 Its worth it though

Same Problems, Different Names

We have to learn to be human. You’re a real person, you have emotions. Let’s not hide the human experience, lets not sweep it under the rug (let’s NOT do this on facebook). Be Human with others, and you’ll get human back. SOmetimes its not always awesome, but it is real. There are too many opportunities to be robotic or inhuman. If you aren’t being human or acting it, you’re missing out.

What holds us back

Self defense, fear, ego, pride, shame, embarrassment, guilt… these things hold us back. In short, a superhero syndrome. That he may not want anyone to help him, that he could take it all on. The right people rushed in to help him when he let it out.

How to navigate the iceberg NOW

Its all about relationships and people. Those who rush in, while everyone else runs out. Those are the helpful ones. For us viewers, if everything in your world got turned upside down, WHO would you need? Things will go wrong. When everything hits the fan, who is there to help you make it through.

Your significant other- your first and essential partner. Your counselor- someone who you may not have to ask to pass you your favorite dish at thanksgiving.

My iceberg group

Safe group of like-minded, value-aligned people on a similar path. What’s the why? The learning, growth, accountability, support you need to keep you afloat. Its ok to have a uniform group #2, and iceberg friends that help to keep you afloat. I hate the term “mastermind group”. To get them, find those who are trusting and respect, confidentiality, no pillow talk. Learn and grow, not there to sit and gloat, and able to receive Empathetic support and not be jealous or judgemental. Empathy is not sympathy. its walking in one another’s footsteps without judgement.

Wysiwyg, shed the masks and costumets. Share the iceberg, the higest highs and lowest lows. Parallel stories offered, but not arrogant advice. More often than not, we want your story, not to be told things as advice. Give me the story and I’ll draw my own conclusions.

It starts with you

Be proactive and start herding cats. Start today. be open and honest, but have mutual trust and respect with CIA-level secrecy. There are plenty of support groups for problems which are specific, but not exactly one for LIFE.

Start simple and build from there. Dedicated meetings regularly. Monthly by phone, zoom, whatevery works. Once a year, have a retreat, and add new members.

If you want to go fast, go alone. If you want to go far, go together. THis has been tweaked to:

if you want to go miservable and lonely, go alone. If you want to go supported and happy, go together.

Success = 3 things you’re grateful for, and your support team.
Struggle = what’s holding you back, your fears, whats keeping you up at night or giving you heartburn

Cory Miller is a former newspaper journalist turned full-time entrepreneur. In 2008, he started iThemes, one of the first commercial product companies in WordPress, that now offers key products like BackupBuddy, iThemes Security and iThemes Sync. Named the 7th fastest growing company in Oklahoma City in 2011 by the Metro 50, iThemes employs over 20 people around the globe with headquarters in Oklahoma City. In 2011, he co-founded The Div, Inc, a nonprofit tech foundation aimed at inspiring and training the next generation of web developers through its kid’s program, Div Jr. He is the co-author of WordPress All-in-One for Dummies (Wiley, 2011) and is a member of the Oklahoma chapter of Entrepreneurs’ Organization, a network of over 8,000 entrepreneurs in 40 countries with companies that have revenue over $1 million dollars annually. He blogs regularly about entrepreneurship and career advice here at CoryMiller.com. He is married to Lindsey Miller, who is the Partner Manager at Liquid Web. They have an adorable son named Caloway and a little sweetheart daughter named Lillian.

Wordcamp Opening Keynote: Seven Stories, One Point with Chris Lema

Posted on Updated on

At 9:15am on 4/22/2017, I attended Where’s The Wordcamp Opening Keynote, presented by Chris Lema, at the 2017 Wordcamp Conference in Raleigh, NC

Wordcamp Opening Remarks: Seven Stories, One Point

Opening remarks were given by Ben Merideth, and Chris Lema immediately began with a story. A texi driver saw smoke and called the fire department, who had already received 6 calls. There were no sprinklers, no clearly marked exits. 10 people died. People from the 6th, 5th, 4th, 3rd, 1st floor were easily evacuated. the 10 were trapped in the bathroom on the 2nd floor. It was not an issue of evacuation, windows or bars, but what was it that caused the problem.

Here he stopped the story, and gave a small motivational talk about how easy it can be to get intimidated. And there is really no reason for that. lunch was the hardest– because he didn’t know anyone. Its easy to be intimidated because you don’t know or are unsure. All of that is normal. Its easy to get intimidated. Here’s seven stories with one point.

In the community, you will find people who are smarter than you, disappointed in you, ignoring you. Chris grew up with a brother who was smarter than him. In the workplace, we see people smarter than us all the time. the important point is to avoid the negative self-talk. There are people within any community who will have expectations that you cannot hit. Certain expectations are good. Others are not. Especially when the expectations are based only on someone else’s expectations when they don’t know you. Others may ignore you. In the community, it is easy to be intimidated when the situation is awkward.

There will be people who highlight your mistakes. Turning on debugging is like bringing in your worst nagging. After dropping a plug-in, he was given numerous mistakes in return. This is especially true in the opensource community. People will take any chance to make adjustments. You can’t take that specifically to your heart. Don’t forget that you can delete comments. At Chrislema.com I used to think that was wrong. But if you want to pontificate, go somewhere else. Others will hustle more than you. A friend runs wpbeginner.com , and he’s 20yrs younger than him. People push harder, work harder, than you. You should be able to hustle smarter, or just less, but that’s ok. Others will disagree with you. 6 months ago, Chris quit his job at Crowd Favorite. Others disagreed, telling him that he can’t quit a job while you have no plan. He took about 9 months with cigars in hot tubs. There are tons of problems that open source isn’t solving. Its hard to find free workers on large projects when there’s no payout at the end. Everyone says “There’s no way”. So he joined a hosting company called Liquid Web. He gave them a roadmap and they agreed.

THe point here is that there’s always going to be someone who disagrees. The suggestion or trick here? GET INVOLVED. Get involved and keep showing up. All the stress and narratives go away. “When its your turn to be picked, you have to be within pointing distance”. You have to go to where the action is, because at some point the older people die off. And you have to be in pointing distance, keep showing up. Don’t get distracted, don’t copy/paste. without context, its all a sham.

Comparison Kills

Why did they die in the restaurant n 1979? why would they have a problem exiting the restaurant? it was 1:30pm. THey had eaten their lunch, but hadn’t gotten their bills. THey didn’t want to be first to leave. The peer pressure caused the smoke inhalation to kill them. Comparison kills. If it doesn’t kill you physically, it can kill you emotionally. Don’t let comparison or someone else’s ideas govern what you can or can’t do.

Its easy to get intimidated, let someone’s beliefs or actions get you down. THis can be intimidating, but comparison kills and this is your show. Engage, get involved, and you’ll defeat that intimidation.