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
Link to final exam content:
https://drive.google.com/file/d/1OLtHJKaC9otd7_VVBsskggMY_ktRFwTd/view?usp=sharing
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.
This is the main part of the final exam. The image has been updated slightly form the one viewed in class. Some colors and other visual formatting have been changed.
Link to full size image: click here
Link to full size image: click here
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.
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
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.
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
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
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/
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
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
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.
https://usersnap.com/blog/guide-designing-in-the-browser/
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/
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.
The OpenLab is an open-source, digital platform designed to support teaching and learning at City Tech (New York City College of Technology), and to promote student and faculty engagement in the intellectual and social life of the college community.
