HTML, CSS, Javascript Education

Facebook Twitter
Rebecca Murphey - Adventures in JavaScript Development Rebecca Murphey - Adventures in JavaScript Development Durham, North Carolina I am a JavaScript application developer and a frequent speaker on the topic of code organization and best practices at events around the world. I authored the learning site jQuery Fundamentals, contributed to the jQuery Cookbook from O’Reilly Media, served as a technical reviewer for David Herman’s Effective JavaScript, and created the TXJS conference. I have also created and contributed to several open-source projects. I was instrumental in getting deferreds and promises introduced to jQuery 1.5; I created the js-assessment project, a test-driven tool for assessing a developer’s JavaScript skills; and I contributed key modules to the Johnny Five library for using JavaScript to interact with Arduinos.

HTML5 Please - Use the new and shiny responsibly

Making your app real-time is a huge boost and WebSockets give you the ability to add bi-directional communication over a persistent connection to your application to increase interactivity and user engagement. web-socket-js is a natural polyfill for the JavaScript WebSocket API transferring data through Flash Sockets when WebSockets aren't available. To use native WebSockets in versions of Firefox before 11, the prefixed MozWebSocket should be used. The protocol backing the Web Socket API has become an IETF standard, but Safari did not implement that version until Safari 6. To support Safari 5, the WebSocket server needs to support both -76 and the RFC6455 versions, or you can use Flash or Java sockets (if available). The -76 version has a possible security problem for users behind buggy transparent proxies. HTML5 Please - Use the new and shiny responsibly
Top 3 Accredited Online Schools : Find The Best Online School + Search Online Degrees, Colleges and Universities + Free Online Schools + Online K-12 Schooling + Online School Reports, Reviews, & Rankings Explore our comprehensive guide to online elementary schools, which includes information on: Search through our directory, which contains 138 online elementary schools. SEARCH NOW. 1.8 million online elementary course enrollments in the 2009-2010 school year *

Top 3 Accredited Online Schools : Find The Best Online School + Search Online Degrees, Colleges and Universities + Free Online Schools + Online K-12 Schooling + Online School Reports, Reviews, & Rankings

I have to be honest with you: I feel like a fraud writing about JavaScript for HTML5 Doctor. I would feel like a fraud writing about JavaScript for a click-driven ad-splattered content farm, never mind HTML5 Doctor. The thing is though, I’m writing about the classList API, and it’s super easy. If your JavaScript-fu isn’t great and you’re wary of HTML5 APIs, this one is at the perfect temperature for toe-dipping, and it’ll leave you pleasantly surprised at just how easy it is.

HTML5 Doctor, helping you implement HTML5 today

HTML5 Doctor, helping you implement HTML5 today
Tutorials Quick and easy-to-follow practical guides to get you up and running with HTML, CSS, and JavaScript, following best-practices every step of the way. Techniques A handful of how-to techniques builds on the Tutorials and outlines ways in which common web design features can be achieved. HTML, CSS, and JavaScript Tutorials, References, and Articles | HTML Dog

HTML, CSS, and JavaScript Tutorials, References, and Articles | HTML Dog

Summary Web Platform Docs is a community-driven site that aims to become a comprehensive and authoritative source for web developer documentation. Explore our web development docs General web concepts Conceptual and tutorial articles on topics such as how the web works, information architecture, typography, and web design. Docs · WebPlatform Docs · WPD · WebPlatform.org

Docs · WebPlatform Docs · WPD · WebPlatform.org

A Baseline for Front-End Developers - Adventures in JavaScript Development

I wrote a README the other day for a project that I’m hoping other developers will look at and learn from, and as I was writing it, I realized that it was the sort of thing that might have intimidated the hell out of me a couple of years ago, what with its casual mentions of Node, npm, Homebrew, git, tests, and development and production builds. Once upon a time, editing files, testing them locally (as best as we could, anyway), and then FTPing them to the server was the essential workflow of a front-end dev. We measured our mettle based on our ability to wrangle IE6 into submission or achieve pixel perfection across browsers. Many members of the community – myself included – lacked traditional programming experience. HTML, CSS, and JavaScript – usually in the form of jQuery – were self-taught skills. Something has changed in the last couple of years. A Baseline for Front-End Developers - Adventures in JavaScript Development
Ever wanted to learn how to design for the vast mobile device market? In the course, Ryan Quintal will teach us the basics of Mobile Design and take rough concept sketches through to polished designs for mobile websites or apps. Along the way, you’ll learn about planning usability, human interface guidelines, wireframing, and more. Tuts+ Premium | The best way to learn creative and technical skills. Tuts+ Premium | The best way to learn creative and technical skills.

Smashing Coding — Client-Side and Server-Side Development

Category: Coding This extended category features articles on client-side and server-side programming languages, tools, frameworks and libraries, as well as back-end issues. Experts and professionals reveal their coding tips, tricks and ideas. Curated by Dudley Storey. . Popular tags in this category: CSS, CSS3, HTML, JavaScript, jQuery, PHP, Techniques, Essentials, Tools. Smashing Coding — Client-Side and Server-Side Development
Front-end development - RedTeamDesign I consider myself a novice when it comes to coding in JavaScript but lately I played a bit more with this language and stumbled upon a few random things I thought were worth sharing. So, if you are new to JavaScript or just don’t know it as well as you would like, I hope you find this article useful. As you may have read a while ago, position: sticky landed in WebKit. Now, the latest news is that Firefox Nightly supports sticky positioning too and that’s definitely good news! I found this two years old Dribbble shot by Ignacio Giri.

Front-end development - RedTeamDesign

I found approaching jQuery to be an intimidating experience because I’m not a developer. Implementing JavaScript was what “they” did on the back-end of a website, but had little to do with my process when creating a design for a website. But as a designer, I need to know the full range of options – and limitations – I have at my disposal when building a design for a client. jQuery presents some amazing options for design. If I want to be at the top of my field, I felt I needed to push myself out of my box and learn what the heck this whole jQuery thing is all about. An Introduction to jQuery for Designers » JavaScript, jQuery » Design Festival
Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in with a different color. View demoDownload source The inspiration for this menu comes from the website of the Pelican Miami Beach Hotel: http://www.pelicanhotel.com/ The icons are taken from the incredible Noun Project that “collects, organizes and adds to the highly recognizable symbols that form the world’s visual language, so we may share them in a fun and meaningful way”.

MENU: Animated Text & Icon Menu w/ jQuery

Filter Functionality with CSS3

Using the general sibling combinator and the :checked pseudo-class, we can toggle states of other elements by checking a checkbox or a radio button. In this tutorial we will be exploring those CSS3 properties by creating a experimental portfolio filter that will toggle the states of items of a specific type. View demo Download source

Creative CSS3 Animation Menus

Being in the mood for experimenting with CSS3, I'd like to show you some creative menu hover effects in today's tutorial. The idea is to have a simple composition of elements, an icon, a main title and a secondary title, that will be animated on hover using only CSS transitions and animations. We'll be exploring some different effects for the elements. View demo Download source Being in the mood for experimenting with CSS3, I’d like to show you some creative menu hover effects in today’s tutorial.

Accordion with CSS3

Using hidden inputs and labels, we will create a CSS-only accordion that will animate the content areas on opening and closing. View demo Download source Today we’ll experiment some more with the adjacent and general sibling combinator and the :checked pseudo-class.
Digital Product Strategy & Design