Inline scripts: sometimes the web is just screwed up : Algorithms for the masses - julian m bucknall I don’t know about you, but one of my favorite commands in the browser is “View Page Source”, especially on a site that’s modern, visually attractive, or shows off some clever interactions. After all, I’m a developer: I like to find out how things work so I can, if I want to, replicate on my own web sites. Some web pages though are really nasty when you look at their source. And one of the places they excel at nastiness is in their use of inline scripts. Let’s take a look at the three main ways you can insert inline scripts into your HTML. <script type="text/javascript"> $(function () { var inputText = $("#inputtext"), outputMath = $("#outputmath"), inlineMath = $("#inlinemath"); inputText.on("keyup", function () { var expr = inputText.val(); outputMath.text('\\[ ' + expr + ' \\]'); inlineMath.text('The expression is <\\( ' + expr + ' \\)>.'); MathJax.Hub.Queue(["Typeset", MathJax.Hub, "outputmath"]); MathJax.Hub.Queue(["Typeset", MathJax.Hub, "inlinemath"]); }); }); </script>
Why developers are leaving the Facebook platform Attitudes towards the Facebook platform have changed Recently, Bill Gurley of Benchmark wrote a great piece on how platform companies like Facebook, iOS, Android, eBay, and others manage the ecosystem around them. It’s an important essay and I’d recommend you all read it. I found myself nodding my head as Facebook was discussed. In recent conversations with fellow entrepreneurs in Silicon Valley, it’s become a common belief that Facebook has become an undesirable platform for a startup to build their company. Last month, I even heard one prominent VC even went so far as to say: If your audience comes primarily from Facebook, that’s just uninvestable1. Ouch. That’s a big shift from just 3-4 years ago when everyone was building Facebook apps and deeply integrating it into their products. So what happened? Multiple factors in this analysisThe summary of the reasons why developers have increasingly left the Facebook platform for other platforms: What’s next for the Facebook Platform?
json s Den - Tweak Touch Behavior in Internet Explorer with User Style Sheets Apr 5, 2013 As touch becomes a more and more prevalent means of interacting with PCs as well as phones and tablets (I'm typing this on a Lenovo Carbon X1 Touch laptop), developers should be aware of how to create touch-friendly sites and apps that help users make the most of touch-enabled devices. If you're building apps for the Windows Store, there's good guidance available on touch interaction design on the Windows Store developer center. There's also some guidance available for building touch-friendly sites in Internet Explorer 10. One interesting piece of that discussion is the –ms-touch-action CSS property, which defines the default behavior for the browser's response to touch. If you're a developer, it's easy enough to add an appropriate CSS style rule to prevent double-tap-zoom on the canvas element in your game, like so: 1: #myGameCanvas { 2: -ms-touch-action: none; But what happens when you run into a game where the developer hasn't provided such a rule? A Word of Caution Conclusion
The 10 rules of a Zen programmer | Christian Grobmeier Solutions UPDATE: "The Zen Programmer" book is available! Click here. On a rainy morning I found myself sitting on the desk thinking about efficient working. Before I started as a freelancer I had some days were I worked lots but could look only back on a worse outcome. I started with Zen practice back in 2006. 1. If you have decided to work on a task, do it as well as you can. Kodo Sawaki says: if you need to sleep, sleep. 2. Before you work on your software, you need to clean up your memory. Something exciting on the mailinglist? Think like this: at most times your mind is pretty clean when you wake up at the morning. You know it already. 3. Remember the days were you were a beginner. Was there ever a software build twice, the same way? 4. Some programmers have a huge problem: their own ego. Who is it who decides about your quality as programmer? A facet is nothing what you can be proud of. Can you really be proud because you are a geek? Kodo Sawaki once said: you are not important. 5. 6. 7. 8.
Beyond Wireframing: The Real-Life UX Design Process Crocodoc We recently launched a preview of Crocodoc’s newest document to HTML converter. If you haven’t checked it out yet, go play with our preview and see how we’re converting the pages of your documents to embeddable SVG and HTML. What does the new converter mean to those of you building web applications using Crocodoc? Simple: your documents will load faster, look sharper, and be much easier to customize. Our preview page is full of interactive examples designed to help provide inspiration and showcase what is possible with the new Crocodoc: everything from a 3D page demo, showing off the many layers in a document, to a magnified view of an uploaded document, and a thumbnail that expands into a full-size inline document. For this post, I’d like to focus on the 3D demo. Note: the demos in this blog post require IE 9+ (preferably 10), Firefox, or any WebKit browser. Building the 3D Demo Just want to play with some code? Step One: Proof of Concept The Page Demo #1: The Page Adding Transitions Wrap Up
Lucy Blair: Developers are the new rockstars: Why labels should care May 21, 2013 "The companies sticking to their guns are dying off now", says Troy Carter. Ministry of Sound's digital marketing manager agrees... By Lucy Blair Back in April, Billboard ran this cover story: “How Guy Oseary, Scooter Braun and Troy Carter Are Finding the Rock Stars of Tech.” As the article pointed out, after a painful decade spent suffering the fallout of the failure to adapt to digital, over the past 4-5 years the music industry has finally seen the light shone on a brighter future by technology. But of course, not everyone is cut out for a lifetime of loops and functions. Everywhere you look, there are exhilarating examples of this. But then, what else would you expect from the company who helped to found Music Hack Day, and whose ethos is so firmly rooted in digital disruption? We’ve also just launched a campaign with the highly talented developers of We Make Awesome Sh, called #mosmoments : check it out here! And yet, there is still so much more that can be done.
Algo de programacion web Advanced cross-browser flexbox By Chris Mills Introduction The CSS Flexible box module level 3 — or Flexbox for short — brings with it a lot of power and some very exciting possibilities for web development, allowing us to put together complex site layouts easily and rapidly, and dispensing with some of the illogical hacks and kludges that we've traditionally used. I dealt with the basics of Flexbox in my article Flexbox: fast track to layout nirvana? Introducing the example The example I have built for this article looks like Figure 1: Figure 1: An image of the final layout example This has multiple levels of flexboxes contained within it. The overall layout The basic layout of the site is like this: The <section> is set to display as a flexible box like so: Note: Different IE-specific properties are specified at the top of the rule because IE10 currently supports different flexbox syntax (from 2011) to the latest spec supported by Opera and Chrome. Child flexboxes Next comes the magic moment. Conclusion