background preloader

HTML, CSS, Javascript Education

Facebook Twitter

Rebecca Murphey. 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.

Rebecca Murphey

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. Career Bocoup, Boston, MA Senior JavaScript Developer — April 2012 - December 2012 I joined Bocoup to do JavaScript consulting, but found myself engaging in the training side of the business instead.

HTML Elements & Attributes. 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. Bento - Learn how to code.

Code School. Learn Web Design, Web Development, and iOS Development - Treehouse. Learn to code. HTML5 Doctor, helping you implement HTML5 today. HTML, CSS, and JavaScript Tutorials, References, and Articles. Docs · WebPlatform Docs · WPD · A Baseline for Front-End Developers. 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.

A Baseline for Front-End Developers

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. Whatever it is, I think we’re seeing the emphasis shift from valuing trivia to valuing tools. The best way to learn creative and technical skills. 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. This course requires a basic understanding of HTML & CSS . Let’s start learning! This course will focus on the planning and design practices of creating a mobile product. Online Web Tutorials. Smashing Coding — Client-Side and Server-Side Development. Advertisement Howdy, folks! Welcome to the new incarnation of Smashing Magazine’s Q&A. It’s going to work like this: you send in questions you have about CSS, and at least once a month we’ll pick out the best questions and answer them so that everyone can benefit from the exchange. Your question could be about a very specific problem you are having, or it could be a question about philosophical approach.

We’ll take all kinds. We’ve done a bit of this before with a wider scope, so if you enjoy reading the Q&A, check out my author archive for more of them. Box Sizing Question from Brad Frost: What are your thoughts on Paul Irish’s idea to apply box-sizing: border-box to every element on the page? An armchair critic of this technique would whine about the performance of the universal selector (*). Front-end development - RedTeamDesign. CSS 3.0 Text Shadow. CSS Menu Generator. An Introduction to jQuery for Designers » JavaScript, jQuery » Design Festival.

MENU: Animated Text & Icon Menu w/ jQuery. Today we want to show you how to create a slick menu with a nice animation feature on hover.

MENU: Animated Text & Icon Menu w/ jQuery

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: 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.

Filter Functionality with CSS3

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 The idea is inspired by Roman Komarov’s brilliant “Filtering elements without JS” experiment where he uses checkboxes and radio buttons for filtering colored shapes. The beautiful Dribbble shots used in the demos are by Mike from Creative Mints.

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.

Creative CSS3 Animation Menus

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. Original Hover Effects with CSS3. Accordion with CSS3. jQuery for Absolute Beginners: The Complete Series. Digital Product Strategy & Design.