For this assignment, I want you to produce a mockup of an online magazine site. This exercise will have five pages and will be completely responsive, adapting to screen size and device. The magazine focus is up to you. Make it realistic. If you like bicycles, make it a cycling magazine. If you like soccer or food, […]
Author: km
Categories
Open Source Images
The following is a list of places you can find open source images for your projects. Copyright conditions may apply. These can include considerations such as commercial vs personal usage, or attribution required or optional, etc. Unsplash: very high quality images. Copyright free: No restrictions on usage. Searchable. Pixabay: Copyright Free, Attribution not required. Searchable. […]
For this exercise, you will create a one-page layout. Please download the files you will need for the exercise: the screenshots the images The images in the layout in the screenshots will be different than the supplied images. Do not worry about that. There is not a starter HTML or CSS file. Instructions on what […]
For this exercise, I want you to make a Responsive HTML & CSS Resumé It must be a single page of HTML and a single CSS file. It will list: This could include a picture, or references, links to work you have online (such as portfolio sites), links to LinkedIn profiles, etc. The main concern […]
First, please watch these Loom videos in the order implied by the numbers in their titles. Then download the starter files for the exercise. After opening the project in your code editor, you’ll see two html and two css files. The html and css files are actually identical. Task One Using the HTML & CSS […]
First please download these files. Included in the files you downloaded is a screenshot file from a previous version of the exercise, but please ignore that. In this exercise, you will mark up and style a single page with a lot of information about the great Nigerian musician Fela Kuti. I have recorded a series […]
In this exercise, you will write a WordPress theme to output content the way it appears in the screenshots. Initial Setup For this exercise, please download the starter files and the screenshots collection. Then please download this starter theme to start the project. If this is an exam, you must use this exact downloaded theme […]
Other Parts of the Site The single view of any post will show the feature image, the title, the content, and the category. Obviously, in single view, the feature image or title should not have a link to the single view. It will look like this on small screens: feature image, title, content And it […]
Categories
WordPress Theming Exercise: “The Day”
Starter Content First please download and install the duplicator archive that’s for this exercise. Check the version of PHP your MAMP is using. Make sure that you create a new admin account as part of the installation. Starter Duplicator Package (php 8) Starter Duplicator Package (php 7) Screenshots Here is a collection of screenshots. Starter […]
For this code challenge, download this zip archive. Open the index page in a browser. It will look like this: Your task: in the scss partial _your_work.scss, edit a single css selector: main make the page look like this, but only above 1000px page width (click image for full size). Limitations: You cannot edit the […]