background preloader

Interactive

Facebook Twitter

A Visual Guide to CSS3 Flexbox Properties. The Flexbox Layout officially called CSS Flexible Box Layout Module is new layout module in CSS3 made to improve the items align, directions and order in the container even when they are with dynamic or even unknown size.

A Visual Guide to CSS3 Flexbox Properties

The prime characteristic of the flex container is the ability to modify the width or height of its children to fill the available space in the best possible way on different screen sizes. Many designers and developers find this flexbox layout easier to use, as positioning of the elements is simpler thus more complex layouts can be achieved with less code, leading to simpler development process. Flexbox layout algorithm is direction based unlike the block or inline layout which are vertically and horizontally based.

This flexbox layout should be used for small application components, while new CSS Grid Layout Module is emerging to handle the large scale layouts. # Basics The browser support for the latest flexbox specification is: # Usage # Flexbox container properties. Clippy — CSS clip-path maker. Online Presentation Tools. Porting from WordPress to Storyspace, 4: sidethreads and projections – The Eclectic Light Company. In the last article, I showed how I incorporated an alternative narrative thread in my Storyspace hypertext account of the history of oil painting, and how to incorporate references using stretchtext.

Porting from WordPress to Storyspace, 4: sidethreads and projections – The Eclectic Light Company

One issue which I did not resolve last time was distinguishing to the reader which passages of blue text are stretchtext, and thus will not change the context, and which are text links, and will change the context when the reader clicks on them. I have had time to think this through, and I believe that in this case it is important, but that changing the colour of the text is not the best way to go about a solution. Porting from WordPress to Storyspace, 4: sidethreads and projections – The Eclectic Light Company. Interactive Game Editors. **VERY GOOD**Smoothie-3D-photo. First of all, thank you all for testing the Smoothie-3D modelling solution.

**VERY GOOD**Smoothie-3D-photo

After reading this tutorial, and if you carefully follow the explanation, you will be able to make 3D textured models like the squirrel and publish them on the web. No more than 10-15 minutes will be needed to complete this tutorial. A 3D model is made of several shapes. Smoothie-3D offers classic primitives like cubes, spheres, cylinders, cones and text. To create such shapes, just click on the related item as shown in this video: Herramientas de dibujo. Zondle v2 beta. MotionComposer - Website Content.

Rise Of The Planet Of Annotations - HapYak. Late last night after an exhausting day I watched Rise of the Planet of the Apes on HBO, again, and it got me thinking.

Rise Of The Planet Of Annotations - HapYak

Caesar was a chimpanzee who got smart and eventually led a primate revolution that took over the world. That’s how I like to think about Video Annotations. Interactive Videos. i21. Interactive. Coding. Play and Learn. Technology Tools. Teacher Tools. Blogs_sites. 50 Free Animation Tools And Resources For Digital Learners.

50 Animation Tools & Resources For Digital Learners by Lisa Chesser, opencolleges.edu.au A purple monster with wild curls spiraling out of control explains the economics of oil production in the Sudan to students in Los Angeles, Sydney, Berlin, Jerusalem, and Riyadh.

50 Free Animation Tools And Resources For Digital Learners

That is education and animation working together to teach students everywhere, everything they ever wanted to know. Educators need only utilize the tools available, most of them for free. Some of the animation links catalogued here will give educators very basic tools and histories of animation while others have the animation already created and set in motion, it’s just a matter of sharing it with students. 50 Free Animation Tools And Resources For Digital Learners.

Create, Engage, Assess through Mobile Devices. JeopardyLabs - Online Jeopardy Template. AnswerGarden - Plant a Question, Grow Answers. Paper for the web.

Gapminder: Unveiling the beauty of statistics for a fact based world view. 100 Ways To Use Twitter In Education, By Degree Of Difficulty. Twitter may have started off as a fun social media site for keeping up with friends and sharing updates about daily life, but it’s become much more than that for many users over the past few years as the site has evolved and grown.

100 Ways To Use Twitter In Education, By Degree Of Difficulty

These days, Twitter is a powerhouse for marketing, communication, business, and even education, letting people from around the world work together, share ideas, and gain exposure. Movenote. Stoodle. The Epic BYOD Toolchest (51 Tools You Can Use Now) You've got every device under the sun in front of you.

The Epic BYOD Toolchest (51 Tools You Can Use Now)

Now what apps are you going to use? Here are the apps or app categories that I recommend you test for your school. There are lots of apps, and these are just my opinion based on what I've used with my students or successfully tested. Formative Assessment Socrative: My all-time favorite app for formative assessment runs on everything. EdTech Tools. Lists. Game Based Learning. Teaching. Tools. Public Speaking. Whiteboard. Presentation tools. Herramientas =) Teacher_resource. Digital Storytelling. Whiteboards online. Lesson Creation. Interactive whiteboards & alternatives. Interactive Whiteboards.

INTERACTIVE Whiteboard resources. Online Education Resources. Game-based learning. Tools. Interactive whiteboard. Mega Sites with links - multiple ages. Tech Tools. Gamification. Instructional design. Web2.0 apps. Authoring. Methods. Higher Education Blogs. Teacher Resources. Resources. Education Resources. Graphic Organizers & Other Forms. Smartboard. Tools. Web 2.0 Tools. Stat Text. Teaching. Reading/Writing. Things i use everyday. Formative assessment. Techniques. Online learning. Hacker Smack. Elearning. Instructional Technology. Flipped Classroom. I. Using Media Tools. Teaching Tips, Tools, Techniques. Education. Presentation Tools.

Presentation Tools. Digitial Citizenship. Interactive World. Instructional Design Toolset: Educational Tech. in Higher Ed. Teaching Online. Total Participation Techniques. Diseño Instruccional. Game Development Tools. Books. Paper Engineering And Interactive Design. Interaction design. Kid Stuff.