Final Exam My Code

A couple of people were asking for original code that I created.

Please remember that this is just one way of coding the given page. There are multiple ways of creating the code for the given example. Some of them my be less efficient than what I did, and some of them may be more efficient.

Link to zip with my code in it. CLICK HERE

Tutorial – Monday Dec. 11

On Monday, I will be hosting a tutorial session at my office in Manhattan. I run the NYC office of a software training and consulting company called the American Graphics Institute (AGI).

Location:
AGI Training @ Workhouse NYC
21 West 46TH Street
9th Floor

Date & Time:
Monday December 4
5PM – 7PM

Note:
To get to the 9th floor where AGI training is located you have to go to the main Workhouse NYC office on the 16th floor and they have to send you down to the AGI office on the 9th floor.

Alternately, you can call my cellphone 917-797-0414, and I will come down to the lobby and bring you up.

Tutorial Session – Monday Dec. 4

On Monday, I will be hosting a tutorial session at my office in Manhattan. I run the NYC office of a software training and consulting company called the American Graphics Institute (AGI).

Location:
AGI Training @ Workhouse NYC
21 West 46TH Street
9th Floor

Date & Time:
Monday December 4
5PM – 7PM

Note:
To get to the 9th floor where AGI training is located you have to go to the main Workhouse NYC office on the 16th floor and they have to send you down to the AGI office on the 9th floor.

Alternately, you can call my cellphone 917-797-0414, and I will come down to the lobby and bring you up.

The modern web design process

The modern web design process

Web designers often think about the web design process with a focus on technical matters such as wireframes, code, and content management. But great design isn’t about how you integrate the social media buttons or even slick visuals. Great design is actually about creating a website that aligns with an overarching strategy.

https://ebooks.webflow.com/ebook/the-modern-web-design-process?ref=webdesignernews.com

Photoshop is Not a Design Tool

These are some articles that discuss Photoshop’s use as a tool in both web and software design. The main thrust of these articles is that Photoshop is not really a web or software design tool and is at best a mock-up tool. Some of them suggest alternative software that fits better into software development workflows and some discuss the concept of designing in code, or designing in browser.

 

Photoshop is not a design tool.

It is a communication tool.
I have spent my entire professional career sweating the intricacies of Photoshop, practising and perfecting my workflow in order to produce the ‘ultimate’ presentation of design, for myself and the people I work with.

https://medium.com/the-grid/photoshop-is-not-a-design-tool-10489d3cc430

 

Photoshop’s Role in a Web Design Workflow

The web has undergone some serious changes in recent years and the way in which the web is designed is changing along with it. Photoshop may still be the “go-to” tool for many web designers, but for some, Photoshop is no longer king.

https://design.tutsplus.com/articles/photoshops-role-in-a-web-design-workflow–psd-25137

 

8 Reasons to Stop Using Photoshop For Web Design

Judging by the amount of love it gets in all the design media, it seems like Photoshop is the perfect design tool. Designers and Photoshop go together like Peanut Butter and Jelly, it’s the holy grail of design productivity, you can use it to build anything your heart desires, and it will slice, dice, and make you a sandwich while walking your dog and waxing your car.

http://marktimemedia.com/7-reasons-stop-using-photoshop-web-design/

 

To Photoshop, or not to Photoshop for Responsive Web Design?

The world wide web is ever changing and as designers it’s important we remain eager to stay up to date as much as possible. This can be as exciting as it is terrifying!

http://dock9.com/latest/to-photoshop-or-not-to-photoshop-for-responsive-web-design

 

Responsive Web Design in the Browser Part 1: Kill Photoshop

If you’re like me, then you’ve had a love/hate relationship with Photoshop for almost a decade. The software is bloated, it crashes right at the moment you forgot to hit save, and it produces a design that is nothing more than a useless and non-functioning image to send to clients. Despite loathing the software that is the staple of our industry, we can’t live without it. High fidelity mockups have spoken in a way that we just can’t beat with any other applications… until now. Let’s explore the next stage in the evolution of the web and one where Photoshop is a waste of our valuable time. Here’s how to kill Photoshop and do responsive web design in real-time with the only app we need: the browser.

http://blog.teamtreehouse.com/responsive-web-design-in-the-browser-part-1-kill-photoshop

 

The Ultimate Guide To Designing In The Browser

There are various ways to build a website or web app. We all learned about the traditional waterfall which used to be “standard” in most companies. And now there’s “design in the browser” concept which makes web design workflows much simpler and leaner.

The Ultimate Guide To Designing In The Browser

Free Invision App Account

Powerful design prototyping tools

Get high-fidelity in under 5 minutes. Upload your design files and add animations, gestures, and transitions to transform your static screens into clickable, interactive prototypes.

Link to Invision App Student signup

http://www.invisionapp.com/education-signup

You need this code: 56-73-13-19

If you are using Sketch or Photoshop to create your graphics and prototypes: https://www.invisionapp.com/craft

New design content on DesignBetter.co
Discover, Learn, Innovate
https://www.designbetter.co/

Understanding CSS Grid Layout

Practical CSS Grid: Adding Grid to an Existing Design

Eric Meyer

Grid allows us to literally define column and row grid lines, and then attach elements to those lines in any order we choose. That may sound like tables, but Grid is so much more than tables ever dreamed.  It means more responsive layouts, far more accessible documents, and far cleaner markup than even floats and positioning ever afforded us.

https://alistapart.com/article/practical-grid