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?
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.
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.
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
Historique des langages de programmation depuis l'écriture du premier code, le langage C créé en 1972 demeure toujours populaire Entre 1842 et 1843, une jeune comtesse du nom d'Ada Lovelace traduisait le mémoire d'un mathématicien italien du nom de Luigi Menabrea sur la machine analytique proposée par Charles Babage. À cette traduction, la jeune comtesse avait ajouté ses propres notes dont l'une décrivait de façon détaillée une séquence progressive d'opérations pour résoudre certains problèmes mathématiques. Le premier programme était né. De 1957 à 1959 on note le développement des langages Fortran, Lisp et COBOL. En 1972 le C (premier au classement de TIOBE) fait son apparition. L'année 1995 voit la naissance de trois langages populaires, Java créé par James Gosling, PHP créé par Rasmus Lerdof et JavaScript par Brendan Eich. La tendance pour les langages de programmation est à la hausse et leur nombre s'en va sans cesse grandissant. Source : VeraCode Et vous ? Le langage C a été créé en 1972, qu'est-ce qui peut expliquer sa longévité comme langage de programmation populaire auprès des codeurs ?
Printing The Web | drublic Hey there… This post is 398 days old. It was written on 25.03.2013. Please make sure to be careful with the information provided and check a more recent source on this topic. While it is possible to consume nearly all means of content on your smartphone or tablet it seems like the dream of a paperless office comes true for a lot of web developers. But digital natives are not the only ones who are on the web. Disclaimer: This article was first published in the German Screen Guide Magazine #15 (September to December 2012, pages 77 to 79). The basics of a print style sheet should already be well known by most web developers. a separate file included in the HTML that carries all CSS for print media <link rel="stylesheet" media="print" href="css/print.css">a special media query which targets print mode and is integrated into your regular stylesheet @media print { … } Remove Clutter In general focusing on the main content of a web page is very important when it comes to print style sheets. Thanks
Performance d’un site web : étude d’un cas pratique et exemples d’optimisations La vitesse d’affichage d’un site web est aujourd’hui un critère très important pour le référencement naturel et la réussite d’un projet web. La barrière maximale de 3 secondes de chargement par page est devenue un seuil obligatoire à respecter. L’augmentation des visites depuis les smartphones et tablettes est un facteur de difficultés supplémentaires pour rester en dessous de ces 3 secondes de chargement. L’enjeu est simple : si votre site est trop lent le visiteur ne restera pas. Nous vous proposons donc de revoir les techniques pour améliorer la performance de votre site au travers d’un cas concret pour partager avec vous ce qui a été fait sur un autre site. Présentation du sujet d’étude : le site de location de camping-car CampiLoc CampiLoc est un site de location de camping-cars de particulier à particulier. CampiLoc est un site utilisant une technologie serveur moderne avec un code créé sur mesure ce qui est un vrai atout pour intégrer facilement des optimisations. Minify & GZip CSS