[AngularJS] HTML5 Autocomplete Autocomplete is quite a common UX pattern; for many years we have been using it through browsers and mobile applications, but because of the lack of browsers support, most of the time we have to use Javascript libraries to perform the task. Autocomplete form used in Airbnb In cases where Google APIs can provide the information, using their libraries is quite a good option. Code generated by Google autocomplete library Introducing Datalist The <datalist> tag allows modern browsers to display a native like autocomplete. Native Autocomplete in Chrome How to use Datalist? In order to use <datalist>, you need an <input> tag that allows you to specity a listattribute. Real case usage: Search Feature We will implement a search feature for flight destinations in different countries using<datalist> and AngularJS. The ability to load a data set of entries to searchReload the fetched entries depending on user’s inputReact to user’s actions in order to perform #1 Fetching the set of entries Conclusion
Practical PHP Programming Reviewing HTML5 for Web Designers HTML5 for Web Designers, written by Jeremy Keith, is the first book to be published under the A Book Apart brand, founded by Mandy Brown, Jason Santa Maria, and Jeffrey Zeldman. When the book first landed on my doorstep, I was a bit let down by its meagre length of around 85 pages. I have to be honest, however, and admit I had not done my research before its arrival. So I set aside my disappointment and started reading this beautifully crafted book. After reading through it, my opinion has changed. To give you some insight each chapter’s topics, I’ve described them each briefly. Chapter One The first chapter lays out the foundations of the book and explains how, as a community, we arrived at the latest iteration of our favorite markup language, HTML5. You might be tempted to skip straight to the second chapter, but I firmly believe that you should read this. Chapter Two Chapter two discusses how to convert web pages from XHTML 1 to HTML5. Chapter Three Chapter Four Chapter Five Chapter Six
Kate or Die! | Comics. Queers. Cats. Rendering a web page – step by step Have you ever thought about what happens when you surf the web? It’s not as simple as it seems: You type an URL into address bar in your preferred browser.The browser parses the URL to find the protocol, host, port, and path.It forms a HTTP request (that was most likely the protocol)To reach the host, it first needs to translate the human readable host into an IP number, and it does this by doing a DNS lookup on the hostThen a socket needs to be opened from the user’s computer to that IP number, on the port specified (most often port 80)When a connection is open, the HTTP request is sent to the hostThe host forwards the request to the server software (most often Apache) configured to listen on the specified portThe server inspects the request (most often only the path), and launches the server plugin needed to handle the request (corresponding to the server language you use, PHP, Java, .NET, Python?) I, too, get annoyed when the above steps take longer than one tenth of a second.
Essential JavaScript Design Patterns For Beginners I would like to thank Rebecca Murphey for inspiring me to open-source this mini-book and release it for free download and distribution - making knowledge both open and easily available is something we should all strive for where possible. I would also like to extend my thanks to the very talented Alex Sexton who was kind enough to be the technical reviewer for this publication. I hope that it helps you learn more about design patterns and the usefulness of their application to JavaScript. Volume 2 of Essential JavaScript Design Patterns is currently being written and will be more detailed than this first edition. The ETA for it's online release is late Q4, 2011. At the beginning of this book I will be focusing on a discussion about the importance and history of design patterns in any programming language. One of the most important aspects of writing maintainable code is being able to notice the recurring themes in that code and optimize them. Patterns are not an exact solution.
Review: The Truth About HTML5 For Web Designers The Truth About HTML5 For Web Designers is an ebook self-published by Australian developer Luke Stevens. The website promises “This is the book for web designers, web developers, and front-end coders who want to get up to speed with HTML5 in 2012″. It isn’t.It is a healthy antidote to all the bullshit out there claiming that HTML5 cures cancer and brings about world peaceAt only $4.99, it’s very cheaply priced and you’ll probably learn something or, if not, you’ll have some useful antidote to the hype. So buy it! Longer review Stevens’ book is not a really a tutorial. If such a thing interests you I heartily recommend that you buy it although, as with any polemic, there are parts of it I disagree with. For example, Stevens writes “There was—and is—no unifying vision of “HTML5”.” In his chapter on the structural elements, Stevens complains that the new markup elements are badly defined and hard to learn: These are serious problems that hurt, rather than help, web standards. I disagree.
Interactive Portal Turret by *r4di0fly3r on deviantART Top HTML5 Frameworks and Generators To Ease Your Pain Why knocking your head worrying about cross-platform and cross-browser problems when there are many frameworks free to use. Same with HTML5 Frameworks, which help to cut short the CSS modification and ease the pain of dealing with HTML5. Undoubtedly that adapting a new framework requires considerable time and amount of work, it is still the most effective way to avoid certain setbacks, inevitable setbacks that already been configured properly in the framework. Each framework has specific purposes and developers may have to adapt 2 or more to finish the task. We decide to split them to different criteria: Since you are here, you may also like: Web Frameworks 52 Frameworks The 52framework provides an easy way to get started using html5 and css3 while still supporting all modern browsers (including IE6). G5 Framework G5 Framework is a HTML5, CSS3, PHP & jQuery Front End Framework that is very lightweight and only includes the essentials. HTML5 Boilerplate Less Framework 4 Gridless Gravity Inuit.css
Review: Pro HTML5 Accessibility by Joshue O Connor Pro HTML5 Accessibility is an exhaustive book. Author Joshue O Connor is senior accessibility consultant with National Council for the Blind of Ireland’s Centre for Inclusive Technology and a stalwart of many W3C working groups. Don’t be afraid of the title. The book doesn’t assume that you’re a professional accessibility expert – quite the opposite; the first 100 pages don’t really deal with HTML5 at all, but survey the landscape of disability, assitive technologies and W3C WAI-ARIA. The last chapters of the book usefully survey testing methodologies and tools which will be invaluable to the lone developer told “oh, and it must be accessible/ DDA-/508-compliant, too”. Joshue does an admirable job of explaining how to use HTML5/ARIA to make sites accessible, and gives a thorough overview of how current browsers communicate new widgets (date pickers, sliders, video controls etc) to assistive technology now, rather than in some glorious unspecified future.