Before joining mention, Arnaud was co-founder and CTO of UniShared and VideoNot.es, part of the Imagine K-12 2013 Winter batch. Over the last few years, we’ve seen tremendous growth in an entirely new generation of web applications. These apps have become much richer, leading to a huge increase in complexity on the front-end side. A Compendium of SVG Information.
Manipulating the browser history - Web developer guide. The DOM window object provides access to the browser's history through the history object.
It exposes useful methods and properties that let you move back and forth through the user's history, as well as -- starting with HTML5 -- manipulate the contents of the history stack. Traveling through history Moving backward and forward through the user's history is done using the back(), forward(), and go() methods. Moving forward and backward To move backward through history, just do: window.history.back(); Getting your Social Share Counts with PHP - Web Design. Social URL Analytics.
DropzoneJs + PHP: How to build a file upload form. DropzoneJS is an open source library that provides drag'n'drop file uploads with image previews.
The ability to communicate with a web server without reloading the page has revolutionised how web applications are built. Getting Started with the Speech Synthesis API. With the introduction of products like Siri and Google Now, speech technology has really taken off in the past few years.
Various organisations have been working on speech recognition and synthesis for decades, but it seems like only recently that this technology has become reliable enough to be useful to the masses. A few weeks ago we looked at how to add simple speech recognition to your web apps. In this blog post you’re going to turn the tables and learn how to get your web apps talking. To do this you’re going to be learning about the Speech Synthesis API. Browser Support: The Speech Synthesis API is supported in Chrome 33+ and Safari. Basic Speech Synthesis The Speech Synthesis API is surprisingly easy to implement. Var utterance = new SpeechSynthesisUtterance('Hello Treehouse'); window.speechSynthesis.speak(utterance); Image Resizing Made Easy with PHP.
Ever wanted an all purpose, easy to use method of resizing your images in PHP?
Understanding Event Delegation. Event delegation allows us to attach a single event listener, to a parent element, that will fire for all descendants matching a selector, whether those descendants exist now or are added in the future.
For the remainder of the lesson, we will reference the following HTML structure: When an anchor in our #list group is clicked, we want to log its text to the console. Normally we could directly bind to the click event of each anchor using the .on() method: While this works perfectly fine, there are drawbacks. Consider what happens when we add a new anchor after having already bound the above listener: If we were to click our newly added item, nothing would happen.
Understanding how events propagate is an important factor in being able to leverage Event Delegation. <a><li><ul #list><div #container><body><html>document root This means that anytime you click one of our bound anchor tags, you are effectively clicking the entire document body!
URL Rewriting for Beginners. A beginner's guide to URL rewriting, with plenty of examples.
Introduction URL rewriting can be one of the best and quickest ways to improve the usability and search friendliness of your site. It can also be the source of near-unending misery and suffering. Definitely worth playing carefully with it - lots of testing is recommended. So You Want to Accept Credit Cards Online? Until recently, accepting credit cards on a website was expensive and complicated.
Galleries. Mobile Site Optimization. Tutorials-Web Development. 10 Feedback Tools for Designers. If you want a project to be successful, user experience and interaction are key. An effective web design process needs to include testing, feedback and refinement. Receiving feedback can act as quality assurance, give you an alternative perspective, help you develop new ideas and ensure you're meeting your users' requirements and expectations. There are various types of feedback, from "voice of the customer" and surveys to process level and crowdsourcing.
In this article, we concentrated on UI/UX testing and usability. We've put together a selection of software and online-based tools that you can use to help your website reach its maximum potential. The 30 CSS Selectors you Must Memorize.