How The Web Works (Overview) - Continuations Tech Tuesday: How The Web Works (Overview) As promised at the end of last year’s Tech Tuesday, we are starting this year with a cycle on how the web works. Just as a reminder, Tech Tuesday’s aim is to require no previous knowledge other than what has been covered before. Let’s assume you have fired up your favorite web browser. What happens now? Step 1: The address “dailylit.com” is part of what is known as a URL. Step 2: The “dailylit.com” portion of the URL is the domain name (you can get your own from a domain registrar). Step 3: Now that the browser has an IP address, in the case of DailyLit currently 72.32.133.224, it makes a request to “GET” content from 72.32.133.224. Step 4: Through the magic of Internet networking, that GET request is routed via a whole bunch of intermediary devices (routers, switches, firewalls, load balancers oh my!) Step 5: We are now on the Server. Step 6: Back at the browser.
An online collaborator’s handbook: What it takes to get a group working online. : Indaba I’d like to have a conversation about how online collaboration works, based on some things we learned while building the Indaba fieldwork platform, a tool for organizations that use distributed teams to collect data or write reports. Over the last ten years I have used, loved and hated online collaboration tools with teams in more than 100 countries. It’s not magic. Online collaboration is simply getting stuff done over the Internet, and online collaboration tools, all of them, have some means of addressing three functions: relationship management, knowledge management, and project management. But before I can talk about that, I need to vent a little. Prologue: Why you hate your online collaboration tools. This is a picture of Frank Lloyd Wright. This is a picture of a hammer. This is a picture of Fallingwater, a landmark in modern architecture. Most discussion of online collaboration does exactly the opposite. As an occasional presenter at tech-for-social change events, I share the blame.
40+ Useful HTML5 Examples and Tutorials HTML5 examples can be really good inspiration for anyone starting a new web project, after all it is the future of web page markup and we all need to prepare for it. HTML5 is being developed as the next major revision of HTML (HyperText Markup Language). The major market and Internet leaders are already switching to the HTML 5 platform. With Apple and Google both pushing the standards in order to facilitate more advanced web development, we now see HTML 5 implementations popping up all over the place as more companies get on board with the advanced features. With the constant drop of Flash usage in web and Internet applications, HTML5 is opening new doors to web designers and developers. In this scenario, it is indeed imperative for every web developer to know about basic compatibility, features, tricks and tricks of HTML5. Keep in mind that besides coding your own web site from ground up you can also kick start your project using a WordPress theme. Advertisement HTML5 Web Applications
25+ Universities offering Free Courses Online Open courseware offered by top universities allow self-learners to access high quality educational materials for no cost. Whether expanding your knowledge on a variety of topics or sampling the programs offered at universities, free courses can benefit you. The following universities offer free college courses online to anyone wishing to complete them. University credit is not offered for any of the free courses provided at these universities. Arizona State University (Opens in iTunes) : Find free video lectures and lecture voice recordings via the Arizona State University iTunesU. Currently, lectures are provided on math, media and advertising, social sciences, biology, history and health. ArsDigita University: Offers courses on computer science and maths, complete video lectures, lecture notes, assignments can be accessible. Brigham Young University : Free video lectures, written lecture materials and quizzes are provided through Brigham Young University’s open courseware .
Top Sites Blog - Discover Best Websites and Blogs CSS3 + Progressive Enhancement = Smart Design Progressive enhancement is a good thing, and CSS3 is even better. Combined, they enable designers to create lighter, cleaner websites faster and easier than ever before.. CSS3 can do some pretty amazing stuff: text shadows, rgba transparency, multiple background images, embedded fonts, and tons more. It’s awesome, but not all browsers are up to snuff. As designers, it’s up to us to decide which browsers to support for our projects. Among these generalized strategies, the second approach comes closest to the concept of progressive enhancement. A Quick Example Consider a basic layout done with good ‘ol CSS 2.1 and HTML 4.01. basic layout and compositionbackground, border, and font colorsfont families, styles, and transformationsbasic styles for HTML elementsdecorative graphics, link styles and so on The idea here is to begin with a nice, well-styled presentation that looks good in even archaic browsers like IE6. CSS 3 and Progressive Enhancement Do More with Less Code Sound good? Box Sizing ↑
7 Things To Avoid in Online Training Video Design Jeremy Vest knows video design. Having been a teacher, marketer, art director, author and instructional designer, his company xTrain are leaders in online video training having won Emmys for incorporating award winning television production with software-based training. The following is a summary of his slightly longer post that he brought to my attention today – thanks! 7 Sins of Online Video Instructional Design Not connected to learners When creating video training, have the SME address the camera, do not just show screen shots. Jeremy Vest is the CLO of Splash Media, author of Exploring Web Design, President and Founder of xTrain. Related Posts:
Let’s Call It a Draw(ing Surface) You are here: Home Dive Into HTML5 Diving In HTML 5 defines the <canvas> element as “a resolution-dependent bitmap canvas which can be used for rendering graphs, game graphics, or other visual images on the fly.” canvas is a rectangle in your page where you can use JavaScript to draw anything you want. So what does a canvas look like? Invisible canvas The markup looks like this: Let’s add a dotted border so we can see what we’re dealing with. Canvas with border You can have more than one <canvas> element on the same page. Let’s expand that markup to include an id attribute: Now you can easily find that <canvas> element in the DOM. var a_canvas = document.getElementById("a"); Simple Shapes Every canvas starts out blank. Click to draw on this canvas The onclick handler called this function: function draw_b() { var b_canvas = document.getElementById("b"); var b_context = b_canvas.getContext("2d"); b_context.fillRect(50, 25, 150, 100); } And then there’s this Every canvas has a drawing context Paths path . .
Great HDR Photography by Ásmundur Þorkelsson Few times people have been asking me to dig around and post some HDR (High dynamic range) photos for inspiration, something that I would think is nice, so I thought to my self who is better talk about than Ásmundur Þorkelsson I’ve been following him for quite some time now and I must say am really impressed with all his work not just the HDR photography, OK enough talking and let’s get down to business by displaying some but not all of his HDR work, if you want to get in touch with Asmundur you can just click on his name and it’ll take you right to his profile, so here it goes … © All rights reserved by asmundur
Protection par htaccess Sauf indication contraire les pages d'un serveur Web sont accessibles depuis tout l'Internet. Il est cependant tout à fait possible de restreindre l'accès à une page ou à un ensemble de pages, d'un serveur. Ces restrictions peuvent être gérées selon différents critères : l'accès peut être réservé à des utilisateurs appartenant au même domaine ou au même sous-domaine. La description des méthodes que nous allons faire s'applique à un démon HTTPD de type NCSA installé sur une machine Unix. Avant toute chose, il est indispensable que le serveur que vous utilisez permette ce type de mécanisme. que vous pouvez bien sûr modifier si vous administrez votre propre serveur. De plus, ils précisent si il est possible de redéfinir localement les droits d'accès à des fichiers, ce qui est le but de cette page. Ce qui signifie que vous ne pouvez pas (None) redéfinir les droits d'accès .... Pour changer, vous devrez mettre (ou vérifier auprès de votre prestataire de services que c'est le cas): ou mieux :
Maker High: Why Every School Should Be a Maker Faire The prevailing problem with American high schools is boredom. Actually, that’s just a symptom of alienation, irrelevance, and infantilization. A disconnected string of classes—some too hard, some too easy—appears to most teens to have little to do with life. And, they are right. But there is a solution, or at least some inspiration at “Maker Faire” running this weekend in San Mateo. What if, instead of going to class, students planted a garden, started a business, conducted an experiment, produced a video, or wrote a book? “What about stuff they need to learn to produce high quality products?” That’s how blended learning should work—a combination of personal digital learning and community connected, team-based, production-focused, authentic, engaging, and relevant activities. Big Picture and Edvisions are school networks closest to maker philosophy. Maker Faire is May 19 & 20 but the excitement for teachers starts Thursday (May 17) in San Mateo.
Drupal development begins with basic ingredients that follow a common recipe | Drupal Development - Flexibility To Web Design Drupal customization, Drupal application development, Drupal development and Drupal integration are a lot more like cooking. Mostly, it all starts with the basic same ingredients and usually follows common recipes. However, where one ends up as a final product matters a great deal on the techniques, tools and the secret recipe you work with. Below is a list of some of the Drupal development, Drupal customization, Drupal integration and Drupal application development tools that help develop, manage and maintain a Drupal site. 1. 2. 3. 4. 5. 6. Drupal customization, Drupal development, Drupal integration and Drupal application development being an open sourced means the code utilized to run the platform could be modified, copied and shared with others. The open source of Drupal gives users a great degree of flexibility for sharing, modifying and distributing content. Like this: Like Loading...
The World as Your Campus: Designing a General Ed Curriculum for Life One of the biggest hurdles people face when embarking on a journey of self-education is deciding what to learn. There are so many possibilities that it’s difficult to narrow down the options. If you still don’t know what you want to focus your self-studies on, may I suggest you take a bit of time for “general education.” In college, we think of general education as the series of courses one must take to get a broad understanding of academics. Classes like English, math, and history, help students of all disciplines share a common base of knowledge. In the “world campus,” a general education is anything that helps you explore your own interests and share a common understanding with humanity. An inspiring essay from William Upski Wimsatt, published in Utne Reader, explores one self-educator’s personal curriculum: “I…enrolled as a student at the University of Planet Earth, the world’s oldest and largest educational institution. Here’s my curriculum: Live in a different city every year.
The American Scholar: A Declaration of Intellectual Independence “The scholar is that man who must take up into himself all the ability of the time, all the contributions of the past, all the hopes of the future. He must be a university of knowledges. If there be one lesson more than another, which should pierce his ear, it is, The world is nothing, the man is all; in yourself is the law of all nature, and you know not yet how a globule of sap ascends; in yourself slumbers the whole of Reason; it is for you to know all, it is for you to dare all.” –Ralph Waldo Emerson Just 61 years after the Continental Congress adopted the Declaration of Independence, Ralph Waldo Emerson offered a declaration of his own urging Americans to stop being “parrot[s] of other men’s thinking.” The groundbreaking speech, later titled The American Scholar, is a treasure trove of autodidactic insight. In his speech, Emerson draws attention to three ways that people can become independent thinkers and free themselves from over-reliance upon the ideas of others. Study the Past