background preloader


1 Domain Choose a name that people can remember well and choose wisely (and appropriately) whether you will, .net or something else. 2 Hosting Choose a reliable one and look at how much capacity you need. 3 Tech Technology you can use: HTML5, CSS3, PHP, JQuery, Javascript, etc. 4 Purpose What is the purpose of the website: business, corporate, e-commerce, etc. 5 Layout & Color Color affects the 'feel' of your site. 6 Site Map Clear site map & flow chart. 7 Content Your website has to provide a good and informative content to the users. 8 Audience You have to know who your audiences are, then you can build content that will attract them. 9 Advertisement Don't put too much advertisement in your website. 10 Pop Up Message Prevent pop up messages. 11 Attractive Design Good website should be simple, yet professional. 12 Buttons Make an eye catching buttons and "call to" action buttons like buy now or download now. 13 Background 14 Image 15 Easy Navigation Users can easily find what they are looking for. 26 Things to Note Before You Develop a Website 26 Things to Note Before You Develop a Website
CSS /htm index iHover is an impressive hover effects collection, powered by pure CSS3, no dependency, work well with Bootstrap 3! Hover effect 1 <div class="row"><div class="col-sm-6"><! Hover effect 2 <! Hover effect 3 <! Hover effect 4 <! Hover effect 5 <div class="row"><div class="col-sm-6"><! Hover effect 6 <! Hover effect 7 <! Hover effect 8 <! Hover effect 9 <! Hover effect 10 <div class="bs-example"><! Hover effect 11 <! Hover effect 12 <! Hover effect 13 <! Hover effect 14 <! Hover effect 15 <div class="row"><div class="col-sm-6"><! Hover effect 16 <! Hover effect 17 <div class="row"><div class="col-sm-6"><! Hover effect 18 Note: This will not work in IE9, since IE9 doesn't support 3d rotate. <! Hover effect 19 <div class="row"><div class="col-sm-6"><! Hover effect 20 <! <! <div class="row"><div class="col-sm-6"><! <! <div class="row"><div class="col-sm-6"><! <! <! <div class="row"><div class="col-sm-6"><! <! <! <! <! <! <! <! <! Pure CSS3 powered, no dependency, can be used in any project. iHover is pretty easy to use. Introduce to the folders: CSS /htm index
Google Apps and the SAMR Framework Infographic - e-Learning Infographics Google Apps and the SAMR Framework Infographic - e-Learning Infographics Educational Technology Infographics Google Apps and the SAMR Framework Infographic Google Apps and the SAMR Framework Infographic Google Apps has made quality software accessible to everyone at little or no cost. In education, it provides educational institutions with cross-platform software that’s free and feature-rich. What is SAMR? SAMR stands for “Substitution – Augmentation – Modification – Redefinition”. Substitution: Using new technology for an old taskAugmentation: Using additional new technology for an old taskModification: Using new technology to change an old taskRedefinition: Using new technology to create new tasks Why Google Apps? Millions of students and educators around the world are using Google Apps for Education. Example of SAMR in action using Google Apps Original task: Write a report about a city using paper/pen/glue/scissors, etc, using books in the library for research. Substitution: Use Google Docs and research on the Internet to create the report.
Google Classroom’s basic features are powerful. Take it to the next level with some add-ons created just for teachers and students. The basic functions of Google Drive and Google Classroom are only the starting point for the innovative and creative uses one can use in the classroom. Alice Keeler, my co-author in our upcoming book Ditch That Homework, proves that again and again. Alice is one of the only people I know personally who codes for fun. (OK, she’s probably the only one I know like that!) It’s like Google Sheets bows down on one knee to this woman and does her bidding. Alice has created dozens of pre-created templates, add-ons, scripts, extensions — you name it, she’s created them. Two of these are Google Chrome extensions — little programs you install in your Chrome web browser that will perform certain tasks. But most are scripts/add-ons she wrote to run inside Google Sheets or other Google tools. Here are 10 of them I like the most. 1. With DriveSlides, you can: 2. 3. 4. 5. 6. 10 add-ons to Google Classroom you MUST try 10 add-ons to Google Classroom you MUST try
iOs Apps (Apple)

Video Trim & Cut on the App Store
Video Edit+ Video Edit+ Projects How do I delete a project? Tap on the “Edit” button at the top of the screen and then tap the red delete icon on whichever project you want to delete. When finished, tap the “Done” button. How do I add a photo or video from my iPhone’s camera roll? Within the Project Timeline screen (the row of numbered squares at the bottom of your project screen), tap on the large green “+” button at the bottom of the screen and a set of options will appear. Which transitions can I use between my video clips and how do I change them? Scene Transitions are located in between each of your photo and video clips on the Project Timeline screen. How do I delete a video clip or photo from my project? Tap and drag the clip up and out of your Project Timeline. How do I rearrange video or photos within the project timeline? Tap and drag your clip along the timeline to place it in the order you prefer. Videos How do I change when a video clip starts or ends (the in-and-out points)? Voiceover Yes. Music Titles Yes!
Pancake Manor Music Videos for Kids | PANCAKE MANOR MUSIC VIDEOS for KIDS Mama and Zach go for a walk out in the autumn weather and meet a pumpkin-headed friend with a love for rock guitars! Another original music video from Pancake Manor™ featuring the song “Orange” from our album “Colors!” GET COLORS! There is a new girl in town, and she loves the color pink! Zach, Reggie, and Lulu are ANIMATED! Red is known as the first color on the rainbow, but did you know it’s the FASTEST? We are so proud to present our latest take on a nursery classic with “Twinkle Twinkle Little Star.” NEW SECOND VERSE written by Billy Reid & Reb Stevenson ©2014 Pancake Manor After Mama suggests he take a look at Grandpa’s old record collection, Zach finds a new buddy. Zach and Reggie sing a song about hair. This video was shot at the YouTube Space, in LA. Zach has a new game to play, and Reggie is the contestant! Here at Pancake Manor, we love the way kids use their imaginations to craft superhero costumes out of everyday objects like swimming googles, pool noodles and tin foil. Pancake Manor Music Videos for Kids | PANCAKE MANOR MUSIC VIDEOS for KIDS
music app

FindSounds - Sound Types FindSounds - Sound Types What types of sounds can be found on the Web using FindSounds? Below is a partial list. Click on any link below to perform a search, or enter one or more words in the search box above and then click on the Search button. Animals alligator, baboon, bat, bear, bobcat, buffalo, bullfrog, camel, cat, cheetah, chimpanzee, chinchilla, chipmunk, cougar, cow, coyote, crocodile, deer, dinosaur, dog, dolphin, donkey, elephant, elk, ferret, fox, frog, gibbon, goat, gorilla, grizzly bear, guinea pig, hippo, horse, hyena, jaguar, kitten, lamb, lemur, leopard, lion, llama, marmot, monkey, moose, mouse, orca, panda, panther, pig, polar bear, prairie dog, puppy, rabbit, raccoon, rat, rattlesnake, rhinoceros, rodent, sea lion, seal, sheep, snake, squirrel, sugar glider, tiger, toad, whale, wolf, zebra Insects bee, cicada, cricket, insects, katydid, mosquito, wasp Noisemakers alarm, alert, beeper, bell, buzzer, chime, foghorn, horn, siren, slide whistle, sonar, whistle, wind chimes
Effectively Investing in Education Tech - Quickclass Effectively Investing in Education Tech - Quickclass Whilst the vast majority of teachers appreciate how essential technology has become in their classrooms, especially in film and media related courses, with this has come an increasingly complex minefield of options to best utilise technology for the benefits of learning. As Jahana Hayes, the 2016 National Teacher of the Year (Connecticut, USA) succinctly puts it: “Technology has changed teaching. You have access to unlimited resources that are right at your fingertips. And one of the challenges we have at my school is that we can’t keep up with technology. Oftentimes, my students are walking me through programs that our IT department hasn’t even gotten yet. What can you do to ensure that the technologies you choose will not only enhance learning, but also be future-proofed to a degree that you don’t have to start from scratch again two years later? “I think a better use of our resources would be to partner with industries that can afford to keep up with technology.
Balancing students’ exposure to technology in the classroom with considerations for safety, equal access and appropriateness is key to successful digital boosts to learning. Another essential but often ill-considered aspect of the mix is what parents want and expect for their children and the importance of introducing new methods of teaching with their full support. The first step is communicating clearly what digital tools can offer over traditional teaching methods, and being able to counter concerns parents may have over safety. Digital technologies are an essential part of learning today. To support the digital direction classrooms are moving in, onboard parents can offer essential encouragement and practical help in a number of ways. Finally, safety is the subject many parents express deepest misgivings about, and fortunately, they can play a leading role in ensuring their children are not exposed to the worst the internet has to offer. What Parents Want from Digital Education - Quickclass What Parents Want from Digital Education - Quickclass
Strategies to Infuse Digital Literacy in the Classroom - Quickclass The way your classroom has been gently invaded in the last 5 years by iPads, whiteboard screens and digital cameras is evidence that a revolution is in the making… Many of the technologies are falling into place, but revolutions are never gentle, nor are they single-geared. The trick now for ALL teachers, especially those who already feel they’re behind in the digital stampede, to look at this objectively, rather than with fright, and make a plan. The first rule of action should be not to fight the tide, and question those moves in your school to limit or block the use of technology en masse. The next step in recognising how digital advances are going to help your teaching and students is to take a look at your own school’s situation. What support is available to teachers for new tech? What the technology revolution is ultimately offering are new opportunities for invention — doing new things in new ways. Strategies to Infuse Digital Literacy in the Classroom - Quickclass
Te presentamos 15 herramientas para crear gifs animados de forma sencilla. Para usar los gifs con fines comerciales o promocionales o porque siempre es interesante enriquecer tu blog profesional o tus comunicaciones en redes sociales con contenidos “blancos” y que se aparten de la temática corporativa. Los gifs vuelven a estar de moda, nunca se fueron. Incluso Twitter se ha contagiado de la nueva fiebre de los gifs y ya permite este tipo de imágenes en movimiento en su aplicación. Tampoco hay que olvidar que se pueden realizar gifs para funciones comerciales: el ejemplo más claro lo encontramos en banners publicitarios. RecordIT Especialmente indicado para crear gifs animados lo más rápido y fácil posible sobre la zona de la pantalla que seleccionemos para compartirlos en Twitter gracias a su aplicación integrada. Gif Movie Gear Realiza gifs animados a partir de fotos o gráficos. Banner Maker Pro GifCam Instagiffer Photoshop Gimp Photoscape GIF Construction Set Profesional VirtualDub Pivot Animator 15 herramientas para hacer GIFs animados
Aplicaciones para crear GIFs animados desde el móvil El formato de imagen GIF (Graphics Interchange Format) nació en 1987, pero curiosamente hoy en día es cuando más se le está usando, principalmente para compartir escenas breves y divertidas que ponen énfasis en el contenido que queremos compartir, convirtiéndose en la forma más popular de comunicación en Internet. Aunque no lo creas, crear una imagen Gif animada es una tarea muy sencilla si cuentas con la ayuda de algunas herramientas como las que a continuación te mostramos. Gif Creator Con Gif Creator se pueden crear imágenes a partir de las fotografías almacenadas en nuestro teléfono Android o directamente desde la cámara. Giffer Giffer es una aplicación para iOS que por sólo $2.99 te permite crear GIFs animados de todo tipo (stopmotion, cinemagraphs, text overlays, timelapse, jitter/wiggle gifs, etc.). GifBoom Gifinator ¿Quieres algo aún más fácil? GifMill Gif Me! Gif Me! 5SecondsApp GIF Maker Moquu Gif Camera Timelapse GifRus
Los 3 mejores sitios para crear GIF animados en línea Los GIF animados son una forma simple de animación que proporcionan a una página web una apariencia moderna y dinámica. Las animaciones, una secuencia de múltiples imágenes o clips de video, permiten entretener al visitante y presentar información de manera diferente. El portal Doublemesh recopiló 3 aplicaciones web gratuitas que permiten crear GIF animados en línea sin tener que descargar ningún software o pasar por largos procesos de registro. GIFSoup Con esta plataforma puedes crear GIF animados usando videos de Youtube. No es necesario que te registres ya que puedes ingresar con tu cuenta de Facebook, lo que te ahorra varios minutos. La plataforma te permite seleccionar los extractos del video que quieres para tu GIF animado, pudiendo elegir entre minutos o segundos de duración. Make a GIF Además de tener un archivo de animaciones, la plataforma MakeaGIF te permite tus propios GIF a partir de imágenes de tu computadora. ¿Te animas a probar una de estas alternativas?
Apps interesantes


Blender 2.77a - - Home of the Blender project - Free and Open 3D Creation Software The Blender Foundation and online developer community are proud to present Blender 2.77, released March 19th, 2016! The 2.77a update was done on April 6, with a number of important bug fixes. In this release: Cycles: Better Subsurface Scattering, GPU support for Smoke/Fire and Point Density. Download Now What's new in Blender 2.77a Cycles Rendering Improved Subsurface Scattering, and faster SSS on GPUs.Smoke/Fire and Point Density support on GPU.Customizable motion blur position, support for rolling shutter.Custom baking passes.Performance optimizations for large node shaders.Improved default settings. User Interface Progress bars got a complete design overhaul.Support for multi-line text in tooltips, render stamps, frame nodes and meta data display.Better anti-aliasing for OpenGL renders.And more! Modeling Sequencer Strip Modifiers: added white balance and tone map strip modifier, it is now possible to append strip’s modifiers to all selected ones Effects: speedup of Gaussian Blur effect
iBooks Author en el Mac App Store
Fav. Apps

ClipSync - Google Play の Android アプリ Ever wanted to copy paste text from Android to Windows, from Windows to Android or from Android to Android?ClipSync does it all. ClipSync automatically synchronizes your Android clipboard with your Windows clipboard. Copying text in Windows (CTRL+C) will automatically send the copied text to the clipboard of all you android devices on the same LAN over WIFI. Copying text in Android will automatically update your Windows clipboard, and the clipboard of all other Android devices connected to the same LAN. You will need to install "ClipSync Server" on your Windows PC. Change Log: Version 1.2.2* Some more bug fixes and stability updates. Version 1.2.1* Some bug fixes Version 1.2* IMPORTANT! Version 1.1* Status bar notification when service shuts down unexpectedly or when WiFi is lost* If wifi falls away, ClipSync will pause and automatically resume when wifi becomes available again. これまでのWindowsからAndroidのAndroidのにやAndroidからWindowsへのAndroidからペーストテキストをコピーしたいですか? 変更ログ: バージョン1.2.1*一部のバグ修正
어플클럽 - 스마트폰 & 태블릿 어플리케이션 커뮤니티 ::: 안드로이드 . 애플 iOS . 윈도폰 . 블랙베리 . 바다 . 웹OS . 미고 . 심비안 .
Apple iTunes App Store Metrics, Statistics and Numbers for iPhone Apps
Starting dream city
9GAG - Make it fun
Pearltrees - Organize anything
موبوگرام - Download | Install Android Apps | Cafe Bazaar
Anime Camera Effects - App Android su Google Play
Monster Maker Fun Kids Game – Applications Android sur Google Play
DragonBox Algebra 5+ App Review
[APP]SELinuxModeChanger | Android Development and Hacking
(PSA) Google Play now warning users to uninstall SELinux-related apps : Android
Google apps

Google 10 e lode! Tutto (o quasi) sulle applicazioni gratuite per la scuola
G Suite Update Alerts: Insert videos from Google Drive in Google Slides
Apps for education

Software & Apps

App con VIDEO

App Inventor

Apps die begeistern

App Dev

ES6 app

Google Apps for Education

Websites & Apps