University - Photos from Winter Term in Peru. Elon professors Ernie Lunsford and Lisa Peloquin and a group of 17 students explored Peru during Winter Term for "The Living Heritage of the Andes. " The course introduced students to metropolitan and rural areas, language and culture. Elon's photographer, Kim Walker, joined the group midway and documented the students conjugating verbs in sunlit classrooms, struggling with traditional Andean farm tools, exploring a very soggy Machu Picchu, as well as climbing countless stone stairs throughout southern Peru. Led by local guide Raul Jaimes (atop the structure), the group arrives at an Incan house among the Pisaq ruins, in the eastern portion of the Sacred Valley. Colin Keaveney '13 describes exploring Machu Picchu: "Dampened from the rain, exhausted from the 4 a.m. wake up call and out of breath, but there was no place I would rather be but on this Inca trail in their most exquisite of cities.
It’s humbling knowing I walked the same trails the Inca did centuries before me. " NOAH KALINA - SCENES. Beginner to Intermediate PHP Exercises | PHP Exercises. Designing a Facebook landing page: 12 of the best! - Web Design Blog – DesignM.ag. Get the FlatPix UI Kit for only $7 - Learn More or Buy Now I felt it necessary to congratulate and portray some of the successes of Facebook on this very big occasion. As of today (July 21st) Facebook has succeeded in signing up 500 million accounts! This is obviously a huge number and it’s not only individuals. As many of you already know we are seeing more and more companies jumping on the bandwagon in an effort to extend their reach beyond the typical platforms.
The site wide uniformity of Facebook has been a flagship characteristic of the Facebook and it seems they have worked very hard to stay within their original business model. This obviously isn’t a tutorial on how to design a company landing page, but rather I hope to inspire you as to what successfully companies are doing within this space. Victoria’s Secret Coca Cola Adidas Red Bull Kit Kat Gary Vaynerchuk Toyota Mashable Taco Bell Louis Vuitton Gap Author Bio: I am a 26 year old internet entrepreneur and co-founder of MOJO-Themes.com. Welcome to web.py! (web.py) The Ultimate HTML5 Tutorials and Useful Techniques. We always prefer new technology and techniques for make better performance in our work, we’re talking about new new fundamental markup language for the web HTML5 that you all love so much.
HTML5 is giving web designers and developers new capabilities in the world of web development. With the presence of HTML5, web application development will be more fun. HTML5 introduces a number of new elements and attributes that reflect typical usage on modern websites. Some of them are semantic replacements for common uses of generic block (<div>) and inline (<span>) elements, for example <nav> (website navigation block) and <footer> (usually referring to bottom of web page or to last lines of html code). HTML 5 features like Canvas, local storage, and Web Workers let us do more in the browser than ever before.
Web pages will now be more semantic with the use of structure specific tags. Touch The Future: Create An Elegant Website With HTML 5 And CSS3 How to Make an HTML5 iPhone App HTML5: The Basics. Static Site Generator for PHP. 17 Useful jQuery Plugins to Improve the Look and Feel of Your Website. Ever heard of JavaScript? I bet it’s a Yes if you’re a web designer and how long did it take for you to master it? Unless you are a genius, it does take some time to learn how to use it and only after that create some great websites. For those of you who have not yet worked with JavaScript and it kind of scares you – we have good news for you. If you want to increase the usability and the appearance of your website – you can use a really powerful framework to help you out known as jQuery. jQuery comes in handy when you want your website to look nicer and user-friendly. What’s more, thanks to all those skilled developers these plugins appear all the time, so that you could use something fresh and up to date for your website.
jQuery Quicksand plugin Reorder and filter items with a nice shuffling animation. iPhone Style Radio and Checkbox Switches using JQuery and CSS A simple technique for creating radio button and checkbox switches with jQuery. jQuery MegaMenu Plugin jSquares Contactable. How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery. As you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I've always liked the way the menu on MooTools worked. So in this tutorial we'll recreate that same effect ... but we'll do it in jQuery!
Demo and Source Code Step 1 Let's begin by writing the necessary HTML to create a simple vertical navigation. For the structure, as you may have guessed, we will use an unordered list <ul> with the ID name "sliding-navigation". I'm also going to add in a title element. Step 2 Now, let's create a HTML document where we can put the work we just did. There are a few things to note here: The ! Step 3 Now that we have our HTML file labelled and working, let's add some styles. Step 4 At this point your demo.html page should be looking something like this: So, it is finally time to begin using jQuery.
This is what your HTML file's <head> should look like now: Step 5 So, open your sliding_effect.js file and insert the following code: Step 6 Step 7 Finished. Wonderfl build flash online. Paste CSS Vertical List Menu. Home / Free JavaScripts / Menu and redirection / Here Note: Modified March 29th, 08. Fixed IE7 drop down issue (only .css file updated). Description: This is a lean CSS vertical menu. The markup is entirely based on an ordinary HTML list, with support for 1 level of nested lists. The nested lists are transformed into 2nd level drop down menus that appears dynamically onmouseover. The entire menu interface is styled via the external CSS, even the arrow image that appears automatically beside menu items that carry a 2nd level. See also:CSS Horizontal List Menu Example: Directions: Step 1: Add the following code to the <head> section of your page: It references two external files and 3 images.
Step 2: Add the below HTML to your page, which contain your menu links: That's it! Gradient text jQuery plugin - Codefocus. Do you want to give your HTML headers a shiny gradient? GradientText is an ultra small, easy to use jQuery plugin that will give your standard H1, H2, H3, etc. headers a gradient text color. GradientText automatically converts your text to a HTML5 <canvas> tag with the gradient you specify, and also allows for shadow. The font will stay the same as defined in your CSS. If the visitor's browser does not support the <canvas> tag, your (header) text will show as normal. Download Version 0.1, released February 14th, 2011 GradientText v0.1 (minified) (2KB) GradientText v0.1 (4KB) Prerequisites Include jQuery and the GradientText jQuery plugin: Example 1: Horizontal rainbow Create a javascript file or script tag (after the two mentioned above), and run the GradientText jQuery plugin on your element(s): Produces: Example 2: Subtle gradient Example 3: Add some shadow Example 4: Or a ghostly glow Configuration You can configure the following options when initializing the blockfader jQuery plugin:
Isotope. 31 CSS Code Snippets To Make You A Better Coder | Design your way. Hacker News | Ask HN : Which opensource project for beginner python developer. jQuery File Upload - Multiple File Upload Plugin for jQuery | blogfreakz.com. jQuery File Upload is an open source plugin for jQuery that supports multiple file upload with lots of useful features including drag and drop, upload progress indicator and cross-site file uploads. The implementation is based on open standards like HTML5 and JavaScript and requires no additional browser plugins.
Uploads files via XMLHttpRequests if supported and uses iframes as fallback for legacy browsers. This plugin will Shows a standard HTML file upload form if JavaScript is disabled. The files can be uploaded as standard “multipart/form-data” or file contents stream (HTTP PUT file upload). jQuery File Upload Works with Google App Engine (Python, Java), Ruby on Rails, PHP and any other platform that supports HTTP file uploads. Requirements : jQuery Library 1.4 Demo : License: MIT License Incoming search terms for the article: C HTML5 Logo. PHP for Beginners: Building Your First Simple CMS. The Magic of PHP + MySQL It’s safe to say that nearly every website that’s up-to-date these days is using some form of content management system (CMS).
While there are a ton of great free options that provide us with a CMS to power a website (WordPress, Drupal, etc.), it doesn’t hurt to peek under the hood and get a feel for how these systems work. To get our feet wet as back-end developers, we’ll be creating a simple PHP class that will: Create a databaseConnect to a databaseDisplay a form with two fieldsSave the form data in the databaseDisplay the saved data from the database Download Files This class is intended to give you a feel for how PHP and MySQL interact together, and to show the basics of a CMS.
Building the Class Our first step is to simply lay out the class in a file named ‘simpleCMS.php’ so we have a road map to work with. As you can see, we’re creating one class with four variables and five methods. The Variables Build the Database Connect to the Database Build the Form <! <? Share. This dialog can be used with the JavaScript, iOS, and Android SDKs, and by performing a full redirect to a URL. Here are some example code snippets that can be used to trigger this dialog. JavaScript SDK Trigger a Feed Dialog using the FB.ui function with a feed method parameter. iOS SDK Read our full guide to using the Feed Dialog in iOS or you can read about our iOS Share Dialog which also allows you to publish Open Graph stories. NSMutableDictionary *params =[NSMutableDictionary dictionaryWithObjectsAndKeys: @"An example parameter", @"description", @" @"link", nil]; [FBWebDialogs presentFeedDialogModallyWithSession:nil parameters:params handler:^(FBWebDialogResult result, NSURL *resultURL, NSError *error) {}]; Android SDK Read our full guide to using the Feed Dialog in Android or you can read about our Android Share Dialog which also allows you to publish Open Graph stories.
URL Redirection. FBML – How to Add a Share Button to Your Facebook Fan Page. Posted on 25 January, 2010 By Kim Woodbridge FBML provides the code to include a little share button, like the ones you see on the bottom right of the wall, on your customized fan or business page. When you are on any tab on a fan page other than the wall, there isn’t a share button, so it’s useful to be able to add one so that visitors can share the page with their friends or even post your page to their own wall.
And this little bit of FBML is super easy to use. The little share button at the bottom left of the wall page looks like this: Unfortunately, the button can not be customized. The code is: The only thing that you need to change is the the url after to the one for your own fan page. When the button is clicked on the share box looks like the following: It’s pretty basic and includes the general information that Facebook has about your fan page.
If you want to make the share box a little fancier you would use the fbml that includes the meta class rather than the url class. Login. For Websites. As mentioned, the code above uses the common defaults for the options available when initializing the SDK. You can customize some of these options, if useful. Changing SDK Language In the basic setup snippet, the en_US version of the SDK is initialized, which means that all the dialogs and UI will be in US English. You can change this language by changing the js.src value in the snippet. <script> (function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/es_LA/all.js"; d.getElementsByTagName('head')[0].appendChild(js); }(document)); </script> Disabling Login Status Check By setting status to true in the FB.init() call, the SDK will attempt to get info about the current user.
Setting status to false can improve page load times, but you'll need to manually check for login status using FB.getLoginStatus. Disabling XFBML Parsing Triggering Code when the SDK loads Debugging. GuyWhoSteals :D: 75 Most Useful jQuery Plugins of Year 2010. We all know that another great year 2010 is coming to an end and 2011 is just ahead of us. 2010 was great for gadgets, technology lovers, web designers and developers. While we had seen some great gadgets, new technology, softwares launching this year and hope this trend will continue in the next year too. If you browse internet regularly, you must have seen the trend of compiling end-of-the-year-roundups and many of sites already started posting round-ups of 2010. Well, I have a announcement for our readers that we are starting compiling end-of-the-year roundups from today. All these roundups will be best in the category and includes mostly free stuffs.
For the first end-of-the-year roundup, we have selected best jQuery plugins of year 2010 that enables you to create awesome animations and effects to your website. These jQuery plugins allows you to create stunning websites without having to much worry about accessibility issues. 4) YoxView : YoxView is a free image viewer for websites. Easel JS: A Javascript Library for Working with the HTML5 Canvas Element. Pure CSS folded-corner effect – Nicolas Gallagher – Blog & Ephemera.
Create a simple CSS folded-corner effect without images or extra markup. It works well in all modern browsers and is best suited to designs with simple colour backgrounds. Demo: Pure CSS folded-corner effect Known support: Firefox 3.5+, Chrome 4+, Safari 4+, Opera 10+, IE 8+ This post is going to expand on the technique used to create the folded-corner effect that is part of the demo page for Multiple Backgrounds and Borders with CSS 2.1.
As a starting point it will look to recreate the appearance of the note style used on the Yiibu‘s fantastic web site. Nothing complicated. Adding position:relative makes it possible to absolutely position the pseudo-element. The folded-corner The folded-corner is created from a pseudo-element that is positioned in the top corner of the box. In this example, the top and right borders are set to colours that match the background colour of the box’s parent. This is all that’s needed to create a simple folded-corner effect like that found on Yiibu. Head JS :: The only script in your HEAD. Responsive Design (Think @media-queries, and more) Achieve responsive design with CSS that targets different screen resolutions, paths, states and browsers.
Need to display an element at a specific screen size ? As you can see above, if you can write it in CSS, you can usually also write it in JavaScript. mobile, desktop, landscape, portrait, touch, viewport height, viewport width, screen height, screen width, browser height, browser width, browser name (ie, chrome, ff, ios, android, webkit, opera), browser version, current folder, current page Feature Detections (Like Modernizr. Detect various browsers and their features. What about custom detections and device/browser features ?
We have a bunch of features detections built in, and if that's not enough, simply create one yourself ! Desktop Mobile Landscape Portrait Retina Touch Transitions Transforms Gradients Opacity Textshadow Multiplebgs Boxshadow Borderimage Borderradius Cssreflections Fontface rgba() Manage your library's dependencies. Coding a Rotating Image Slideshow w/ CSS3 and jQuery. Query Language - Google Base Data API - Google Code. Geemus's googleajax at master - GitHub. Using CSS3 Transitions, Transforms and Animation. 10 jQuery Plugins for Good Looking Forms | Nerd 5 ! Code-is-art. jQuery Quicksand plugin. HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
List of "Open Source" web design templates. Know of any more than this? : web_design. Music Notation with HTML5 Canvas. 25 Excellent jQuery Sliders Tutorials and Plugins. 40 jQuery and CSS3 Tutorials and Techniques :Speckyboy Design Magazine. HTML, CSS, and Javascript from the Ground Up - Google Code University - Google Code.
SIDEWAYS ? jQuery fullscreen image gallery.