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

Advertisements

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.

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

 

 

TA’ing my first Girl Develop It course

Image of Skin on Macbook

I’ve been a member of the Philadelphia chapter of Girl Develop It for over a year and I’ve taken quite a few great classes over that time. Intro to Python, Intro to jQuery, Responsive Web Design 101, JavaScript for Beginners and Intro to Git & Github. With all this learning paired with the Web Design Professional program I’m currently in, I thought it was time for me to test out what I really know about HTML and CSS.

I contacted one of the chapter co-leaders and asked if I could volunteer as a teaching assistant (TA) at the Build Your Own Website: Intro to HTML & CSS course. She was more than happy have me help and welcomed me aboard. The days leading up to the course, I’d reviewed the slide deck and worked through the code examples to build my web page. I didn’t want to be caught off guard with a question about something that was in the slide deck that I was unfamiliar with. This was my opportunity to brush up on floats and positioning!

The course was over the weekend and it covered a lot of the basics of HTML & CSS; from the history of HTML to the tools used to create a website; from tags and attributes to CSS rules and positioning; by the end of the class, attendees were able to code out their own web page.

As a TA, my job was to float around, check on progress and answer questions that anyone had about the content or the assignments. As hands raised or inquisitive looks appeared on faces, I addressed each one as best I could. Listening was one of the skills that got the most work. Understanding the questions that were presented to me and then being able to communicate effectively on how to resolve the issue was very rewarding. Even on those questions I didn’t quite have an answer for (vendor prefixes and text-decoration-color), I researched the answers and was able to show (using Codepen) how and why something worked the way it did.

Grid of student images

GDI students hard at work

I got a chance to speak to most of the attendees throughout the course and share a little bit about how I’ve learned what I’ve learned thus far. The ‘wow’ moments when a student was able to ‘get it’ or when a student saw Codepen for the first time to telling another student where I got a particular sticker from that was on my MacBook, I got to share a little bit of me with each interaction.

I can’t wait for the next time I can TA a course. I really enjoyed it and I hope I was able to help make someone’s learning a little bit easier. It was just as helpful for me as well.