So long to Colorstock

I just got an email that Colorstock is shutting down on March 31st. If you didn’t know, Colorstock was a site that curated stock photos featuring woman of color in tech. Since 2015, they’ve offered royalty-free stock photography under the Creative Commons License. These photos filled a void for writers and content makers to offer diversity in the images they published.  As the sun sets on this much needed service, we bid them adieu and wish them well. We can still access their photo album on Flikr.

 

All photos are by Women Of Color in Tech licensed under the CC 2.0

Advertisements

Lorem Ipsum 2.0

As as you’re building your website, you’re going to need some filler images and content to make the site look like a ‘real’ site. Seeing how image sizing and the text wraps on a page helps you make better styling decisions.  Gone are the days of boring Latin text that your eyes can’t glide across without making grammatical correction in your head. I bring you my favorite lorem ipsum text generators.

Bob Ross

giphy1

Barack Obama

obama

Jules from Pulp Fiction

giphy2

Beyonce’

The Wire

 

giphy

 

DJ Khaled

DJ Khaled

The Best Placeholder site on the Internet: Beyonce’

Scott Hansleman did a blog post on “The Internet’s Best Placeholder Image Sites for Web Development“, years ago, but I guess the best placeholder image site hadn’t been created yet. Well, here you are ladies and gentlemen, I give you, Beyonce!

http://placebeyonce.com/

Beyonce
BeyonceBeyonceBeyonce

Thanks, Chris!

Now, go forth and put Bey wherever you need her!

Oh, and here are a few more.

https://picsum.photos/

https://fakeimg.pl/

Another Free Image Site: Pixabay

I’ve talked about free images sites in the past, but here is a new one that just came across my desk.

I’m watching a tutorial by Rachel Andrew and she just mentioned a free image web site I’d never heard of, Pixabay. Stop by and take a look at the beautiful photography and feel free to use them in your site without attribution(but it is appreciated) or royalty. All images and photos on Pixabay are released under the Creative Commons License, so use in a commercial or printed material is OK.

Be sure not to hotlink, just download the images and use them on your site where you need them.

Here is a sample of some of the gorgeous images:

 

P.S. Another free image site just popped up, Pexels. Check them out also.

10th Annual BarCamp Philly: My discussion on Self-Care

Here is the slide deck from my discussion on Self-Care at BarCamp Philly
#BCPHILLY
#BCPHILLYSelfCare

It was less of me talking at them, but more of a discussion on how we can be more aware of our well-being, protecting our minds and our bodies from the effects of being sedentary. We know what we should do, most of the time but it’s up to us to make time and take time for ourselves.

//platform.twitter.com/widgets.js

//platform.twitter.com/widgets.js

//platform.twitter.com/widgets.js

//platform.twitter.com/widgets.js

//platform.twitter.com/widgets.js

//platform.twitter.com/widgets.js

//platform.twitter.com/widgets.js
//platform.twitter.com/widgets.js

//platform.twitter.com/widgets.js

Suggestions for Coding Exercises

Photo of a wall with 2 clocks and a sign that reads, Ask more questions.

Someone posted a question in a Facebook group I belong to. She asked,

Does anyone have a set of favorite coding exercises that they do every day?

-T.W.

So many great responses were given, I had to share them (and save them).

One fellow mentioned that he practices CRUD each day.

One thing I am doing to help PHP concepts stick is by building forms. Form building in any language incorporates CRUD (create, read, update, delete) and doing it on a regular basis will help you gain knowledge of use of things like arrays, global variables, and building databases in MYSQL.

-E.S.

I’m saving these here for future reference. I don’t know about the validity of any of the services, but I’ve heard about quite a few and they are pretty solid from what I hear.

The more you code, the more you retain.

I’ve had a very productive Fall learning about Web Development

I’ve been a very busy girl this fall. Immersing myself into all things web development has all but consumed me. I’ve gained a few pounds, missed several workouts and my meal prep is all but non-existent. However, don’t pity me, be happy for me! I’ve been getting busy, learning so much about so much, I don’t know where to start.

I guess starting at the beginning of the semester is a good place.

This fall, I took a Usability and User Experience class. We learned theory of UX, lo-fi and hi-fi prototyping, colors, story boards, icon design, user testing, onboarding, style guides and so much more. Our final project was an app rebranding for a bike share company.

The instructor, Michael Estok, was a joy to learn from. He works full-time as a freelance UX designer in the Philadelphia area. I took this class because the one I wanted to take wasn’t being offered, and I’m very glad I did.  He made UX approachable, fun, social and less of a mystery. I’m not the design-y type, but he encouraged and pushed us all into making some pretty cool projects.

App loading screen

Loading Screen

Here is my final project.  I passed the class!

Also on my schedule this fall was classes with GDI. I’m a member of Girl Develop It Philly and I TA’d my first class this fall. I also took a few classes with them. I took Intro to Git & Github and HTML/ CSS 202: Flexbox Layouts.  I met some nice ladies and was introduced to Github! How DOPE is that!

I also gave my 1st talk!!! I attended BarCamp Philly and threw my hat in the ring to give a talk. Thanks Michael for bringing it up just 2 days before. I faced a room full of people who came to hear me (ME!!). My topic was called, ” If you sit at a screen all day, what is your self-care regimen?”. If I was going to say anything, it was going to be something that is familiar to me.  I was nervous, chatty, but the group was fun and very engaged. after 45 minutes, I survived! We came up with a great list of things we could all do to raise our wellness IQ (see below). At the end, we stretched.  The sounds and groans of stiff bodies warmed my heart! They listened and even learned a thing or 2.

 

//platform.twitter.com/widgets.js

Self-Care Regimen

While this was going on,  I also signed up for Coursera’s Full Stack Web Development Specialization online. With a 6 course program at $79 per course, I needed to make sure I did some coding while I waited for my next CS class to come along.  I liked that it was project based. I had to turn in something each and every week along with reviewing the code of 3 or more other students in the course with me.  I took the HTML, CSS and JavaScript course first. It was interesting. I  made a few simple projects and even learned a few things. The most recent class was Front-End Web UI Frameworks and Tools. Before this class, I’d never used Bootstrap! Where has it been all my life. I’ve heard the term used and I never ‘got it’! I am truly a convert. What a quick and easy way to get a site up and running FAST & RESPONSIVE!

HTML, CSS and JavaScript Certificate

Front-End Web UI Frameworks and Tools Certificate

I’m taking a week off to decompress. The next course is Front-End JavaScript Frameworks: AngularJS.  Let’s see what unfolds.

During the week off, I’ll be clicking around JavaScript30, knocking out some of those projects, or at the very least, looking at some really cool code. Also, checking out this course on Udemy, JavaScript: Understanding the Weird Parts.  Yeah, right.. week off!

*Update*

I found out the course I really wanted to take next semester isn’t available. I just signed up for a class at the local community college to take Java I.  I’m considering getting my Masters in Computer Science, but since I was a business major, I have quite a few prerequisites to make up.

  • 1 year of Java
  • 1 year of Calculus
  • Data Structures
  • and many more

Classes I need to take before the Masters in Computer Science

I’ll putz around the next year or so and decide what’s next. In the meantime, I have so much learning to do. Let’s see what unfolds.

Here are some links we covered in UX