A presentation I'm giving tomorrow to our Kids' Coding Club, a group of tweens who come to Pasadena Public Library to learn about coding and computer science.
April 2014- Here is a session I did at The Iron Yard in Durham for their one of their kids classes. We dove into HTML basics and the kids wrote some of their first lines of code.
A university lecture for journalism students -- how to use the canvas element to add graphics and animation to Web pages. Updated April 2014. Basics for beginners. See also https://github.com/macloo/canvas
In this slide, we will discuss about what are css, html and also javascript. These three languages are very powerful and must be mastered and understood by all programmers and "hackers".
This slide will give you a clear view on what are they and their functions. Please note that, this slide does not teach you how to write/program them. This slides is completely for any levels.
1) Easy to understand.
2) Comments are included to make you understand better!
3) Ready to go for any presentation.
4) Full of informations
5) Small but powerful
What makes it interesting?
- These languages are used in every websites on the internet.
Why them?
- Seek for yourself in the slide
Web Visualization with HTML5, CSS3, and JavaScript is the course with the rapidly changing web
development technologies, it has become important to stay in line with them to progress within the industry,
which is why this course in web virtualization has been brought to you to spruce up your web designing and
animating skills using HTML5, CSS3 and JavaScript. The latest features of HTML5, CSS3 and JavaScript is set
to be provided to you through this course, hence, it is desired that you have basic knowledge on these
programming languages for a smoother learning experience.
This course will start off by walking you through the CSS3 virtualization techniques to design and
animate webs. You will be taught how to create a 3D element using CSS transition and to transform animates
into 2D and 3D, along with an insight into the elements of scalable vector graphics which is needed to create basic
images and polygons and to animate.
Our tutors will further take you through the canvas aspects of HTML5 to start drawing grids and
animations using it. You will also get to learn how to create a callback and create and activate a queue that is
needed in animating and the animation libraries that will be essential to your web designing projects. By the end
of this course, you will have an outstanding knowledge of web visualization using HTML5, CSS3 and
JavaScript to secure yourself a prominent place within the web development industry.
April 2014- Here is a session I did at The Iron Yard in Durham for their one of their kids classes. We dove into HTML basics and the kids wrote some of their first lines of code.
A university lecture for journalism students -- how to use the canvas element to add graphics and animation to Web pages. Updated April 2014. Basics for beginners. See also https://github.com/macloo/canvas
In this slide, we will discuss about what are css, html and also javascript. These three languages are very powerful and must be mastered and understood by all programmers and "hackers".
This slide will give you a clear view on what are they and their functions. Please note that, this slide does not teach you how to write/program them. This slides is completely for any levels.
1) Easy to understand.
2) Comments are included to make you understand better!
3) Ready to go for any presentation.
4) Full of informations
5) Small but powerful
What makes it interesting?
- These languages are used in every websites on the internet.
Why them?
- Seek for yourself in the slide
Web Visualization with HTML5, CSS3, and JavaScript is the course with the rapidly changing web
development technologies, it has become important to stay in line with them to progress within the industry,
which is why this course in web virtualization has been brought to you to spruce up your web designing and
animating skills using HTML5, CSS3 and JavaScript. The latest features of HTML5, CSS3 and JavaScript is set
to be provided to you through this course, hence, it is desired that you have basic knowledge on these
programming languages for a smoother learning experience.
This course will start off by walking you through the CSS3 virtualization techniques to design and
animate webs. You will be taught how to create a 3D element using CSS transition and to transform animates
into 2D and 3D, along with an insight into the elements of scalable vector graphics which is needed to create basic
images and polygons and to animate.
Our tutors will further take you through the canvas aspects of HTML5 to start drawing grids and
animations using it. You will also get to learn how to create a callback and create and activate a queue that is
needed in animating and the animation libraries that will be essential to your web designing projects. By the end
of this course, you will have an outstanding knowledge of web visualization using HTML5, CSS3 and
JavaScript to secure yourself a prominent place within the web development industry.
This is a brief introduction about HTML5. You will learn that what is new in HTML5. I will tell what and when changes happened in HTML which Hyper Text markup language. Html is a language which is used to create web pages that we have seen on the internet. For website development and web hosting visit https://tekfold.com
This is a brief introduction about HTML5. You will learn that what is new in HTML5. I will tell what and when changes happened in HTML which Hyper Text markup language. Html is a language which is used to create web pages that we have seen on the internet. For website development and web hosting visit https://tekfold.com
Embrace the Mullet: CSS is the 'Party in the Back' (a CSS How-to)Tom Hapgood
A presentation by Tom Hapgood for WordCamp Fayetteville, in Fayetteville, AR, dealing with basic Cascading Style Sheets (CSS) in web design. CSS is likened to the "mullet," being the party in the back, with HTML as the "business in the front."
This is slides for 2 hours landing page provided Le Wagon Tokyo.
material: http://lewagon.github.io/landing/
video: https://www.lewagon.com/blog/learn-to-build-your-own-landing-page-in-2-hours
Similar to Web Design Basics for Kids: HTML & CSS (20)
Slides for Pasadena Public Library's Read Around the World Book Club's discussion of the book ¡¡Manu!! by Kelly Fernández, learning about the Dominican Republic on which its setting was based, and how to make Dominican muñecas limé out of clothespins and paper.
The Turtle of Oman Discussion for Read Around the World Book ClubAnnMarie Ppl
Our Read Around the World Book Club for 3rd - 5th graders learned a lot about the beautiful country of Oman and read The Turtle of Oman by Naomi Shihab Nye.
Week one of NaNoWriMo Young Writers ProgramAnnMarie Ppl
This year at my library we did a weekly program series to encourage kids to participate in and complete the NaNoWriMo Young Writers Program! In this presentation I showed for our first week of November, we discussed the importance of having a central conflict and characters with varying intentions and motivations.
For today's Kids' Writing Workshop, I shared excerpts from five different books that are available to kids as prizes for registering for summer reading at Pasadena.beanstack.org. We learned different things from each book:
-We learned about tone from Front Desk
-We learned about motif from Gabby Garcia's Ultimate Playbook
-We learned about the hook from The Last Kids on Earth and the Cosmic Beyond
-We learned about fantasy/world-building from The Serpent's Secret
-We learned about mystery/suspense writing from Finding Mighty
Hour (and a half) of Code: Flappy Bird Games in ScratchAnnMarie Ppl
This virtual program introduced kids to Scratch and computer programming via a series of lessons on coding and experiments with failed or broken games that had one thing wrong that needed fixing. This program was presented on GoToMeeting by Pasadena Public Library's youth services librarian AnnMarie Kolakowski.
I share eleven different citizen science websites or apps that are easy to participate in and only require simple equipment like a computer/smartphone and Internet connection. Not just for kids, there are a lot of great citizen science projects here that adults can get involved in--I just curated this list to emphasize projects that are developmentally and cognitively doable for kids over the age of 8.
I created this for a webinar for the Pasadena Public Library, on May 8, 2020.
This slideshow introduced Pasadena Public Library's new Globe At Night kit, acquired through partnership with LAPL, which patrons can use to help scientists track changes in the light pollution that blocks our view of the stars.
At this year's Educator Night, we heard from the Friends of the Library, learned about databases like Flipster, Britannica School and TeachingBooks.Net, and some of the new resources and collections we've created including Mental health kits, Mental health education kits, and new STEAM kits!
I created this slideshow for a program I held at Pasadena Public Library to teach kids 9-12 years old how to make a stop-motion movie using LEGOs and iPads. We used the app Stop Motion Studio on the iPads. I showed them some cool YouTube examples, discussed some fundamentals of cinematography (thanks to the great examples in the book Brick Flicks by Sarah Herman, published in 2014 by Skyhorse Publishing), and had the kids write storyboards before starting to film their own movies. For more information about this program check out our blog: http://pasadena-library.net/kids/2019/stop-motion-lego-movies-made-by-kids
This presentation was created for our Kids' Writing Workshop for 9-12 year olds at Pasadena Public Library. We did a workshop called "Make-Believe Science," inspired by two books:
"Don't Forget to Write: For the Elementary Grades" by 826 National, and "Two Truths and a Lie: It's Alive!" by Ammi-Joan Paquette and Laurie Ann Thompson.
In these slides, the kids were presented with facts and asked to identify the one that was fake. We held votes each time. The kids liked this activity and were shocked by the many unbelievable things that were actually true.
We did a number of creative writing activities for our "Journal of Parafictitious Scientific Inquiry." The kids also were asked to research real facts and write about them while doing the "Two Truths and a Lie" exercise. Kids learned a lot of facts about the world, learned about information literacy and fact-checking, and how to present something wildly untrue in a believable way. Their imaginations and bellies got quite a workout as they were laughing a lot!
Writing a Choose Your Own Adventure Story in TwineAnnMarie Ppl
We had a writing workshop at my library about doing Interactive Fiction, and kids wrote stories that could go different ways depending on the readers' choices!
I showed this presentation to teach kids about the physics of roller coasters, the importance of starting way up high and having as much potential energy as possible, so that you can generate a high level of kinetic energy to power your car through the twists and turns. We put that learning to use making roller coasters out of pipe insulators, for marbles to coast down and loop the loop!
This slide is special for master students (MIBS & MIFB) in UUM. Also useful for readers who are interested in the topic of contemporary Islamic banking.
2024.06.01 Introducing a competency framework for languag learning materials ...Sandy Millin
http://sandymillin.wordpress.com/iateflwebinar2024
Published classroom materials form the basis of syllabuses, drive teacher professional development, and have a potentially huge influence on learners, teachers and education systems. All teachers also create their own materials, whether a few sentences on a blackboard, a highly-structured fully-realised online course, or anything in between. Despite this, the knowledge and skills needed to create effective language learning materials are rarely part of teacher training, and are mostly learnt by trial and error.
Knowledge and skills frameworks, generally called competency frameworks, for ELT teachers, trainers and managers have existed for a few years now. However, until I created one for my MA dissertation, there wasn’t one drawing together what we need to know and do to be able to effectively produce language learning materials.
This webinar will introduce you to my framework, highlighting the key competencies I identified from my research. It will also show how anybody involved in language teaching (any language, not just English!), teacher training, managing schools or developing language learning materials can benefit from using the framework.
A Strategic Approach: GenAI in EducationPeter Windle
Artificial Intelligence (AI) technologies such as Generative AI, Image Generators and Large Language Models have had a dramatic impact on teaching, learning and assessment over the past 18 months. The most immediate threat AI posed was to Academic Integrity with Higher Education Institutes (HEIs) focusing their efforts on combating the use of GenAI in assessment. Guidelines were developed for staff and students, policies put in place too. Innovative educators have forged paths in the use of Generative AI for teaching, learning and assessments leading to pockets of transformation springing up across HEIs, often with little or no top-down guidance, support or direction.
This Gasta posits a strategic approach to integrating AI into HEIs to prepare staff, students and the curriculum for an evolving world and workplace. We will highlight the advantages of working with these technologies beyond the realm of teaching, learning and assessment by considering prompt engineering skills, industry impact, curriculum changes, and the need for staff upskilling. In contrast, not engaging strategically with Generative AI poses risks, including falling behind peers, missed opportunities and failing to ensure our graduates remain employable. The rapid evolution of AI technologies necessitates a proactive and strategic approach if we are to remain relevant.
Operation “Blue Star” is the only event in the history of Independent India where the state went into war with its own people. Even after about 40 years it is not clear if it was culmination of states anger over people of the region, a political game of power or start of dictatorial chapter in the democratic setup.
The people of Punjab felt alienated from main stream due to denial of their just demands during a long democratic struggle since independence. As it happen all over the word, it led to militant struggle with great loss of lives of military, police and civilian personnel. Killing of Indira Gandhi and massacre of innocent Sikhs in Delhi and other India cities was also associated with this movement.
Introduction to AI for Nonprofits with Tapp NetworkTechSoup
Dive into the world of AI! Experts Jon Hill and Tareq Monaur will guide you through AI's role in enhancing nonprofit websites and basic marketing strategies, making it easy to understand and apply.
A review of the growth of the Israel Genealogy Research Association Database Collection for the last 12 months. Our collection is now passed the 3 million mark and still growing. See which archives have contributed the most. See the different types of records we have, and which years have had records added. You can also see what we have for the future.
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...Levi Shapiro
Letter from the Congress of the United States regarding Anti-Semitism sent June 3rd to MIT President Sally Kornbluth, MIT Corp Chair, Mark Gorenberg
Dear Dr. Kornbluth and Mr. Gorenberg,
The US House of Representatives is deeply concerned by ongoing and pervasive acts of antisemitic
harassment and intimidation at the Massachusetts Institute of Technology (MIT). Failing to act decisively to ensure a safe learning environment for all students would be a grave dereliction of your responsibilities as President of MIT and Chair of the MIT Corporation.
This Congress will not stand idly by and allow an environment hostile to Jewish students to persist. The House believes that your institution is in violation of Title VI of the Civil Rights Act, and the inability or
unwillingness to rectify this violation through action requires accountability.
Postsecondary education is a unique opportunity for students to learn and have their ideas and beliefs challenged. However, universities receiving hundreds of millions of federal funds annually have denied
students that opportunity and have been hijacked to become venues for the promotion of terrorism, antisemitic harassment and intimidation, unlawful encampments, and in some cases, assaults and riots.
The House of Representatives will not countenance the use of federal funds to indoctrinate students into hateful, antisemitic, anti-American supporters of terrorism. Investigations into campus antisemitism by the Committee on Education and the Workforce and the Committee on Ways and Means have been expanded into a Congress-wide probe across all relevant jurisdictions to address this national crisis. The undersigned Committees will conduct oversight into the use of federal funds at MIT and its learning environment under authorities granted to each Committee.
• The Committee on Education and the Workforce has been investigating your institution since December 7, 2023. The Committee has broad jurisdiction over postsecondary education, including its compliance with Title VI of the Civil Rights Act, campus safety concerns over disruptions to the learning environment, and the awarding of federal student aid under the Higher Education Act.
• The Committee on Oversight and Accountability is investigating the sources of funding and other support flowing to groups espousing pro-Hamas propaganda and engaged in antisemitic harassment and intimidation of students. The Committee on Oversight and Accountability is the principal oversight committee of the US House of Representatives and has broad authority to investigate “any matter” at “any time” under House Rule X.
• The Committee on Ways and Means has been investigating several universities since November 15, 2023, when the Committee held a hearing entitled From Ivory Towers to Dark Corners: Investigating the Nexus Between Antisemitism, Tax-Exempt Universities, and Terror Financing. The Committee followed the hearing with letters to those institutions on January 10, 202
Acetabularia Information For Class 9 .docxvaibhavrinwa19
Acetabularia acetabulum is a single-celled green alga that in its vegetative state is morphologically differentiated into a basal rhizoid and an axially elongated stalk, which bears whorls of branching hairs. The single diploid nucleus resides in the rhizoid.
Biological screening of herbal drugs: Introduction and Need for
Phyto-Pharmacological Screening, New Strategies for evaluating
Natural Products, In vitro evaluation techniques for Antioxidants, Antimicrobial and Anticancer drugs. In vivo evaluation techniques
for Anti-inflammatory, Antiulcer, Anticancer, Wound healing, Antidiabetic, Hepatoprotective, Cardio protective, Diuretics and
Antifertility, Toxicity studies as per OECD guidelines
Synthetic Fiber Construction in lab .pptxPavel ( NSTU)
Synthetic fiber production is a fascinating and complex field that blends chemistry, engineering, and environmental science. By understanding these aspects, students can gain a comprehensive view of synthetic fiber production, its impact on society and the environment, and the potential for future innovations. Synthetic fibers play a crucial role in modern society, impacting various aspects of daily life, industry, and the environment. ynthetic fibers are integral to modern life, offering a range of benefits from cost-effectiveness and versatility to innovative applications and performance characteristics. While they pose environmental challenges, ongoing research and development aim to create more sustainable and eco-friendly alternatives. Understanding the importance of synthetic fibers helps in appreciating their role in the economy, industry, and daily life, while also emphasizing the need for sustainable practices and innovation.
18. While viewing the video, click the
address bar and with the URL
highlighted, press CTRL and C
19. Under your image, add another
paragraph and put text in it. This
will be linked to your video.
20. Use the <a> tag to make the
words a hyperlink to the video
21.
22. Now open your CSS Stylesheet…
White background
and black text are
usually the default
stylesheet settings
for webpages. But
we want the
opposite for ours.
23. A stylesheet is a set of rules.
Each rule is made of a selector
and a declaration. The
declaration has a property and a
value.
body { background: white; }
selector declaration
25. Let’s change the body
background to black, to match
our dark photo.
We will change the
background for the
“body” selector.
That will give the
whole page a black
background.
26.
27. Now we have to change text
colors. Let’s make all paragraphs
(p) show white text.
28.
29. Let’s give our headings different
colors.
In CSS, you can type
the name of the
color you want, but
it might not display
the exact shade you
want. For a more
specific shade, you
can use a hex code
or an rgb code.
30. Move the circles to get the color
you want, then copy the rgb code
on the left.
31. Set the text color for your h1 text
with rgb numbers
34. We put CSS code
inside curly
brackets like this { }
We use a colon (:) in
CSS the way we
would use an equal
sign (=) in HTML
to set the value of
something
We end each rule
with a semicolon (;)
Punctuation matters!
35.
36. If we want all our text to be
centered, we could put “text-
align: center;” for each selector…
37. …or we could just save time by
making the text centered for the
entire “body”
38.
39. Our image is too many pixels
wide. Let’s set it to 700px wide,
and let the browser determine
the height automatically.
40.
41. To see how your webpage looks
now, click the expand button in
the upper corner of your preview
window.
42.
43. Let’s give our text a larger,
fancier font!
When you start
typing a new
property, suggested
words appear. You’ll
also see suggested
values, such as
“normal,” “bold” and
“light” for the
property “font-
weight.” Try
different ones and
see what you like!
44. Let’s increase the size and style
of our paragraph text with “font-
size” and “font-family”
45.
46. Here is my finished
CSS stylesheet.
Can you think of a
way that I can make
it more concise?