My Web Journey Thus Far Short Version.

Time Flies

Who could of imagined 11 weeks of intermediate web-design would feel like a years worth of learning? Not me.

Spring Ahead


The switch to beginner to intermediate is a pretty big leap of information that I could of never imagined. Now I am learning how computer science fits in to the big picture. It makes sense. Since recently, I have been listening to Ed Snowden’s book Permanent Record on audible loan from my local library. I highly recommend it if you haven’t heard it already had a chance to listen or read it this spring season as a nod to a new awakening or greener field.

Computer SASS

None the less, computer programmers have been scripting code for computers to do their work for a while. It makes sense especially when dealing with a huge project. At this point in my web-design journey I wonder if I will use it. I feel it is too much of a technical path to go down and use. I am at a point, I am tired of having a digital lifestyle in terms of using so-called smart devices. I honestly want a beeper/pager again. It’s two fold- screen calls and a voicemail.

Keener Insight

The one exception that peaks my interest is web-design. So far learning the basics of lay-out- flex, grid, positioning and in relation to responsive design has opened my eyes to a whole new aspect of seeing web-design online. I am also am stoked that I learned the Span tag is an inline element that can be used as a div. I am finding myself revisiting old notes and revised a way to keep track of all my projects now too. These are important in terms of saving time and not spinning my wheels. I am finding the tidbits of information starting to add up. Now, I need to revisit to see how it adds up while I practice my mark-up and styles. I have a note by my desk now– Inheritance, Cascade, and Specificity. I also now have a greater appreciation for typography. I feel like I need to round up my top ten stable type-faces on hand to use at any time instead of having to search to what feels endlessly because of all the options.

The Journey Continues

The journey is exciting. I can’t wait for the summer to be able to get my artist website updated. First and foremost to solidify my organization skills and notes for this class. I am working on 6 different mind maps for different projects, which is also kinda exciting to be able to manage other outside projects while getting my web work accomplished.

DESIGN FOR EVEYTHING

Imagine having to design for like 30 screens, that’s a lot of work and a waste of time. Responsive design helps make designs for all screen sizes. I understand now why the professor said to start at the mobile level first and work yourself up. Make sure you have the important things like font, color, padding, images down. Tip: Don’t give elements specific heights and widths because then you will have problems and have to add a lot of code. Then start adding media queries for responsive design.

Creating Decorative Shapes with CSS

There are many ways to utilize CSS in your designs. From text treatments to colors and images, the possibilities are endless! However, you can also create simple graphics in your design with just CSS. Let’s take a look at how it’s done!

Continue reading “Creating Decorative Shapes with CSS”

1 + 1 = 3 or Ask-A Friend

Some how, some way synergy became the grandfather of bad business words.  Is it because it has been so overused at meetings and by project managers that us worker bees feel beaten to death by it?   Today it seems like it is just raw filler because management needs a word to push us around with.  

Continue reading “1 + 1 = 3 or Ask-A Friend”

ADDING MEDIA QUERIES

This week were learning how to put our websites to fit into mobile devices, tablet, desktop, anything to show to it will look on the screen whether its straight, vertical, and horizontal.

This is the code in adding media queries for websites @media only screen and (min-width:700px){ } then input where it says “700px” and put the size of the website you want people to be viewing and add different styles for each viewing for if its a mobile devices, tablet, or a desktop.

CSS Media Queries for Beginners: Breakpoints, Max-Width, Min-Width, and More – YouTube I was referred to watch this video to get use to media queries and how to properly use them.

Why you should make Mobile-Fist A Priority?

Mobile-first design is a web development strategy that considers the mobile user’s needs first. It creates a better experience for these users by starting the design process from small screens instead of the other way around. So instead of creating a desktop website and then forcing it to fit into a mobile phone, you start with a small screen. Also, let me assure you, it’s much easier to scale up to big sizes than scale down from big design elements to small ones ensuring that your user’s experience is seamless across devices.

Continue reading “Why you should make Mobile-Fist A Priority?”

Absolute Figma Basics

I tried learning Figma in a couple hours I thought I was doing well until I needed to add another section. Most of the tutorials I found were based on a multiple page website or just one page with one section so after a few hours I figured out how to design the website in figma file. So here is some absolute basic starting things to know:

Continue reading “Absolute Figma Basics”

figma or adobe xd…

which do you prefer? Figma or Adobe XD?

I learned to love using Figma to do my design. At first I found it hard and as I keep using it it became easy and so much fun for me. The tools are very few and quick. Really you won’t find any unnecessary tools.

Sharing and exporting your work is also an easy task on Figma. Seriously this design and prototype app is just fun to use.

I have also tried the Adobe XD and to be honest I got frustrated exploring the app. It was difficult (for me) to start and what to do next. I don’t know if it was really just a little bit more complex to use than figma or maybe I just was not interested to learn it because I already have my heart set on using the other app I am comfortable using.