background preloader

A design resource for kids, parents, teachers

A design resource for kids, parents, teachers
Related:  Web Design & HTML

CSS Box Shadows Effects In this tutorial we are going to be creating box shadow effects with just CSS. Below is an image created in photoshop of different box shadows effects. These used to be the only way of creating this effect but thanks to CSS3 we can now do all this with just CSS. View Demo page to see what we are going to create CSS Box Shadow Effects Demo CSS Box Shadow We are going to be using the CSS box shadow property which is one my favourite CSS properties which you will see in this tutorial how easy you can use it. The box-shadow property allows you to easily create multiple drop shadows on box elements by specifying values for colour, size, blur and offset. The box-shadow property accepts 2-6 options, the required options are horizontal offset and vertical offset, the two optional options are spread distance and colour. box-shadow: inset horizontal vertical blur spread colour; Examples Browser Support All of the major newest browsers support box-shadow property. The box-shadow property is no different.

25 Digital makerspace ideas | makerspace, makerspace library, makerspace elementary Pinterest Today Watch Explore When autocomplete results are available use up and down arrows to review and enter to select. Digital makerspace 25 Pins 3y Collection by Kimberly Sellers Jennifer Williams and Michael Sellers Similar ideas popular now Coding For Kids Education What Is A Makerspace Makerspace Elementary Makerspace Activities Makerspace Projects Makerspace Library Library Activities Steam Activities Enrichment Activities Arduino Projects What is a Makerspace? Makerspace Elementary Library Life Science Lessons Teacher Librarian Teacher Tools Steam Teacher Teacher Pd Teacher Resources Cult Of Pedagogy What Is the Point of a Makerspace? Open colleengraves.org Elementary Library Elementary Schools Makerspace Design Stem Activities Makerspace Resources and Programming ideas | Create, Collaborate, Innovate Quilt Patterns Knitting Patterns Crochet Patterns Sewing Projects Projects To Try Art Projects Crochet Projects Free Pattern Homemade Makerspace | attempts at using tech effectively in education Simple Arduino Projects Scott

TeacherTube Educational Videos for the Classroom and Home We created a site in Wix, Weebly, Squarespace & WordPress – See How Each Stacks Up Creating a website and trying to figure out what platform to use? We created a site in the big 4 website creation tools – recorded the video and show you the pros and cons of each. If you’re thinking of building your own website – you want to read this first. First, some background on each: Reports of the number of users of each platform vary widely from source to source, but the general consensus is that WordPress leads and no one else is catching up anytime soon. According to a July 2015 study by W3Techs, out of the 40.1% of the websites it surveyed that use a Content Management System, WordPress enjoys a market share of 60.3% (24.2% of the potential market overall, when including non-CMS users). The study found that all other CMS platforms together account for just 15.4% of the potential market, and Wix, Weebly, and Squarespace each claim less than 1%. Wix.com Another Wix advantage is that all of your content is visible, and editable, on your screen at all times. Weebly.com Squarespace.com

What is a Makerspace? Is it a Hackerspace or a Makerspace? Get The FREE Makerspace Materials Supply List (PDF) A makerspace is a collaborative work space inside a school, library or separate public/private facility for making, learning, exploring and sharing that uses high tech to no tech tools. These spaces are open to kids, adults, and entrepreneurs and have a variety of maker equipment including 3D printers, laser cutters, cnc machines, soldering irons and even sewing machines. Now that you have the birdseye view of a makerspace, lets dig a little deeper. Makerspaces have been called everything from a FabLab to a Techshop to a hackerspace. To start with, a FabLab and Techshop are trademarked names for a particular type of makerspace. Techshop is a chain of for-profit makerspaces that was started in 2006 in CA. Fab Labs were started by MIT Professor Neil Gershenfeld at the Center for Bits and Atoms in MITs Media Lab. In order to understand the differences between a hackerspace and a makerspace, we need to do a short history lesson.

Addiction vs Habit: Recognizing the Dangers — Infographic - JourneyPure At The River The words “habit” and “addiction” are frequently interchanged, but there is one significant difference between the two. Habits can be negative or positive, while addictions are only negative. The trick to identifying, which is which often lies in the amount of time and effort it takes to break one. What is a Habit? Habits begin with a “loop” based on a reward system. A cue or trigger tells the brain to go on autopilot while performing a routine. For example, in the morning when your alarm goes off (cue/trigger) you may drink coffee (routine) because it wakes you up and gives you a boost (reward). How Long Do Habits Take to Form? Developing habits can range from 18 days to almost a full year at 254 days. How Do Bad Habits Get Encoded Into the Brain? Some habits, of course, are good, such as eating healthy foods and exercising. When Do Habits Become Addictions? When the brain believes a harmful substance is beneficial, habits become addictions. How Addictive are These Popular Drugs?

Edit Source HTML or CSS in Free Weebly Site » WebNots Though Weebly offers “Embed Code” element to add custom HTML, CSS and JavaScript code on your page content, sometimes it is necessary to modify the source HTML / CSS of your site. Weebly allows both free and premium users to edit the source HTML / CSS code of a site in order to encourage adding more customization to make a good looking site with needed features. Here is a step by step tutorial on how to edit source HTML or CSS in free Weebly site and things you can do with Weebly code editor. Summary of Weebly Code Editor Options: How to Edit Weebly Source Code? Login to your Weebly account and edit the site you want to modify the source code. Editing Source HTML and CSS in Weebly Once you click on the button a new page will be loaded which is called Weebly code editor. What Can I Do with Code Editor? Weebly code editor has the following features: Weebly Code Editor Below are some important things you can do on Weebly code editor. 1. 2. You can change your theme name by double clicking on it.

Thingiverse - Digital Designs for Physical Objects HTML Table Border This page contains HTML table border code - HTML codes for specifying or changing the border of your tables within your blog or web page. HTML table borders are specified using Cascading Style Sheets (CSS). Typical Table Border To set the border of an HTML table, use the CSS border property. <table style="border:1px solid yellowgreen;"><tr><th>Table header</th><th>Table header</th></tr><tr><td>Table cell 1</td><td>Table cell 2</td></tr></table> Table Cell Borders You'll notice that the above example created a border around the table. To specify a border for your table cells, you'll also need to apply the border property to each cell. <table style="border:1px solid yellowgreen;"><tr><th style="border:1px solid yellowgreen;">Table header</th><th style="border:1px solid yellowgreen;">Table header</th></tr><tr><td style="border:1px solid yellowgreen;">Table cell 1</td><td style="border:1px solid yellowgreen;">Table cell 2</td></tr></table> Collapse the Border My Best Tip? Bottom Border

Science Projects for Kids - TinkerLab If you’re looking for science projects for kids, I have a mega list for you that’s 100% kid-tested. Note: This post contains affiliate links My children and I have worked our way through a LOT of science projects over the past few years, so I compiled them into one easy-to-find spot. Most of these science projects and experiments will be engaging for children ages 3 and up, although I did MANY of them with my 2-year olds. Enjoy! Science Projects for Kids These projects fall into five categories: PhysicsChemistryEngineeringTechnologyBiologyGeology Physics How to Make Popcorn on a Cob Magical Plastic Bag Experiment: Learn about the magic of polymers as you poke pencils through a water-filled bag…and notice that not a drop of water leaks through the holes! Floating Egg Experiment Magnet Magic: Move Paper Clips through Water with Magnets Is it Magnetic? Chemistry Soap Making with Kids How to Make Gak (Slime): This recipe is amazing and so much fun to play with How to Set up a Magic Potion Lab Engineering

untitled About – Transformative Learning Technologies Lab Our mission is to radically change how children learn science, technology, engineering, and math (STEM) in schools. Vision Our focus is on making STEM learning more connected to student’s intellectual passions and interests, to their culture, and to local knowledge about how to build and make things. We want students to learn science and engineering by creating inventions to solve real-world problems, and by designing scientific experiments to examine issues they care about. Innovation and collaborative problem-solving are core skills for the 21st century. But perhaps counter-intuitively, we work to make school STEM more similar to the real science and engineering practiced by professionals. Approach However, what makes the TLTL unique is that we combine this vision with rigorous research and careful implementation in real school systems. Impact Today, the TLTL has projects, partners, fellows, and labs in all five continents, impacting thousands of students worldwide. TLTL Firsts

Related: