Shoot to kill; CSS selector intent – CSS Wizardry – Web Performance Optimisation 17 July, 2012 Written by Harry Roberts on CSS Wizardry. It’s worth noting that selector intent is something I completely made up at some point today; if you think there’s a better name then please let me know! Let’s take a closer look at the .header ul{} example. Your selector’s intent must match that of your reason for styling something; ask yourself ‘am I selecting this because it’s a ul inside of .header or because it is my site’s main nav?’. It’s all about the key selector… What determines the impact of a selector is its key selector. As I discuss in Writing efficient CSS selectors, the key selector plays a big part in CSS efficiency, so it’s worth bearing that in mind, but where selector intent is concerned this is basically the place you need to be looking to see how far reaching your selector is. html > body > section.content > article span{} is a ridiculously convoluted and terrible selector that no one anywhere would ever write (right?) We could select this in one of several ways:
TodoMVC About Sencha Touch 2.x, PhoneGap/Cordova, and the iOS 7 Status Bar | Druck-I.T. Home > Sencha Touch 2 > About Sencha Touch 2.x, PhoneGap/Cordova, and the iOS 7 Status Bar Well, the zany think-tank at Apple sure does seem to enjoy making our lives as cross-device mobile app developers exciting. And by ‘exciting,’ I mean ‘Oh God, Oh God, WE’RE BLOWING OUR DEADLINE!!!’ Their latest attempt to ‘Think Different’ resulted in changing the behavior of the iOS status bar. In prior versions of iOS, your phonegap-based app ran directly underneath it. So… that, uh.. sucks. To resolve this issue, I came up with the following hacks: 1) In your index.html file, add the following code to your deviceready handler: Next, you’ll need to modify the launch() function in your Sencha Touch app.js file to reduce the size of the viewport by 20 pixels: Ultimately this solves the problem, and you can even set the background color of the status bar by tweaking the body background color CSS style in your index.html file. Here’s the final result: Like this: Like Loading...
The Best Way to Learn JavaScript Learning something new is scary. For me, the biggest issue with picking up a new skill is that I don’t know what I don’t know. Given that, it’s often useful to find a plan for learning whatever you’re interested in. JavaScript is the language of the browser. Before you actually begin learning JavaScript, take a minute to understand what it is and does. JavaScript is not jQuery, Flash, or Java. JavaScript is the language of the browser (not exclusively these days, though). One more note: you’ve heard about jQuery, which is probably the most widely-used JavaScript library. You might even have heard someone say that you should start with jQuery (or another library) and learn JavaScript after. Codecademy is a relatively new website that bills itself as “the easiest way to learn how to code.” The folks at appendTo have a fantastic set of screencasts geared specifically for beginners. "Level up your skills with our on demand, pragmatic training solution. So, what can you build?
alternatives to codecademy | @myasmine Running my software company from 2009 to 2011 without a development background was challenging to say the least. It is how I became involved with GirlDevelopIt (an organization offers programming classes for women) and why I started LearnRuby101. With this post, my goal is to share the free interactive learn-how-to-code sites I’ve come across that can help you get started. I’ve also gathered the top recommended books on each language from Hacker News. For non-programmers, I would recommend reading this post by Liz Abinante titled “So, you think you want to be a web developer?”. If you decide it’s the path for you, recruit a friend or find an online community to get assistance. For programmers that know one or more languages already, this is a useful list if you want to quickly dive into something new without using a compiler. (Thanks to Owen Winkler for providing suggestions on this post). Learning HTML/CSS Learning JavaScript Learning Python Learning Ruby/Rails Learning Java Learning Git Ruby
The Front End Developer's Dilemma Learn Development at Frontend Masters Hello, my name is Geoff and I am a web designer. At least, that’s what I tell people I do for a living, because it’s what most people understand. The truth is, I am a front end developer. If you read this blog with any sort of regularity, then I don’t even need to bother explaining that job title. Or do I? I get a sense that we likely have different definitions for what it means to be a front end developer. In other words, some of you may not consider me a developer at all, or a poser at best. I found myself recalling those hurt feelings recently when Lara Schenck shared her story of missing out on a UX job because she wasn’t familiar with the programming test FizzBuzz. #My Tale of Being a Non-Unicorn I design for the web, and often code those designs into the stuff that people interact with on the front end. I didn’t always write code. Am I excellent at all of the above? That’s the abridged story of how I became a front end developer.
Best JavaScript MVC Frameworks 2013-2014 - JonathanMH JavaScript MVC Frameworks are a big topic nowadays that we use JS to bind data, send it back and forth between server and client and actually implement lots of logic, so we want to structure our code after the MVC or similar patterns, decoupling the logic or data handling from the views. In this article I want to share what frameworks I’ve tried out and which ones I find interesting. Why JavaScript MVC Framworks? I do Web Development, I’ve started building things with node.js on the backend, so obviously I have a strong tendency towards environments where JavaScript is available. Which JavaScript MVC Frameworks? Now let’s finally look at the list I’ve compiled, which includes a short introduction, my experience with them, if there is any, further reading and a list about their dependencies, license and their examples at TodoMVC.com. Angular.js – The Fresh Breeze My Experience with Angular Further Angular Reading AngularJS Best Practices: I’ve Been Doing It Wrong! Dependencies none License
Building a Notification App for iOS with Sencha Touch and PhoneGap – Part 1 of 4 | Druck-I.T. Home > Mobile Development, Sencha Touch 2 > Building a Notification App for iOS with Sencha Touch and PhoneGap – Part 1 of 4 Push it….Push it real good! At Fig Leaf Software, we’re seeing increased demand to add push notifications to our customer’s mobile apps. While Sencha Touch 2.x directly supports push notifications through its Ext.device.Push class, as of this writing, its support is limited to iOS. (click here if you didn’t get the salt & pepa reference above) Part I of this tutorial focuses on using Apple’s developer portal to generate the required certificates necessary for app compilation and testing. Prerequisites This tutorial assumes that you have procured an iOS developer account ($99 USD) and that you’re working with Sencha Touch 2.2+ and Sencha Cmd 3. PART I: Download the required software Part II: Generate a Development Cert for your App PART III: Register your App with the iOS Provisioning Portal Part IV: Create a Push Notification Development Certificate — End — Like this:
Learn Java: Part One Learn Java: Part One So you want to learn the basics of the fantastic language Java, but you don't want to search the Inter-webs looking for a great tutorial. Well you came to the right place, now may I present to you JAVA. Before We Begin You must have the latest version of Java Development Kit, or JDK. At the time of writing it is JDK 7. IDE (Integrated Development Environment) An IDE is near necessary for you to code in any language effectively. Okay, now that you have JDK and Eclipse or an IDE of your choosing, lets get started. Step 1 Start Okay, open up Eclipse and if this is your first time you should get something like this, don't worry just hit "OK". Now we are going to go to File>New>Java Project, then for project name lets call it "HelloWorld". Then right click HelloWorld in the package explorer like so and then scroll over new then click class then call the class HelloWorld Note: public static void main(String args[]){ is needed for every class that is going to be executed. See Also