Anonymous
Not logged in
Talk
Contributions
Create account
Log in
Publication Station
Search
Editing
Text And Code: Alice's Adventures in Computerland
(section)
From Publication Station
Namespaces
Page
Discussion
More
More
Page actions
Read
Edit
History
Warning:
You are not logged in. Your IP address will be publicly visible if you make any edits. If you
log in
or
create an account
, your edits will be attributed to your username, along with other benefits.
Anti-spam check. Do
not
fill this in!
=== Class 2 === This class you will practice the art of reading documentation by adding fonts, filters and animations. Next to this we practice reading and stealing code by adding filters (and a search) to your project. # Add highlight functionality AND/OR a search ## Check out the example code in the /final folder ## Add highlight buttons AND/OR search field to your own project ## Create a nice looking menu with CSS Grid # Make the grid responsive ## Check out the example code in the /final folder ## Change the CSS grid so that it is responsive # Loading of fonts ## Pick some nice [https://fonts.google.com Google Fonts] ## You can also use [http://fontmap.ideo.com/ FontMap] to explore Google fonts ## Read [https://www.freecodecamp.org/news/how-to-use-google-fonts-in-your-next-web-design-project-e1ad48f1adfa/ this documentation] on implementation ## Add the fonts to your project # '''Bonus:''' CSS filters and animations ## Read the [https://developer.mozilla.org/en-US/docs/Web/CSS/filter filters documentation] ## Read the [https://developer.mozilla.org/en-US/docs/Web/CSS/animation animation documentation] ## Add an animation to your own project
Summary:
Please note that all contributions to Publication Station are considered to be released under the Creative Commons Attribution-NonCommercial-ShareAlike (see
Publication Station:Copyrights
for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource.
Do not submit copyrighted work without permission!
Cancel
Editing help
(opens in new window)
Navigation
Main navigation
Main page
Printmaking Studio
Print Studio
Dig. Publishing Studio
Namespaces
Grafiwiki
Random Page
Log in
Wiki tools
Wiki tools
Page tools
Page tools
User page tools
More
What links here
Related changes
Page information
Page logs