background preloader

Flights interactive: see the planes in the sky right now

Flights interactive: see the planes in the sky right now
Related:  Timeline tools and resources.

Timeline of country and capital changes This is a timeline of country and capital changes around the world. It includes dates of declarations of independence, changes in country name, changes of capital city or name, and significant changes in territory (viz. land annexation, cession or secession). 2000s 1900s 1800s 1700s 1600s 1500s 1400s 1300s 1200s 1100s 1000s 1st Millennium CE 1st Millennium BCE 2nd Millennium BCE 3rd Millennium BCE 4th Millennium BCE §Common Era[edit] §2010s[edit] §2000s[edit] §1990s[edit] §1980s[edit] §1970s[edit] §1960s[edit] §1950s[edit] §1940s[edit] §1930s[edit] §1920s[edit] §1910s[edit] §1900s[edit] §1890s[edit] §1880s[edit] §1870s[edit] §1860s[edit] §1850s[edit] §1840s[edit] §1830s[edit] §1820s[edit] §1810s[edit] §1800s[edit] §1790s[edit] §1780s[edit] §1770s[edit] §1760s[edit] §1750s[edit] §1730s[edit] §1710s[edit] §1700s[edit] §1680s[edit] §1660s[edit] §1650s[edit] §1640s[edit] §1630s[edit] §1620s[edit] §1610s[edit] §1600s[edit] §1590s[edit] §1580s[edit] §1570s[edit] §1560s[edit] §1540s[edit] §1530s[edit] §1520s[edit] §1500s[edit] §1490s[edit]

CYOD Nasty Icons. 50 free vector icons to spice up your designs! Timeline and Inventions of the 20th Century Timeline <1000 - 1300 <1400 <1500 <1600 <1700 <1800 <1900 <2000 Technology, science, and inventions have progressed at an accelerated rate during the hundred years of the 20th century, more so than any other century. We began the 20th century with the infancy of airplanes, automobiles, and radio, when those inventions dazzled us with their novelty and wonder. We end the 20th century with spaceships, computers, cell phones, and the wireless Internet all being technologies we can take for granted. King Camp Gillette invents the double-edged safety razor. The first radio receiver, successfully received a radio transmission. Willis Carrier invents the air conditioner. Edward Binney and Harold Smith co-invent crayons. Teabags invented by Thomas Suillivan. Albert Einstein published the Theory of Relativity and made famous the equation, E = mc2. William Kellogg invents Cornflakes. Leo Baekeland invents the first synthetic plastic called Bakelite. The gyrocompass invented by Elmer A.

The { } And Building a Circular Navigation with CSS Transforms In this tutorial I’m going to show you how to create circular navigations using CSS transforms. I’m going to take you through the steps for creating these styles one by one, and explain the math (yikes!) and simple logic behind them so you get a clear understanding of the technique. Like I mentioned, there’s going to be some basic math involved, along with CSS transforms to create these styles. But don’t worry, the math is really very simple and I’ll be going through it step by step. I also want to mention that credit for the original technique goes to Ana Tudor. So, without further ado, let’s get started! The Markup We’re going to be building a navigation, so we’ll start with a regular navigation structure. The icons we’re using in this demo are from Font Awesome. The Math Behind the CSS Transforms The best way to explain the math is to use a visual explanation instead of a written one. First let’s go over what a “central angle” is. 180deg / 6 = 30deg 360deg / 6 = 60deg And so on. Simple.

Microsoft Research: Interactive HIV/AIDS Exhibits For the past 25 years, family and friends of those who have passed away from AIDS have contributed a 6’-by-3’ panel to the AIDS Memorial Quilt. It is the largest community art project in the world. To date, more than 48,000 panels and 94,000 names make up The Quilt. Click on the image below to view the interactive version of the entire AIDS quilt: The second exhibit is a ChronoZoom interactive timeline of the history of AIDS that includes deep zoom panoramas of the quilt during various stages of its creation. Click to open the ChronoZoom interactive timeline of the history of AIDS: Microsoft Research collaborated with the University of Southern California Annenberg Innovation Lab, Brown University, the NAMES Project Foundation, and others to create these two digital interactive HIV/AIDS exhibits. Want to learn more?

1000 Répliques · Participer Vous avez choisi de prendre part à l’aventure et nous vous en remercions ! Identifiez-vous et l’une des 1000 répliques vous sera automatiquement attribuée. Ensuite, libre à vous de l’enregistrer en direct depuis la caméra de votre ordinateur/smartphone ou de nous l’envoyer plus tard. Quelques informations sur vous… L’époque est soupçonneuse, tu vois. disant : je suis né dans cette maison, je voudrais la revoir, me laissera-t-on entrer ? temps, qu’en entrant je puisse revenir à mon enfance, voir le père au coin de la table lisant le journal, voir la mère près du four surveillant la cuisson d’une tarte. personnage d’une carte postale toute simple. Mille mercis pour votre participation ! Votre enregistrement a bien été soumis. Cette réplique vous est désormais réservée ! Pour la récupérer, il suffit d’utiliser le lien que nous venons de vous envoyer par e-mail. Erreur ! Vous avez déjà enregistré votre réplique. Désolé ! Toutes les répliques ont été enregistrées. Retour Démarrer l’enregistrement

Foundation 2012 Annual Report Dear Friends, Community. It’s the first word that comes to mind when I think about the LIVESTRONG Foundation. In 2012, I never felt more strongly about the power of community as we—together with you by our side—faced difficult headwinds and uncharted territory. Through that and beyond, as we move with excitement into a new, promising and singularly focused era for our Foundation, we have remained intently focused on what matters: people affected by cancer today and our mission to improve their lives. Second, we worked on the front lines and across the globe to advance cancer care. Our accomplishments would not be possible without the steadfast commitment of our Chairman Jeff Garvey, our Board of Directors and our millions of dedicated supporters. Although some things have changed, one thing remains absolutely true: This Foundation doesn’t back down from a challenge. Continue Reading

Timelines The story of vaccines did not begin with the first vaccine–Edward Jenner’s use of material from cowpox pustules to provide protection against smallpox. Rather, it begins with the long history of infectious disease in humans, and in particular, with early uses of smallpox material to provide immunity to that disease. Evidence exists that the Chinese employed smallpox inoculation (or variolation, as such use of smallpox material was called) as early as 1000 CE. It was practiced in Africa and Turkey as well, before it spread to Europe and the Americas. Edward Jenner’s innovations, begun with his successful 1796 use of cowpox material to create immunity to smallpox, quickly made the practice widespread. Louis Pasteur’s 1885 rabies vaccine was the next to make an impact on human disease. The middle of the 20th century was an active time for vaccine research and development. This timeline category holds nearly all of the entries for the subject-specific timelines.

Retour sur Anarchy, premier projet transmédia de France 4 Retrouvez notre premier article sur Anarchy en cliquant ici Un dispositif médiatique important Anarchy a été le premier projet transmédia à apparaître dans la grille des programmes de France 4. Anarchy est surtout présent sur Internet, à travers son site officiel mais aussi sur les réseaux sociaux Facebook et Twitter. Anarchy, c’est également de la vidéo. Anarchy a également bénéficié d’un espace particulier au sein du média radio. La vraisemblance au cœur du projet Sur France Inter, Le Monde comme sur les plates-formes Internet du projet, les informations sont très crédibles. De même, les articles du site officiel du projet reprennent certains codes journalistiques au profit de la vraisemblance. Les articles sont très souvent ancrés géographiquement : ils font référence à des lieux précis et réels, comme ici avec le Forum des Halles à Paris.

Make a Flippin’ 3D Countdown with CSS & JavaScript In January, we worked with Dick’s Sporting Goods to launch Gear in Action, an interactive lookbook featuring new products for the 2014 Baseball season. During the video presentation, users have the opportunity to click on products in the video, view more details (example), and see purchasing options. Since this opportunity only occurs during the slow-motion part of the video, we wanted to make sure users understood that the video would be moving on if they didn't choose a product quickly enough. So, we added a countdown timer to the top right of the screen, which finishes when the slow-motion segment ends. Codepen Example I was pretty happy with the final effect, which uses only a little CSS and some JS class juggling. The Components The countdown is made up of five parts: The wrapper, which doesn’t do much more than help with placement. The trick is to take one of the next cards and hide it, and take the opposite current card and flip it forward towards the user. The States

In Charted Waters - Evolution of the World Map as it was Explored Maps are among the most accessible assets we can use accurately, whether it’s an old print or the newest mobile app. Still, it took centuries for people to truly understand the geography of the world. Here, we show how our knowledge has grown and developed over time… Scroll to begin the journey Atlantic Ocean Mediterranean Sea Black Sea Britain Thailand Cambodia Sumatra Java China NorthAmerica Africa Indian Ocean Uzbekistan Azores CapeVerdeIslands Cape ofGood Hope The Bahamas Cuba Haiti DominicanRepublic VirginIslands EastAfrica Trinidad SouthAmerica Madagascar Philippines PapuaNewGuinea PacificOcean Japan Siberia Antarctica CapeYork Tasmania NewZealand Australia Carthaginians reach the Atlantic Oceanfor the first time. Herodotus prefaces his Histories with a description of the lands known to him. Britain appears forthe first time on a map. Western traders reach Thailand, Cambodia, Sumatra and Java, as well as China. Approximate date for the Viking discoveries of America for which they had different names.

提升品质!丰富APP动态效果的六点原则 这篇文章是百度云UE负责人@elya妞撰写的,从动效的6个方面详析怎样借移动应用强力提升APP品质!篇幅虽短,但是总结精炼,很值得一读。 @elya妞 :如果想让你的移动应用更活泼更灵动,丰富的动效是不可少的,丰富的动效可以让你的应用更具活力,充满生机;丰富的动效可以让你的应用彰显效率,提升品质感;丰富的动效可以让你的应用充满魅力,引人探索;丰富的动效可以让你的应用减少焦虑,消除等待感;丰富的动效可以让你的应用充满韵味,有节奏感;丰富的动效可以让你的应用有出奇的信息组织,整洁高效。 动次打次再来一篇动感干货: 《掌握动效设计! 这里主要介绍六种简单通用的方式 ———— 转场、邀请、过渡、反馈、缩放、吸附。 原则一:转场 由于手机屏幕空间有限,更多的内容会被隐藏在屏幕后边,或者屏幕的左边、右边、下边,转场动效能帮助应用营造一种空间方位感。 原则二:邀请 直接提供邀请,告知用户可以做的事,效果最直观,引导性最好。 原则三:过渡 当应用正在加载数据的时候,一定要给予过渡,让用户知道应用正在努力工作,系统级的过渡分为两种——进度条和菊花转,进度条是用在可预知完成进度和剩余时间的情况下;菊花转是用在无法预知剩余时间的情况下。 不是所有情况下,都要清晰的告知用户当然任务的加载进度的,比如iPhone自带的短信应用,发送短信的时候有一个进度条,本意是好的,让用户知道短信发送的进度。 原则四:反馈 当任务成功或失败之后,需要有办法告知用户。 如果是成功类的提醒,往往只是告知状态就可以了,用户无需执行操作,反馈就可以自己消失。 原则五:缩放 在一寸土一寸金的手机界面上耕耘,恨不得盖个复式小洋楼,一行当两行用。 比如Bluga这个输入框,当你不需要输入的时候,它看起来就是一个输入的入口,但是当你点击的时候,输入的辅助信息都出来了,更大的文字撰写框、位置、图片、发送按钮,你可以打开盒子,编辑一条丰富的消息。 原则六:吸附 吸附是网格系统中一个很具有美学色彩的设计,当你拖拽着一个应用切换位置的时候,这个应用会被自动吸附到对齐网格的位置,保证界面整洁利索(不像Nokia的某些手机,Widget可以满屏幕拖拽,跟我凌乱的桌面一样);当你拖拽一个应用到另外一个应用上的时候,就可以变成一个文件夹,这里也是通过文件夹的样式和吸附的效果,让用户明白建立文件夹的交互的。 从今天开始,努力提升你的应用的品质,让它动起来吧!

Related: