[{"data":1,"prerenderedAt":1662},["ShallowReactive",2],{"content-/phendry/2023-11-06/frontendframeworksin2024":3},{"article":4,"all":776},{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":10,"tags":11,"publishDate":16,"excerpt":10,"image":17,"body":18,"_type":767,"_id":768,"_source":769,"_file":770,"_stem":771,"_extension":772,"author":773},"/phendry/2023-11-06/frontendframeworksin2024","2023-11-06",false,"","Frontend Frameworks in 2024: React, Svelte and Vue","Several years ago, Art+Logic settled on Vue.js as our preferred frontend Web framework. Now, in 2024, we feel it's time to revisit the frontend framework landscape to see how things have (or haven't) changed.",[12,13,14,15],"programming","react","svelte","vue","2024-05-15","/phendry/2023-11-06/img/frontend_frameworks_2024.png",{"type":19,"children":20,"toc":754},"root",[21,49,72,95,100,105,110,155,187,192,199,204,209,214,246,251,256,261,291,305,310,319,324,338,357,362,367,372,377,391,399,404,409,414,419,431,462,468,473,496,501,507,512,517,523,528,533,538,543,549,554,744,749],{"type":22,"tag":23,"props":24,"children":25},"element","p",{},[26,29,38,40,47],{"type":27,"value":28},"text","Several years ago, Art+Logic settled on ",{"type":22,"tag":30,"props":31,"children":35},"a",{"href":32,"rel":33},"https://vuejs.org/",[34],"nofollow",[36],{"type":27,"value":37},"Vue.js",{"type":27,"value":39}," as our ",{"type":22,"tag":30,"props":41,"children":44},{"href":42,"rel":43},"https://blog.artandlogic.com/ckeefer/2020-1/why-vue",[34],[45],{"type":27,"value":46},"preferred frontend Web framework",{"type":27,"value":48},". Now, in 2024, we feel it's time to revisit the frontend framework landscape to see how things have (or haven't) changed.",{"type":22,"tag":23,"props":50,"children":51},{},[52,54,61,63,70],{"type":27,"value":53},"Up for consideration, aside from Vue, are two similar frameworks: the dominant ",{"type":22,"tag":30,"props":55,"children":58},{"href":56,"rel":57},"https://react.dev/",[34],[59],{"type":27,"value":60},"React.js",{"type":27,"value":62},", and the minimalist up-and-comer ",{"type":22,"tag":30,"props":64,"children":67},{"href":65,"rel":66},"https://svelte.dev/",[34],[68],{"type":27,"value":69},"Svelte",{"type":27,"value":71},".",{"type":22,"tag":23,"props":73,"children":74},{},[75,77,84,86,93],{"type":27,"value":76},"React, the original declarative component framework, is now over 10 years old, and is the most popular frontend framework by quite a large margin. It describes itself modestly as \"a JavaScript library for building user interfaces\" and, like Vue, it uses a runtime ",{"type":22,"tag":30,"props":78,"children":81},{"href":79,"rel":80},"https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Main_features#rendering_elements",[34],[82],{"type":27,"value":83},"Virtual DOM",{"type":27,"value":85}," system to manage component updates. Components are defined in ",{"type":22,"tag":30,"props":87,"children":90},{"href":88,"rel":89},"https://react.dev/learn/writing-markup-with-jsx",[34],[91],{"type":27,"value":92},"JSX",{"type":27,"value":94},", a syntax which mixes JavaScript and HTML.",{"type":22,"tag":23,"props":96,"children":97},{},[98],{"type":27,"value":99},"Svelte distinguishes itself by providing a similar declarative component development experience to React and Vue, but without a Virtual DOM runtime; it instead outputs code to directly modify the DOM. This is intended to create extremely lean and performant pages while still providing the same capabilities as a Virtual DOM based framework. It describes itself somewhat less modestly as \"cybernetically enhanced web apps\" (formerly \"the magical disappearing UI framework\"), and is the youngest of the three under consideration.",{"type":22,"tag":23,"props":101,"children":102},{},[103],{"type":27,"value":104},"Vue bills itself as \"the progressive JavaScript framework\", and was initially released a year after React. It too is based on a Virtual DOM runtime but, like Svelte (and unlike React), it typically uses a template system for rendering components rather than JSX. It aims to offer the same capabilities as frameworks like React, but in a smaller and incrementally-adoptable package.",{"type":22,"tag":23,"props":106,"children":107},{},[108],{"type":27,"value":109},"We'll be comparing these frameworks in terms of:",{"type":22,"tag":111,"props":112,"children":113},"ul",{},[114,120,125,130,135,140,145,150],{"type":22,"tag":115,"props":116,"children":117},"li",{},[118],{"type":27,"value":119},"Complexity for developers",{"type":22,"tag":115,"props":121,"children":122},{},[123],{"type":27,"value":124},"Performance",{"type":22,"tag":115,"props":126,"children":127},{},[128],{"type":27,"value":129},"Ecosystem",{"type":22,"tag":115,"props":131,"children":132},{},[133],{"type":27,"value":134},"Features",{"type":22,"tag":115,"props":136,"children":137},{},[138],{"type":27,"value":139},"Small-scale viability",{"type":22,"tag":115,"props":141,"children":142},{},[143],{"type":27,"value":144},"Retrofit and migration viability",{"type":22,"tag":115,"props":146,"children":147},{},[148],{"type":27,"value":149},"Large-scale viability",{"type":22,"tag":115,"props":151,"children":152},{},[153],{"type":27,"value":154},"TypeScript Support",{"type":22,"tag":23,"props":156,"children":157},{},[158,160,167,169,176,178,185],{"type":27,"value":159},"Before we start however, a quick nomenclature distinction needs to be made between \"framework\", meaning React/Svelte/Vue, and \"meta-framework\", meaning an expansive collection of tooling built around a given framework. Examples of meta-frameworks would be ",{"type":22,"tag":30,"props":161,"children":164},{"href":162,"rel":163},"https://nextjs.org/",[34],[165],{"type":27,"value":166},"Next.js",{"type":27,"value":168}," for React, ",{"type":22,"tag":30,"props":170,"children":173},{"href":171,"rel":172},"https://nuxt.com/",[34],[174],{"type":27,"value":175},"Nuxt",{"type":27,"value":177}," for Vue, and ",{"type":22,"tag":30,"props":179,"children":182},{"href":180,"rel":181},"https://kit.svelte.dev/",[34],[183],{"type":27,"value":184},"SvelteKit",{"type":27,"value":186}," for Svelte. Each of them provide features like code-splitting, server-side rendering, link pre-fetching, a prescribed project structure, and many other things that are typically needed in larger projects. We won't be digging into these meta-frameworks in detail, mainly because there's a lot of ground to cover there and they offer largely the same types of functionality, but we won't be ignoring them either; that's because these frameworks themselves are quite narrow in scope, so it's common in practice to need to lean on the capabilities of a meta-framework in order to build complex Web applications.",{"type":22,"tag":23,"props":188,"children":189},{},[190],{"type":27,"value":191},"With that out of the way, let's start by looking at ease of use for developers.",{"type":22,"tag":193,"props":194,"children":196},"h2",{"id":195},"complexity-for-developers",[197],{"type":27,"value":198},"Complexity for Developers",{"type":22,"tag":23,"props":200,"children":201},{},[202],{"type":27,"value":203},"Ultimately, frontend frameworks have a pretty narrow scope: they help developers to organize their components, and then put HTML and CSS on the page. Consequently, it's a shame if valuable developer brainpower gets diverted to managing the complexity of a frontend framework, at the expense of delivering more value or of minimizing technical debt.",{"type":22,"tag":23,"props":205,"children":206},{},[207],{"type":27,"value":208},"Svelte, by design, is the standout winner in terms of remaining simple; it provides templated components and basic state management, defers anything fancier than that to a meta-framework like SvelteKit, and otherwise largely stays out of the developer's way. The documentation is concise, focused, and easy for a new developer to take in. That said, I find this simplicity to be a double-edged sword: by having such a narrow focus, it means that for nontrivial projects you'll almost certainly be using it in conjunction with SvelteKit or complementary libraries, at which point it's... not all that much simpler than the competition.",{"type":22,"tag":23,"props":210,"children":211},{},[212],{"type":27,"value":213},"Vue is a step up in complexity compared to Svelte, adding multiple styles for writing components (Options API vs Composition API, templates vs JSX) and a number of bells and whistles that are only possible in a framework that uses a runtime and a Virtual DOM rendering system. The multitude of ways of doing things is arguably more of a historical problem than it is a lasting complexity, since the Composition API is the clear choice going forward. What's nice about Vue is that its features are progressive: you can learn the very basics and be able to write good, idiomatic Vue code, and then introduce larger concepts as you go along.",{"type":22,"tag":23,"props":215,"children":216},{},[217,219,226,228,235,237,244],{"type":27,"value":218},"React suffers, I think, from being the first Virtual DOM component library on the scene. Its original reactivity model, for example, caused components to completely re-render much more often than necessary, and so the framework introduced ",{"type":22,"tag":30,"props":220,"children":223},{"href":221,"rel":222},"https://legacy.reactjs.org/docs/hooks-intro.html",[34],[224],{"type":27,"value":225},"Hooks",{"type":27,"value":227}," in order to offer better control and, consequently, better performance. Hooks are difficult to get right, however (",{"type":22,"tag":30,"props":229,"children":232},{"href":230,"rel":231},"https://adevnadia.medium.com/how-to-usememo-and-usecallback-you-can-remove-most-of-them-b8ef01b2020d",[34],[233],{"type":27,"value":234},"Example 1",{"type":27,"value":236},", ",{"type":22,"tag":30,"props":238,"children":241},{"href":239,"rel":240},"https://adevnadia.medium.com/react-re-renders-guide-preventing-unnecessary-re-renders-8a3d2acbdba3",[34],[242],{"type":27,"value":243},"Example 2",{"type":27,"value":245},"), and Vue and Svelte offer the same or better reactive state management without the same level of manual management. It's a similar story across much of React's APIs: through being by far the most popular framework, it has grown to have a very wide range of capabilities, but this also greatly increases the scope of what developers need to learn in order to be productive React developers.",{"type":22,"tag":193,"props":247,"children":249},{"id":248},"performance",[250],{"type":27,"value":124},{"type":22,"tag":23,"props":252,"children":253},{},[254],{"type":27,"value":255},"Performance is critical for Web apps, and frameworks achieve good performance in a number of ways, but primarily by minimizing the size of bundled scripts and by reducing the overhead of rendering components on the page.",{"type":22,"tag":23,"props":257,"children":258},{},[259],{"type":27,"value":260},"Comparing the performance of these frameworks is nuanced, because of the way Svelte's design differs from React's and Vue's. The other two each include a runtime in the page which, among other things, updates the document using Virtual DOM diffing: the runtime compares the DOM to the Virtual DOM to identify which changes have been made, and then surgically applies those changes to the DOM. Svelte on the other hand, for each place where a component could make changes to the DOM, introduces a snippet of script which applies precisely that one change, much like you might do by hand if you weren't using a component framework. This avoids the potentially-costly step of diffing the DOM in order to identify changes.",{"type":22,"tag":23,"props":262,"children":263},{},[264,266,272,274,281,282,289],{"type":27,"value":265},"As far as bundle size goes, this means that there is a break-even point between Svelte and React/Vue. A Svelte project will initially have a near-zero bundle size because there is no framework runtime to include, but on a per-component basis, it adds ",{"type":22,"tag":267,"props":268,"children":269},"em",{},[270],{"type":27,"value":271},"more",{"type":27,"value":273}," script than a Virtual DOM based framework, so for larger projects, Svelte's bundle size advantages will diminish or even reverse (",{"type":22,"tag":30,"props":275,"children":278},{"href":276,"rel":277},"https://github.com/halfnelson/svelte-it-will-scale",[34],[279],{"type":27,"value":280},"Analysis 1",{"type":27,"value":236},{"type":22,"tag":30,"props":283,"children":286},{"href":284,"rel":285},"https://github.com/yyx990803/vue-svelte-size-analysis",[34],[287],{"type":27,"value":288},"Analysis 2",{"type":27,"value":290},").",{"type":22,"tag":23,"props":292,"children":293},{},[294,296,303],{"type":27,"value":295},"Even if a large Svelte project ships more bytes of script, however, it avoids the overhead of Virtual DOM diffing, which is an advantage, and there are several tricks that can be utilized in order to compensate for having to download more script (like code-splitting or ",{"type":22,"tag":30,"props":297,"children":300},{"href":298,"rel":299},"https://kit.svelte.dev/docs/link-options#data-sveltekit-preload-data",[34],[301],{"type":27,"value":302},"link preloading",{"type":27,"value":304},"). So overall, it's very hard to say with certainty whether a given project would see a meaningful performance difference between these three frameworks.",{"type":22,"tag":23,"props":306,"children":307},{},[308],{"type":27,"value":309},"There are a couple of ways to get a rough idea, however, the first being to look at benchmarks:",{"type":22,"tag":23,"props":311,"children":312},{},[313],{"type":22,"tag":314,"props":315,"children":318},"img",{"alt":316,"src":317},"React, Svelte and Vue benchmarks. Source: https://krausest.github.io/js-framework-benchmark/current.html","/phendry/2023-11-06/img/Benchmarks.png",[],{"type":22,"tag":23,"props":320,"children":321},{},[322],{"type":27,"value":323},"Despite Svelte's claimed performance benefits, it doesn't perform meaningfully better than Vue, whereas React lags a little behind.",{"type":22,"tag":23,"props":325,"children":326},{},[327,329,336],{"type":27,"value":328},"A more realistic comparison is the aptly-named ",{"type":22,"tag":30,"props":330,"children":333},{"href":331,"rel":332},"https://medium.com/dailyjs/a-realworld-comparison-of-front-end-frameworks-2020-4e50655fe4c1",[34],[334],{"type":27,"value":335},"Real World demo application",{"type":27,"value":337},", in which Svelte performs great, Vue performs almost as well, and React again lags a little behind.",{"type":22,"tag":23,"props":339,"children":340},{},[341,343,348,350,355],{"type":27,"value":342},"The big thing to remember with these comparisons however is that these are ",{"type":22,"tag":267,"props":344,"children":345},{},[346],{"type":27,"value":347},"meticulously-crafted",{"type":27,"value":349}," submissions meant to get the best possible score; real-world performance will depend much more on how ",{"type":22,"tag":267,"props":351,"children":352},{},[353],{"type":27,"value":354},"easy",{"type":27,"value":356}," the framework makes it for time-starved developers to write performant code (see the \"Complexity for Developers\" section above). With its manually-managed hooks, React makes this considerably harder than the others, and consequently it has a reputation for making it easy for developers to inadvertently create performance problems.",{"type":22,"tag":23,"props":358,"children":359},{},[360],{"type":27,"value":361},"Overall, for mid- to large-sized Web apps, I don't think there is a strong performance reason to favour one framework over the others. Svelte may be little faster and React a little slower, but all three frameworks can be extremely fast and responsive.",{"type":22,"tag":193,"props":363,"children":365},{"id":364},"ecosystem",[366],{"type":27,"value":129},{"type":22,"tag":23,"props":368,"children":369},{},[370],{"type":27,"value":371},"No nontrivial modern Web application is created without leveraging many additional libraries to manage tasks like client-side routing, state management, authentication, or UI components, and many of these libraries integrate closely with the framework. Consequently it's a liability to use a framework which has a small ecosystem of third-party libraries to lean on, and a boon to use a framework with a rich ecosystem any many well-supported options.",{"type":22,"tag":23,"props":373,"children":374},{},[375],{"type":27,"value":376},"There's also the issue of talent, in that it is much easier to find developers with experience with a popular tool than a less popular one. The importance of this depends on how easy it is for an experienced developer to learn (see \"Complexity for Developers\" above).",{"type":22,"tag":23,"props":378,"children":379},{},[380,382,389],{"type":27,"value":381},"React has by far the biggest ecosystem of any frontend framework. In a recent ",{"type":22,"tag":30,"props":383,"children":386},{"href":384,"rel":385},"https://survey.stackoverflow.co/2023/#most-popular-technologies-webframe-prof",[34],[387],{"type":27,"value":388},"Stack Overflow Developer Survey",{"type":27,"value":390},", it dwarfs Vue and Svelte in usage among professional developers:",{"type":22,"tag":23,"props":392,"children":393},{},[394],{"type":22,"tag":314,"props":395,"children":398},{"alt":396,"src":397},"Reported usage of Web frameworks among professional developers. Source: Stack Overflow","/phendry/2023-11-06/img/Popularity.png",[],{"type":22,"tag":23,"props":400,"children":401},{},[402],{"type":27,"value":403},"For a tech lead looking to make a practical choice of framework, this really makes React the default choice if all else is equal, in my mind. If any of these frameworks could meet your project's needs, then why wouldn't you select the one that makes it easiest to fill out a team of experienced developers, and the easiest to find whatever third-party libraries your team needs in order to be productive? The further you stray from the well-travelled path, the more challenging it becomes, and so the advantages of a less-popular choice need to be quite substantial.",{"type":22,"tag":23,"props":405,"children":406},{},[407],{"type":27,"value":408},"To their credit, though, none of these frameworks have an ecosystem that feels lacking, even Svelte. Each has one or more popular meta-frameworks (Next.js for React, Nuxt for Vue, SvelteKit for Svelte) which provide the advanced and server-integrated features that modern Web apps increasingly demand, and a wide range of well-supported libraries.",{"type":22,"tag":193,"props":410,"children":412},{"id":411},"features",[413],{"type":27,"value":134},{"type":22,"tag":23,"props":415,"children":416},{},[417],{"type":27,"value":418},"While each framework's corresponding meta-frameworks compete on all sorts of advanced features, honestly... for typical projects, there are few meaningful differences between the capabilities of these frameworks. Without going into great detail about every feature they offer and how they compare, the bottom line is that React, Svelte and Vue are all capable of building feature-rich and complex Web applications, and they all offer great TypeScript support, editor plugins, and tooling.",{"type":22,"tag":23,"props":420,"children":421},{},[422,424,429],{"type":27,"value":423},"There are two notable exceptions worth mentioning. The first, and it's a small one, is that Svelte lacks \"render function\" capabilities, i.e. the ability to skip the template system and write a custom function whose output is the HTML content of a component. This limitation is fundamental to Svelte's runtime-less design. Having personally a great deal of experience working within template systems, I would say that in practice this is typically only a limitation for plug-in libraries seeking to be especially generic and flexible; I can't recall ever ",{"type":22,"tag":267,"props":425,"children":426},{},[427],{"type":27,"value":428},"needing",{"type":27,"value":430}," a render function in order to meet a project goal. The limitation is present however, and likely affects the capabilities of third-party packages.",{"type":22,"tag":23,"props":432,"children":433},{},[434,436,443,445,451,453,460],{"type":27,"value":435},"The second and more important difference is that React has native Android/iOS capabilities via ",{"type":22,"tag":30,"props":437,"children":440},{"href":438,"rel":439},"https://reactnative.dev/",[34],[441],{"type":27,"value":442},"React Native",{"type":27,"value":444}," that are unmatched by NativeScript-based tools for ",{"type":22,"tag":30,"props":446,"children":449},{"href":447,"rel":448},"https://svelte-native.technology",[34],[450],{"type":27,"value":69},{"type":27,"value":452}," and for ",{"type":22,"tag":30,"props":454,"children":457},{"href":455,"rel":456},"https://nativescript-vue.org/",[34],[458],{"type":27,"value":459},"Vue",{"type":27,"value":461},", in terms of production-readiness. If it's valuable for your project to be able to build a native mobile app using a Web developer skillset rather than native Android or iOS development skills, then React is the framework which can deliver that.",{"type":22,"tag":193,"props":463,"children":465},{"id":464},"small-scale-viability",[466],{"type":27,"value":467},"Small-scale Viability",{"type":22,"tag":23,"props":469,"children":470},{},[471],{"type":27,"value":472},"At Art+Logic we work on projects ranging from very small to reasonably large, so there is a lot of value in working with a frontend framework that is suitable for the full gamut of project sizes. This should arguably be a consideration for most teams, because most small projects could find themselves needing to scale up, and most large projects end up having small complementary projects like internal tools.",{"type":22,"tag":23,"props":474,"children":475},{},[476,478,494],{"type":27,"value":477},"One of Vue's capabilities that makes it uniquely suited for small projects is that ",{"type":22,"tag":30,"props":479,"children":482},{"href":480,"rel":481},"https://vuejs.org/guide/quick-start.html#using-vue-from-cdn",[34],[483,485,492],{"type":27,"value":484},"it can be used via a CDN ",{"type":22,"tag":486,"props":487,"children":489},"code",{"className":488},[],[490],{"type":27,"value":491},"\u003Cscript>",{"type":27,"value":493}," tag without any build system whatsoever",{"type":27,"value":495},". This means you can inject Vue onto a static page to introduce dynamic functionality to just a portion of it, or easily inject Vue into a project built using a different framework altogether. React and Svelte on the other hand are decidedly geared towards building a project within the bounds of their tooling ecosystems, limiting their small-scale flexibility.",{"type":22,"tag":23,"props":497,"children":498},{},[499],{"type":27,"value":500},"For a green-field project however, Svelte's wafer-thin bundle sizes make it a great choice for small-scale or low-complexity projects. React, having the heftiest runtime of the bunch, is perhaps less advisable for a small project, but still is perfectly serviceable.",{"type":22,"tag":193,"props":502,"children":504},{"id":503},"retrofit-and-migration-viability",[505],{"type":27,"value":506},"Retrofit and Migration Viability",{"type":22,"tag":23,"props":508,"children":509},{},[510],{"type":27,"value":511},"With the frustratingly-fast pace of evolution in frontend Web development tooling over the last couple decades, many teams are left with older projects whose choice of framework has become a hindrance to continued development. A full re-write is a risky proposition, so it's powerful to have the ability to implement a gradual extension or migration in a modern framework.",{"type":22,"tag":23,"props":513,"children":514},{},[515],{"type":27,"value":516},"Vue again is uniquely positioned in this regard: being the self-described \"progressive framework\", it is much more practical than the others to integrate into an existing project built with another framework. In React or Svelte, I would likely not attempt to anything more granular than a page-by-page conversion, but with Vue, it's easy to embed Vue within an existing codebase and build system. I once had occasion to implement a Backbone.js component which renders a Vue component, which in turns renders a Backbone.js component; you'll have to trust me that there was a good reason for doing so!",{"type":22,"tag":193,"props":518,"children":520},{"id":519},"large-scale-viability",[521],{"type":27,"value":522},"Large-scale Viability",{"type":22,"tag":23,"props":524,"children":525},{},[526],{"type":27,"value":527},"All three of these frameworks have powerful build systems and meta-frameworks which enable all sorts of advanced performance-related features (such as prefetching links, server-side rendering, code-splitting, etc). As such, they're all able to scale up and competently handle large, complex projects.",{"type":22,"tag":23,"props":529,"children":530},{},[531],{"type":27,"value":532},"I would personally have some hesitation with using Svelte on a large project however, this being for ecosystem reasons rather than technical ones. A large project is more likely to be difficult to migrate toward alternative technologies in the future, and more likely to require a wide variety of third-party libraries, both of which arguably make conservative technology choices more appropriate. In this case, that would mean choosing a framework with a larger talent pool and third-party ecosystem (i.e. React, or to a lesser extent Vue).",{"type":22,"tag":193,"props":534,"children":536},{"id":535},"typescript-support",[537],{"type":27,"value":154},{"type":22,"tag":23,"props":539,"children":540},{},[541],{"type":27,"value":542},"There's not much to be said here since all three frameworks have great TypeScript support, but it's worth highlighting that fact, since TypeScript is an excellent language choice for developing a robust codebase. It would be difficult to recommend a framework in 2024 which does not provide TypeScript as a first-class option.",{"type":22,"tag":193,"props":544,"children":546},{"id":545},"summary-and-conclusion",[547],{"type":27,"value":548},"Summary and Conclusion",{"type":22,"tag":23,"props":550,"children":551},{},[552],{"type":27,"value":553},"To grossly oversimply the above considerations into a comparison chart:",{"type":22,"tag":555,"props":556,"children":557},"table",{},[558,584],{"type":22,"tag":559,"props":560,"children":561},"thead",{},[562],{"type":22,"tag":563,"props":564,"children":565},"tr",{},[566,570,576,580],{"type":22,"tag":567,"props":568,"children":569},"th",{},[],{"type":22,"tag":567,"props":571,"children":573},{"align":572},"center",[574],{"type":27,"value":575},"React",{"type":22,"tag":567,"props":577,"children":578},{"align":572},[579],{"type":27,"value":69},{"type":22,"tag":567,"props":581,"children":582},{"align":572},[583],{"type":27,"value":459},{"type":22,"tag":585,"props":586,"children":587},"tbody",{},[588,611,630,649,668,687,706,725],{"type":22,"tag":563,"props":589,"children":590},{},[591,596,601,606],{"type":22,"tag":592,"props":593,"children":594},"td",{},[595],{"type":27,"value":119},{"type":22,"tag":592,"props":597,"children":598},{"align":572},[599],{"type":27,"value":600},"🔴",{"type":22,"tag":592,"props":602,"children":603},{"align":572},[604],{"type":27,"value":605},"🟢",{"type":22,"tag":592,"props":607,"children":608},{"align":572},[609],{"type":27,"value":610},"🟡",{"type":22,"tag":563,"props":612,"children":613},{},[614,618,622,626],{"type":22,"tag":592,"props":615,"children":616},{},[617],{"type":27,"value":124},{"type":22,"tag":592,"props":619,"children":620},{"align":572},[621],{"type":27,"value":610},{"type":22,"tag":592,"props":623,"children":624},{"align":572},[625],{"type":27,"value":605},{"type":22,"tag":592,"props":627,"children":628},{"align":572},[629],{"type":27,"value":605},{"type":22,"tag":563,"props":631,"children":632},{},[633,637,641,645],{"type":22,"tag":592,"props":634,"children":635},{},[636],{"type":27,"value":129},{"type":22,"tag":592,"props":638,"children":639},{"align":572},[640],{"type":27,"value":605},{"type":22,"tag":592,"props":642,"children":643},{"align":572},[644],{"type":27,"value":600},{"type":22,"tag":592,"props":646,"children":647},{"align":572},[648],{"type":27,"value":610},{"type":22,"tag":563,"props":650,"children":651},{},[652,656,660,664],{"type":22,"tag":592,"props":653,"children":654},{},[655],{"type":27,"value":134},{"type":22,"tag":592,"props":657,"children":658},{"align":572},[659],{"type":27,"value":605},{"type":22,"tag":592,"props":661,"children":662},{"align":572},[663],{"type":27,"value":605},{"type":22,"tag":592,"props":665,"children":666},{"align":572},[667],{"type":27,"value":605},{"type":22,"tag":563,"props":669,"children":670},{},[671,675,679,683],{"type":22,"tag":592,"props":672,"children":673},{},[674],{"type":27,"value":139},{"type":22,"tag":592,"props":676,"children":677},{"align":572},[678],{"type":27,"value":610},{"type":22,"tag":592,"props":680,"children":681},{"align":572},[682],{"type":27,"value":605},{"type":22,"tag":592,"props":684,"children":685},{"align":572},[686],{"type":27,"value":605},{"type":22,"tag":563,"props":688,"children":689},{},[690,694,698,702],{"type":22,"tag":592,"props":691,"children":692},{},[693],{"type":27,"value":144},{"type":22,"tag":592,"props":695,"children":696},{"align":572},[697],{"type":27,"value":610},{"type":22,"tag":592,"props":699,"children":700},{"align":572},[701],{"type":27,"value":610},{"type":22,"tag":592,"props":703,"children":704},{"align":572},[705],{"type":27,"value":605},{"type":22,"tag":563,"props":707,"children":708},{},[709,713,717,721],{"type":22,"tag":592,"props":710,"children":711},{},[712],{"type":27,"value":149},{"type":22,"tag":592,"props":714,"children":715},{"align":572},[716],{"type":27,"value":605},{"type":22,"tag":592,"props":718,"children":719},{"align":572},[720],{"type":27,"value":610},{"type":22,"tag":592,"props":722,"children":723},{"align":572},[724],{"type":27,"value":605},{"type":22,"tag":563,"props":726,"children":727},{},[728,732,736,740],{"type":22,"tag":592,"props":729,"children":730},{},[731],{"type":27,"value":154},{"type":22,"tag":592,"props":733,"children":734},{"align":572},[735],{"type":27,"value":605},{"type":22,"tag":592,"props":737,"children":738},{"align":572},[739],{"type":27,"value":605},{"type":22,"tag":592,"props":741,"children":742},{"align":572},[743],{"type":27,"value":605},{"type":22,"tag":23,"props":745,"children":746},{},[747],{"type":27,"value":748},"In general, React, Svelte and Vue are all excellent and production-ready frameworks, and a strong case can be made for any one of them. React offers a drastically larger ecosystem and talent pool in addition to native mobile capabilities, though it suffers from a higher complexity for developers and somewhat less reliable performance. Svelte offers cutting-edge performance, but its ecosystem is less mature. Vue sits somewhere in the middle, and offers the greatest versatility for a wide variety of project scenarios.",{"type":22,"tag":23,"props":750,"children":751},{},[752],{"type":27,"value":753},"At Art+Logic, where \"coding the 'impossible'\" can take any number of forms, versatility continues to be one of the most valuable things we look for in a framework, and Vue continues to provide the most versatility while still ticking all the other boxes we expect it to. As such, it continues to be our preferred choice for frontend Web development.",{"title":8,"searchDepth":755,"depth":755,"links":756},3,[757,759,760,761,762,763,764,765,766],{"id":195,"depth":758,"text":198},2,{"id":248,"depth":758,"text":124},{"id":364,"depth":758,"text":129},{"id":411,"depth":758,"text":134},{"id":464,"depth":758,"text":467},{"id":503,"depth":758,"text":506},{"id":519,"depth":758,"text":522},{"id":535,"depth":758,"text":154},{"id":545,"depth":758,"text":548},"markdown","content:phendry:2023-11-06:FrontendFrameworksIn2024.md","content","phendry/2023-11-06/FrontendFrameworksIn2024.md","phendry/2023-11-06/FrontendFrameworksIn2024","md",{"user":774,"name":775},"phendry","Paul Hendry",[777,790,799,812,827,839,847,857,868,877,889,900,911,920,930,941,954,965,973,983,991,998,1007,1015,1024,1034,1044,1053,1062,1070,1081,1089,1097,1106,1114,1124,1132,1140,1148,1156,1164,1172,1180,1190,1198,1208,1216,1226,1235,1246,1256,1266,1277,1287,1300,1309,1319,1330,1340,1352,1364,1378,1392,1405,1413,1421,1430,1439,1448,1457,1466,1475,1484,1493,1502,1505,1518,1528,1536,1544,1552,1560,1572,1584,1594,1603,1612,1622,1631,1641,1650],{"_path":778,"title":779,"description":780,"image":781,"publishDate":782,"tags":783,"_id":786,"author":787},"/alalande/2023-1/escaping_text","Thinking Like a Programmer: Escaping Text","In this progressive and vivid explanation, we explore the HOW and WHY of quoting, nesting, and escaping text.","/alalande/2023-1/img/header.png","2024-02-15",[784,785],"series","educational","content:alalande:2023-1:escaping_text.md",{"user":788,"name":789},"alalande","Anthony Lalande",{"_path":791,"title":792,"description":793,"image":794,"publishDate":795,"tags":796,"_id":797,"author":798},"/alalande/2023-2/heuristics","Thinking Like a Programmer: Heuristics","We want to help you turbo-charge your decision making.","/alalande/2023-2/img/heuristics.png","2024-03-15",[784,785],"content:alalande:2023-2:heuristics.md",{"user":788,"name":789},{"_path":800,"title":801,"description":802,"tags":803,"publishDate":806,"image":807,"_id":808,"author":809},"/areichert/2023-10/rapid-testing-techniques-for-web-and-mobile","Rapid Testing Techniques for Web & Mobile Apps","Testing rapidly or the need to test quickly under shortened execution cycles is not new. Rapid testing has been around for as long as software testing has existed but increases when a product release is imminent, strained, or behind schedule. There are many reasons development gets behind schedule. Similar to testing, development is prone to surprise requirements changes and increases in scope and complexity.",[804,805],"software-testing","qa","2024-06-01","/areichert/2023-10/img/rapid_testing.png","content:areichert:2023-10:Rapid Testing techniques for web and mobile.md",{"user":810,"name":811},"areichert","Amy Reichert",{"_path":813,"title":814,"description":815,"image":816,"publishDate":817,"tags":818,"_id":823,"author":824},"/asherbrooke/2020-4/watchwah","Bringing an Idea to Life: WatchWah Proof of Concept","\"Wouldn't it be cool if...\"","/asherbrooke/2020-4/img/Guitar_and_Watch.jpeg","2020-04-01",[819,820,821,822],"ios","apple","watch","juce","content:asherbrooke:2020-4:watchwah.md",{"user":825,"name":826},"asherbrooke","Andrew Sherbrooke",{"_path":828,"title":829,"description":830,"publishDate":831,"tags":832,"_id":835,"author":836},"/avogan/2012-07/salt","What Your Users Don't Know (Part 1)","What's wrong with this code?","2012-07-13",[833,834,784],"cryptography","security","content:avogan:2012-07:salt.md",{"user":837,"name":838},"avogan","Andrew Vogan",{"_path":840,"title":841,"description":842,"publishDate":843,"tags":844,"_id":845,"author":846},"/avogan/2012-07/salt-2","What Your Users Don't Know (Part 2)","In my last post we saw that what your users don't know can hurt them. In other words, how securely you handle your users' private data behind the scenes can have profound implications both for your business and your users' well being. To put it bluntly, it's bad for your business to be publicly shamed over your handling of sensitive data, and it's bad for your users to have their bank accounts pilfered -- those being some of the worse case scenarios.","2012-07-26",[833,834,784],"content:avogan:2012-07:salt-2.md",{"user":837,"name":838},{"_path":848,"title":849,"description":850,"publishDate":851,"image":852,"_id":853,"author":854},"/bporter/2012-5/cd_player","My First CD Player","I started college right about the time when the first CD players were coming onto the market -- there weren't many available, and they were all obscenely expensive. At the time, my dad was dong a lot of traveling to Japan for business, and he was able to bring me a really nice Yamaha CD player back from a shop in Akihabara for about 1/4th of what a similar unit would have cost me here in the US.","2012-05-01","/bporter/2012-5/img/cd_player.jpg","content:bporter:2012-5:cd_player.md",{"user":855,"name":856},"bporter","Brett Porter",{"_path":858,"title":859,"description":860,"publishDate":861,"tags":862,"image":865,"_id":866,"author":867},"/bporter/2012-5/improtech","ImproTech Paris-New York 2012","Last week, I took a vacation day to attend one day of workshops at NYU as part of ImproTech 2012 Paris-New York That website descibes the event as:","2012-05-24",[863,864],"improvisation","music","/bporter/2012-5/img/affichemartin.jpg","content:bporter:2012-5:improtech.md",{"user":855,"name":856},{"_path":869,"title":870,"description":871,"publishDate":872,"tags":873,"_id":875,"author":876},"/bporter/2012-5/learntocode","Yes, Do Learn To Code!","My usual pre-work routine is to walk the dog (working at home, this is my counterpart to a commute), pour my first cup of coffee, and then curl up for a little while with Google Reader. I don't know if it's because I've selected feeds that are too closely aligned with my values and personal agenda, but it's really rare that I'll read a post that is just so wrong that it makes me angry. Jeff Atwood wrote a post like that: Please Don't Learn To Code","2012-05-15",[874],"learn-to-code","content:bporter:2012-5:learntocode.md",{"user":855,"name":856},{"_path":878,"title":879,"description":880,"publishDate":881,"tags":882,"image":886,"_id":887,"author":888},"/bporter/2012-6/dsl","Watch Your Language","Interesting to see a theme emerge in my Pinboard account this week -- lots of stuff about the idea of 'programming language'. I've spent the last few weeks preparing to dive back into a personal interactive music project that I've been working on sporadically since I was in graduate school. I had recently realized that the conceptual roadblock I hit before my last hiatus was something that I'd need to address by adding some sort of little programming language into the system. After following Martin Fowler's many blog posts over the years discussing domain specific languages, I finally broke down and bought his book on the topic. It's too early yet for me to have much concrete to say about the book, but I remember getting enough out of those blog posts to be confident that it will be worth the money and time to read.","2012-06-29",[883,884,885],"dsl","erlang","go","/bporter/2012-6/img/dsl.jpg","content:bporter:2012-6:dsl.md",{"user":855,"name":856},{"_path":890,"title":891,"description":892,"image":893,"publishDate":894,"tags":895,"_id":898,"author":899},"/bporter/2019-3/animator","Friz: A flexible animation controller for JUCE","As is often the case, I found myself working on a personal project and had some UI elements that really wanted to have some life to them on the screen.","/bporter/2019-3/img/animator.png","2019-03-01",[822,896,897],"ui","c++","content:bporter:2019-3:animator.md",{"user":855,"name":856},{"_path":901,"title":902,"description":903,"image":904,"publishDate":905,"tags":906,"_id":909,"author":910},"/bporter/2019-4/aesannounce","Art+Logic In the Real World","There are a few events coming up in the next few weeks where A+L will have people in attendance. If you're going to be there or nearby, please get in touch and we'll meet up.","/bporter/2019-4/img/aesLogo.jpg","2019-04-01",[907,908],"a+l","event","content:bporter:2019-4:aesAnnounce.md",{"user":855,"name":856},{"_path":912,"title":913,"description":914,"image":915,"publishDate":916,"tags":917,"_id":918,"author":919},"/bporter/2020-10/reanimated","Re-animated","Last year, I posted here about an animation control framework called 'Friz' that works within the JUCE Application Framework.","/bporter/2020-10/img/module.png","2020-10-01",[822,896,897],"content:bporter:2020-10:reanimated.md",{"user":855,"name":856},{"_path":921,"title":922,"description":923,"image":924,"publishDate":894,"tags":925,"_id":926,"author":927},"/bstevens/2019-3","Coding the Impossible","As you can see on the Art+Logic website, our slogan is Coding the \"impossible.\"®","/bstevens/2019-3/img/impossible.png",[907],"content:bstevens:2019-3:index.md",{"user":928,"name":929},"bstevens","Ben Stevens",{"_path":931,"title":932,"description":933,"publishDate":934,"tags":935,"_id":937,"author":938},"/ckeefer/2013-1/misc","JS Hints & Shortcuts","During the course of any complex project (and even many simple ones), on the way to accomplish the actual goal, you're certain to encounter any number of small hurdles along the way - little problems which need to be resolved for the bigger picture to come into focus.","2013-09-01",[936],"js","content:ckeefer:2013-1:misc.md",{"user":939,"name":940},"ckeefer","Christopher Keefer",{"_path":942,"title":943,"description":944,"publishDate":945,"tags":946,"image":951,"_id":952,"author":953},"/ckeefer/2013-2/xslt","XML and XSLT","Not terribly long ago, XML was the darling of the web. HTML4 was reformulated as XHTML 1.0, SOAP messages were XML, and let us not forget XMLHttpRequest.","2013-10-08",[947,948,949,950],"data-formats","xml","xsl","xslt","/ckeefer/2013-2/img/xslt-processing.png","content:ckeefer:2013-2:xslt.md",{"user":939,"name":940},{"_path":955,"title":956,"description":957,"publishDate":958,"tags":959,"image":962,"_id":963,"author":964},"/ckeefer/2013-3/ajax-upload","Ajax Upload Part I: Framed (and jQuery Deferred)","Inevitably, people want their files on the Internet. If your project is about cute cats, someone will task you with allowing users to upload photos of their cats, videos of their cats, long rambling audio clips in which they attempt to convince their cat to stop attacking the microphone, etcetera. If your project is about the nature and proclivities of mold, someone, somewhere will want to share detailed photographic evidence of their mold problem. The need to upload files is a given.","2013-03-20",[936,960,961],"jquery","html5","/ckeefer/2013-3/img/upframe.jpg","content:ckeefer:2013-3:ajax-upload.md",{"user":939,"name":940},{"_path":966,"title":967,"description":968,"publishDate":969,"tags":970,"_id":971,"author":972},"/ckeefer/2013-4/teaching-programming","Can (and Should) Everyone Learn to Program?","Fair warning: The following article is long, rambly, and contains no code. It does, however, contain some rumination on the idea that everyone can and should learn to program.","2013-12-03",[12],"content:ckeefer:2013-4:teaching-programming.md",{"user":939,"name":940},{"_path":974,"title":975,"description":976,"publishDate":977,"tags":978,"image":980,"_id":981,"author":982},"/ckeefer/2013-5/ajax-uploader","Ajax Upload XHR2, Take 2","It's a pleasure to be able to interact with files in the browser at long last, isn't it? Reading files in without needing to bounce them against the server first opens up a lot of possibilities - and getting progress from a chunked ajax upload is miles away from the indeterminate form uploads of days past.","2014-02-19",[960,936,979],"xhr2","/ckeefer/2013-5/img/html5.jpg","content:ckeefer:2013-5:ajax-uploader.md",{"user":939,"name":940},{"_path":984,"title":985,"description":986,"publishDate":987,"tags":988,"_id":989,"author":990},"/ckeefer/2013-07/anchors-hash","Anchors, Hash Sign, javascript:void(0)","So, you've got a link that, in reality, is just a click target for performing some javascript function. You want the appearance of a standard anchor link, but if it's not performing the intended function, should it really be an anchor? And if so, what should we fill that 'href' attribute in with?","2013-07-29",[936],"content:ckeefer:2013-07:anchors-hash.md",{"user":939,"name":940},{"_path":992,"title":993,"description":994,"publishDate":995,"_id":996,"author":997},"/ckeefer/2013-07/static-vmware-host","Static Hosting with VMWare","Virtualization is one of the many benefits of the excess (metaphorical) horsepower available to us with modern hardware. Need to test against (Windows XP/7/8/NT || Fedora || Mint || Ubuntu || FreeBSD || MacOSX || etc)? Fire up the VM. Need a Linux environment for the packages your server relies on, but need to test in the iPad simulator? VM's to the rescue.","2013-07-26","content:ckeefer:2013-07:static-vmware-host.md",{"user":939,"name":940},{"_path":999,"title":1000,"description":1001,"publishDate":1002,"tags":1003,"_id":1005,"author":1006},"/ckeefer/2013-08/fullproof-fulltext-search","Client-side Fulltext Searching with Fullproof","Recently, I was engaged in a genial argument with a friend of an older generation, each of us taking an opposing stance on some obscure trivia neither of us was entirely certain about - but which we were both ready to defend with all the wit and rhetoric at our disposal. When we had finally exhausted all attempts to make the other budge on the matter, we turned to an authoritative 3rd-party source to lay the matter to rest for us - a Google search.","2013-08-29",[1004,950],"search","content:ckeefer:2013-08:fullproof-fulltext-search.md",{"user":939,"name":940},{"_path":1008,"title":1009,"description":1010,"publishDate":1011,"tags":1012,"_id":1013,"author":1014},"/ckeefer/2013-11/jquery-ajax-blobs","jQuery Ajax Blobs and Array Buffers","A big part of what makes jQuery a regular part of so many web projects is the clean interface it offers us for a number of sometimes messy built-in aspects of javascript. The most obvious is the DOM interface; and in second place, jquery ajax and its various shorthand methods. Abstracting away the difference between ActiveXObject and XMLHttpRequest is one of the most obvious benefits - but even if you don't need to worry about supporting old versions of IE, you might well enjoy the clean, object-based, promise-returning interface that jquery ajax offers.","2013-11-21",[936,960],"content:ckeefer:2013-11:jquery-ajax-blobs.md",{"user":939,"name":940},{"_path":1016,"title":1017,"description":1018,"publishDate":1019,"tags":1020,"_id":1022,"author":1023},"/ckeefer/2013-12/deploying-with-git","Deploying Websites with Git","Deploying your webapp is an important part of the web development equation - your client's site isn't going to attract a lot of attention sitting in your local dev directory. Deployment concerns tend to fall to the bottom of the priority list, though, and the end result tends to be kludgy, hastily thrown-together deployment scripts; and because they are so kludgy and, often, time consuming, when time crunches threaten, a developer may resort to making changes directly on the remote server that need to be (but sometimes never are) backported to the code living in your version control.","2013-12-23",[1021],"git","content:ckeefer:2013-12:deploying-with-git.md",{"user":939,"name":940},{"_path":1025,"title":1026,"description":1027,"publishDate":1028,"tags":1029,"image":1031,"_id":1032,"author":1033},"/ckeefer/2014-1/still-using-php","Still Using PHP?","Poor PHP. It's so lonely and unloved these days.","2014-01-29",[1030],"php","/ckeefer/2014-1/img/php.jpg","content:ckeefer:2014-1:still-using-php.md",{"user":939,"name":940},{"_path":1035,"title":1036,"description":1037,"publishDate":1038,"tags":1039,"image":1041,"_id":1042,"author":1043},"/ckeefer/2014-2/ajax-upload-2","Ajax Upload Part II: XHR2 (and FileReader)","So, the client has told you their users should be able to upload their drunken party pictures for all the internet to see. \"We want the very best experience possible,\" they tell you. \"Simple, seamless - maybe using that new html5 thing I've heard so much about.\"","2013-04-09",[936,1040],"xmlhttprequest","/ckeefer/2014-2/img/html5.jpg","content:ckeefer:2014-2:ajax-upload-2.md",{"user":939,"name":940},{"_path":1045,"title":1046,"description":1047,"publishDate":1048,"tags":1049,"_id":1051,"author":1052},"/ckeefer/2014-3/customgmapsinfowindow","Custom Google Maps Info Windows","When it comes time to relate the ephemeral world of data to the physical world, Maps are key in both enterprise and consumer applications. Whatever else you might think of it, Google Maps tends to be the default option - certainly, its the only one I've ever had clients ask for by name.","2014-02-26",[936,1050],"google-maps","content:ckeefer:2014-3:customgmapsinfowindow.md",{"user":939,"name":940},{"_path":1054,"title":1055,"description":1056,"publishDate":1057,"tags":1058,"_id":1060,"author":1061},"/ckeefer/2014-4/hidden-options","Hidden Options: A Workaround","Here's the situation: You've got a select. Maybe a whole bunch of selects, with a ton of options each (metric ton - let's keep our imaginary hyperbolic units straight here); and these are meant to be complex interactive elements, with options made visible or not as some programmatic condition dictates.","2014-04-23",[1059,936,960],"how-to","content:ckeefer:2014-4:hidden-options.md",{"user":939,"name":940},{"_path":1063,"title":1064,"description":1065,"publishDate":1066,"tags":1067,"_id":1068,"author":1069},"/ckeefer/2014-5/cgwin2","Custom Google Info Windows: Updated, Live","April 30, 2014 at 3:22 am Remy says:","2014-05-09",[936,1050],"content:ckeefer:2014-5:cgwin2.md",{"user":939,"name":940},{"_path":1071,"title":1072,"description":1073,"publishDate":1074,"tags":1075,"image":1078,"_id":1079,"author":1080},"/ckeefer/2014-6/backbonesocketsync","Websockets for Backbone","Backbone's had some of its thunder stolen lately by trendier frameworks like Meteor and Angular; for good reason, in most cases, as without the prosthetic functionality offered by the likes of Marionette, Backbone's view handling (amongst a few other lacks and warts) is really just 'roughed in'.","2014-06-25",[936,1076,1077],"websockets","backbone","/ckeefer/2014-6/img/WebsocketsPlusBackbone.png","content:ckeefer:2014-6:backbonesocketsync.md",{"user":939,"name":940},{"_path":1082,"title":1083,"description":1084,"publishDate":1085,"tags":1086,"_id":1087,"author":1088},"/ckeefer/2014-7/promises","It's a (jQuery-style) Promise","Way back when I brought up the topic of promises (particularly, jQuery Deferred), and I promised we would come back to the topic someday.","2014-10-16",[936,960],"content:ckeefer:2014-7:promises.md",{"user":939,"name":940},{"_path":1090,"title":1091,"description":1092,"publishDate":1093,"tags":1094,"_id":1095,"author":1096},"/ckeefer/2014-8/behold-views","Behold! (JavaScript Views)","JavaScript has the propensity to be very untidy - if you let it, it will sprawl all over the place. Hundreds of global variables scattered across dozens of files, messy half-measures towards object-orientation, mixed in seemingly at random with ungrouped functions - anyone who's had a client bring them a failed project from some other development team knows just how bad it can get.","2015-01-07",[936],"content:ckeefer:2014-8:behold-views.md",{"user":939,"name":940},{"_path":1098,"title":1099,"description":1100,"publishDate":1101,"tags":1102,"image":1103,"_id":1104,"author":1105},"/ckeefer/2015-1/writeonce","Write Once, Debug Everywhere","It's pretty seldom that anyone mentions web pages these days, other than in historical reference to days long gone by (yes, a whole few years ago). Web sites, sure, but not if what is really wanted is to replace something that, not so long ago, would have been some native code for a smartphone (or a little further back still, a desktop computer). Generally speaking, the most common term tripping from client's lips these days is 'web applications' - or webapps, because who has time for spaces and proper spelling, amirite?","2015-02-02",[936],"/ckeefer/2015-1/img/html5java.jpg","content:ckeefer:2015-1:writeonce.md",{"user":939,"name":940},{"_path":1107,"title":1108,"description":1109,"publishDate":1110,"tags":1111,"_id":1112,"author":1113},"/ckeefer/2015-2/js-frameworks","The What and Why of Javascript Frameworks","JavaScript has the propensity to be very untidy if you let it be. This isn't a problem unique to JavaScript, of course - many other languages suffer from a lack of native organization, especially for specific tasks.","2015-05-29",[936],"content:ckeefer:2015-2:js-frameworks.md",{"user":939,"name":940},{"_path":1115,"title":1116,"description":1117,"publishDate":1118,"tags":1119,"_id":1122,"author":1123},"/ckeefer/2015-3/emailvalidation","Email Validation with Django and python-social-auth","When it comes to user accounts, the standard litmus test is email validation. Besides the immediate benefits - of offering us a straightforward unique identifier for users, and making it more difficult to automate creating a mass of accounts on our service - by requiring that each account have an email address and interact therewith to confirm the addresses validity, it also offers us the chance to associate a known-working email account with a user account. This is important for transactional emails such as password resets or for potential two-factor authentication use... and if you're a little less ethical, for sending marketing desirable and informative emails about interesting products and services.","2015-07-23",[1120,1121],"python","django","content:ckeefer:2015-3:EmailValidation.md",{"user":939,"name":940},{"_path":1125,"title":1126,"description":1127,"publishDate":1128,"tags":1129,"_id":1130,"author":1131},"/ckeefer/2015-5/file-reader-chunking","FileReader Chunking and Base64 DataURLs","In a hurry? You can now use our HUp jquery plugin to read files in a chunked fashion as data URLs. Hooray!","2015-12-15",[936,960],"content:ckeefer:2015-5:file-reader-chunking.md",{"user":939,"name":940},{"_path":1133,"title":1134,"description":1135,"publishDate":1136,"tags":1137,"_id":1138,"author":1139},"/ckeefer/2016-1/ajaxbinarycaching","Caching Binary Data With jQuery Ajax and IndexedDB","After long, grueling months (years? or does it only feel like years?), your web application nears completion. It is tightly coded, well documented, works across all modern browsers, and is well received by your beta testers. It's nearly time to go live, and a smile of pure relief plays upon your lips... and freezes into a rictus grin when your client turns to you, and asks, \"so, hey, can we speed up the dynamic cat pic loading? Especially when I close the browser and come back to it later. I think that's really key to the whole application.\"","2016-04-25",[936,960],"content:ckeefer:2016-1:ajaxBinaryCaching.md",{"user":939,"name":940},{"_path":1141,"title":1142,"description":1143,"publishDate":1144,"tags":1145,"_id":1146,"author":1147},"/ckeefer/2016-2/paymentprocessing","Payment Processing with Braintree","You've built the web application of the century, and the users have rightly flooded to it. Cat pictures for everyone!","2016-05-11",[1121,936,960,1120],"content:ckeefer:2016-2:paymentprocessing.md",{"user":939,"name":940},{"_path":1149,"title":1150,"description":1151,"publishDate":1152,"tags":1153,"_id":1154,"author":1155},"/ckeefer/2016-3/djangochannels1","Django Channels: From the Ground Up - Part 1","You stare mournfully into the mass of code you've inherited. At some point, it's clear, the requirements called for the server to push information to the client, because there's an unholy mix of Server-Side Events, long-polling, hidden iframes and even a Java applet in there, all supporting some level of long-term connectivity with the server. It's almost fascinating in its barely functional hideousness, and you would be inclined to leave well enough alone... except for the new feature specifications you've been assigned, which require the client to be able to send data back to the server in response to the received events, in as close to real-time as you can get.","2016-06-13",[1121,1120,1076],"content:ckeefer:2016-3:djangoChannels1.md",{"user":939,"name":940},{"_path":1157,"title":1158,"description":1159,"publishDate":1160,"tags":1161,"_id":1162,"author":1163},"/ckeefer/2016-4/djangochannels2","Django Channels: From the Ground Up - Part 2","Last time, we decided to embark on a brave new adventure and give our Django framework a big upgrade with the inclusion of Django Channels. We got just far enough to get the development server running, but while this may be an adequate start, it's better to develop against something like what we intend to deploy, right?","2016-06-15",[1121,1120,1076],"content:ckeefer:2016-4:djangochannels2.md",{"user":939,"name":940},{"_path":1165,"title":1166,"description":1167,"publishDate":1168,"tags":1169,"_id":1170,"author":1171},"/ckeefer/2016-6/gofetch1","Go Fetch! (JavaScript Fetch API)","Long ago, we briefly brushed upon the topic of what has made jQuery such a valuable part of the web developer's toolset for such a long time - namely, a cleaner interface for interacting with the DOM, and the $.ajax abstraction over XMLHttpRequest.","2016-10-03",[936,960,784],"content:ckeefer:2016-6:goFetch1.md",{"user":939,"name":940},{"_path":1173,"title":1174,"description":1175,"publishDate":1176,"tags":1177,"_id":1178,"author":1179},"/ckeefer/2016-7/gofetch2","Go Fetch 2! (JavaScript Fetch API)","Last time we discussed the Fetch API in general, taking a look at how it differed from the XMLHttpRequest API, and some of its advantages. Today, we're going to take a look at a little library that you can include in your projects today that offers you localStorage caching for the Fetch API.","2016-10-10",[936,960,784],"content:ckeefer:2016-7:goFetch2.md",{"user":939,"name":940},{"_path":1181,"title":1182,"description":1183,"publishDate":1184,"tags":1185,"_id":1188,"author":1189},"/ckeefer/2016-8/herokupdf","Generating PDFs: wkhtmltopdf & Heroku","So, it has come to this.","2016-12-21",[1186,1187,1120],"heroku","pdf","content:ckeefer:2016-8:HerokuPDF.md",{"user":939,"name":940},{"_path":1191,"title":1192,"description":1193,"publishDate":1194,"tags":1195,"_id":1196,"author":1197},"/ckeefer/2017-1/downloadingclientsidecontent","Downloading Client-side Generated Content","A young developer, new to the Tao of the client-side, comes to a Master of the way, and speaks thusly: \"Oh Master, our application nears completion; and lo, cat pics can be drawn upon, and captions fixated thereto, for the creation of humour and the bounteous enjoyment of our users.\"","2017-02-06",[936],"content:ckeefer:2017-1:downloadingclientsidecontent.md",{"user":939,"name":940},{"_path":1199,"title":1200,"description":1201,"publishDate":1202,"tags":1203,"_id":1206,"author":1207},"/ckeefer/2017-2/morepwatoya-part1","More PWA to Ya! (Progressive Web Apps, Part 1)","It's project kickoff time, and you're having a conversation with your client about what form the application will take:","2017-02-01",[1204,1205,784],"pwa","mobile","content:ckeefer:2017-2:MorePWAToYa-Part1.md",{"user":939,"name":940},{"_path":1209,"title":1210,"description":1211,"tags":1212,"publishDate":1213,"_id":1214,"author":1215},"/ckeefer/2017-3/morepwatoya-part2","More PWA to Ya! (Progressive Web Apps, Part 2)","Last time, we got into the nitty gritty on how to make your web application into a Progressive Web Application (PWA to it's friends). I promised we'd dig even deeper this time, and show you how to make your web app a little more 'native' on Android - and how to deal with iOS Safari's special snowflake syndrome.",[1205,1204,784],"2017-03-01","content:ckeefer:2017-3:MorePWAToYa-Part2.md",{"user":939,"name":940},{"_path":1217,"title":1218,"description":1219,"image":1220,"publishDate":1221,"tags":1222,"_id":1224,"author":1225},"/ckeefer/2019-1/unlockingwebaudio","Unlocking Web Audio","\"It's going to be the coolest thing ever.\"","/ckeefer/2019-1/img/featured_image.jpg","2019-01-01",[936,1223],"audio","content:ckeefer:2019-1:UnlockingWebAudio.md",{"user":939,"name":940},{"_path":1227,"title":1228,"description":1229,"publishDate":1230,"image":1231,"tags":1232,"_id":1233,"author":1234},"/ckeefer/2020-1/why-vue","Why Vue","Why choose Vue over any other front-end framework?","2020-01-01","/ckeefer/2020-1/img/vue-wall.jpg",[936,15],"content:ckeefer:2020-1:Why Vue.md",{"user":939,"name":940},{"_path":1236,"title":1237,"description":1238,"tags":1239,"image":1242,"publishDate":1243,"_id":1244,"author":1245},"/ckeefer/2024-3/e2e_testing","E2E Testing: To What End?","Friend, can we agree that tests are a good idea? I won't scorn you for sometimes omitting them - time and budget constraints are what they are, and even the best intentioned of us sometimes have to just give our projects a lick and a promise. \"Proper test coverage soon\", you sweetly croon as you rock it to sleep, the knowledge that you're telling a dark, terrible lie twisting you up inside. Maybe you could just scrape enough budget together for some simple unit tests? Then, at least, you'd have \"tests\", right?",[805,804,1240,1241],"e2e","playwright","/ckeefer/2024-3/img/E2E_Testing_2024.png","2024-06-15","content:ckeefer:2024-3:e2e_testing.md",{"user":939,"name":940},{"_path":1247,"title":1248,"description":1249,"tags":1250,"image":1252,"publishDate":1253,"_id":1254,"author":1255},"/ckeefer/2024-7/vpubsub","Vue 3 Pub / Sub: All aboard the (event) bus","We like Vue at A+L. We think it's one of the best frontend frameworks, and a great choice pretty much anywhere you might otherwise be tempted to use React.",[936,15,1251],"pub/sub","/ckeefer/2024-7/img/event_bus.png","2024-08-15","content:ckeefer:2024-7:VPubSub.md",{"user":939,"name":940},{"_path":1257,"title":1258,"description":1259,"publishDate":1260,"tags":1261,"_id":1262,"author":1263},"/cmacksey/2012-5/php-musings","PHP Musings","Ran into an interesting, but thorough, rant the other day - PHP: A Fractal of Bad Design. The part that grabbed me the most was the analogy at the beginning, which was all too perfect:","2012-05-07",[1030],"content:cmacksey:2012-5:php-musings.md",{"user":1264,"name":1265},"cmacksey","Chris Macksey",{"_path":1267,"title":1268,"description":1269,"publishDate":1270,"tags":1271,"_id":1273,"author":1274},"/dpopowich/2021-07-30/data-collector","Asynchronous Python - A Real World Example","A dive into a real example of async Python usage.","2021-07-30",[1120,1059,1272],"async","content:dpopowich:2021-07-30:data-collector.md",{"user":1275,"name":1276},"dpopowich","Daniel Popowich",{"_path":1278,"title":1279,"description":1280,"tags":1281,"image":1283,"publishDate":1284,"_id":1285,"author":1286},"/dpopowich/2023-8/postgres-pubsub","Using PostgreSQL for Pub/Sub","A+L has been working on a Single Page Application (SPA) wherein our client's users take on the role of Staff Users (think: project managers) as they aid their Customer Users in using the application to complete a complex project.",[1282,1120,1272],"postgresql","/dpopowich/2023-8/img/psql_pub_sub.png","2024-04-15","content:dpopowich:2023-8:postgres-pubsub.md",{"user":1275,"name":1276},{"_path":1288,"title":1289,"description":1290,"tags":1291,"image":1294,"publishDate":1295,"_id":1296,"author":1297},"/ewahl/2025-05/escape_deployment_hell","Escape Deployment Hell: IaC, CDK, Ephemeral Environments, and the Pragmatic Path to Platform Power","Another Friday afternoon, another deployment fire. If this sounds familiar, you're not alone. On too many projects, the chasm between application code and infrastructure management breeds manual configuration nightmares, crippling complexity, and agonizingly slow development cycles. But what if your team could sidestep this chaos, focusing on building features instead of constantly battling deployment gremlins?",[1292,1293,1120],"devops","aws","/ewahl/2025-05/img/deployment_hell.png","2025-05-13","content:ewahl:2025-05:escape_deployment_hell.md",{"user":1298,"name":1299},"ewahl","Edward F. Wahl",{"_path":1301,"title":1302,"description":1303,"publishDate":1304,"image":1305,"tags":1306,"_id":1307,"author":1308},"/ewahl/2025-06/argued_with_ai","I Argued With an AI for 20 Minutes About Async Code — And I'm Surprisingly Happy","If you have ever spent twenty minutes debating an obscure AWS Lambda invocation pattern with an AI, you might question your life choices. But here I am: amused by the wasted time but ultimately happy with the outcome and understanding I gained.","2026-06-01","/ewahl/2025-06/img/argued_with_ai.png",[1292,1293,1120],"content:ewahl:2025-06:argued_with_ai.md",{"user":1298,"name":1299},{"_path":1310,"title":1311,"description":1312,"tags":1313,"image":1314,"publishDate":905,"_id":1315,"author":1316},"/jbagley/2019-4/makingspectrogramsinjuce","Making Spectrograms in JUCE","Art+Logic's Incubator project has made a lot of progress. In a previous post I mentioned that Dr. Scott Hawley's technique to classify audio involved converting audio to an image and using a Convolution Neural Network (CNN) to classify the audio based on this image. That image is a spectrogram. I'm going to go into some detail about what we do to create one, and why to the best of my ability.",[822,897,1223],"/jbagley/2019-4/img/Fortissimo_Trumpet_Ensemble_Matrix_Swells_61.wav-2048x1700.png","content:jbagley:2019-4:MakingSpectrogramsInJUCE.md",{"user":1317,"name":1318},"jbagley","Jason Bagley",{"_path":1320,"title":1321,"description":1322,"tags":1323,"image":1326,"publishDate":1327,"_id":1328,"author":1329},"/jbagley/2021-07/softwaresenescence","Legacy Vulnerabilities AKA Software Senescence","Does your business still have an XT computer in the back office because it's\nrunning that one version of some database software that your business depends\non? Yeah, we know there is. Most modern software doesn't work like that.",[1324,1325],"legacy","project-management","/jbagley/2021-07/img/old_software_to_new.jpg","2021-07-01","content:jbagley:2021-07:SoftwareSenescence.md",{"user":1317,"name":1318},{"_path":1331,"title":1332,"description":1333,"tags":1334,"image":1336,"publishDate":1337,"_id":1338,"author":1339},"/jbagley/2021-08-01/accuratetiming","Accurate Timing","In many tasks we need to do something at given intervals of time. The most obvious ways may not give you the best results.",[897,1335],"timing","/jbagley/2021-08-01/img/accurateTiming.jpg","2021-08-01","content:jbagley:2021-08-01:AccurateTiming.md",{"user":1317,"name":1318},{"_path":1341,"title":1342,"description":1343,"tags":1344,"image":1348,"publishDate":1349,"_id":1350,"author":1351},"/jbagley/2023-06-01/universal_ffmpeg_custom_builds","Building Universal FFmpeg Custom Binaries","I am using a very pared down set of FFMpeg features for a macOS project that I\nbuild into a custom library. I had a script set up to configure the build which\nworked fine on my Intel based MacBook Pro. Then I upgraded to an Apple Silicon\nMacBookPro and wanted to run natively, or at least see what happened when I\ndid. To build, FFMpeg uses autoconf which produces a makefile that then handles\nthe build.",[1345,1346,1347,820],"c","bash","ffmpeg","/jbagley/2023-06-01/img/header.png","2024-04-01","content:jbagley:2023-06-01:Universal_FFMPEG_custom_builds.md",{"user":1317,"name":1318},{"_path":1353,"title":1354,"description":1355,"publishDate":1356,"image":1357,"tags":1358,"_id":1362,"author":1363},"/jbagley/2025-08/a_developers_primer_on_apple_tracking_transparency","A Primer on Apple's App Tracking Transparency","If an app tracks user activity, Apple requires them to declare all information they collect as well as whether that data is linked or tracked. This includes collection by the app itself and any third parties the app uses. The app owner is responsible for knowing and correctly reporting privacy information for all components in the app.","2026-05-22","/jbagley/2025-08/img/apple_app_transparency.png",[1359,1360,819,1361],"app tracking transparency","att","macos","content:jbagley:2025-08:a_developers_primer_on_apple_tracking_transparency.md",{"user":1317,"name":1318},{"_path":1365,"title":1366,"description":1367,"tags":1368,"image":1372,"publishDate":1373,"_id":1374,"author":1375},"/jestep/2023-3/fastapi","FastAPI: A High-Performance Python Framework for Rapid Web Development","FastAPI is a modern and high-performance Python web framework designed specifically for building APIs and web applications quickly and efficiently. Developed by Sebastián Ramírez and first released in 2018, FastAPI has rapidly gained traction in the developer community thanks to its focus on providing key features for API and web app development with excellent performance.",[1120,1369,1121,1370,1371],"fastapi","flask","pyramid","/jestep/2023-3/img/header.png","2024-05-01","content:jestep:2023-3:fastapi.md",{"user":1376,"name":1377},"jestep","Jagger Estep",{"_path":1379,"title":1380,"description":1381,"publishDate":1382,"tags":1383,"image":1387,"_id":1388,"author":1389},"/nharrison/2012-07/core-data","Securing Your Core Data with Transformable Attributes","In order to store private data in an iOS Core Data database, there are several methods available for encryption, including:","2012-07-30",[1384,1385,819,834,1386],"core-data","encryption","objective-c","/nharrison/2012-07/img/superman.jpg","content:nharrison:2012-07:core-data.md",{"user":1390,"name":1391},"nharrison","Noah Harrison",{"_path":1393,"title":1394,"description":1395,"tags":1396,"publishDate":1401,"image":1402,"_id":1403,"author":1404},"/phendry/2019-3/restfromthebottomup","REST from the Bottom Up","The RESTful API has a funny place in the software development world: it's widely regarded as the best general-purpose pattern for building web application APIs, and yet it's also nebulous enough of a concept to cause endless disagreements within teams over exactly how to implement one.",[1397,1398,1399,1400],"rest","api","web","architecture","2019-10-01","/phendry/2019-3/img/feature_image.png","content:phendry:2019-3:RestFromTheBottomUp.md",{"user":774,"name":775},{"_path":1406,"title":1407,"description":1408,"tags":1409,"publishDate":1327,"image":1410,"_id":1411,"author":1412},"/phendry/2021-06/smoothupgradestovue3","Smooth Upgrades to Vue 3","This post assumes basic familiarity with Vue.js v2.x.",[936,15,1059],"/phendry/2021-06/img/vue-transition.jpg","content:phendry:2021-06:SmoothUpgradesToVue3.md",{"user":774,"name":775},{"_path":1414,"title":1415,"description":1416,"image":1417,"tags":1418,"publishDate":1270,"_id":1419,"author":1420},"/phendry/2021-07-30/spotthevulndataranges","Spot the Vulnerability: Data Ranges and Untrusted Input","In 1997, a flaw was discovered in how Linux and Windows handled IP fragmentation, a Denial-of-Service vulnerability which allowed systems to be crashed remotely.","/phendry/2021-07-30/img/vulnerability.jpg",[834,784],"content:phendry:2021-07-30:SpotTheVulnDataRanges.md",{"user":774,"name":775},{"_path":1422,"title":1423,"description":1424,"tags":1425,"image":1426,"publishDate":1427,"_id":1428,"author":1429},"/phendry/2021-08-15/exploringdependenttypesinidris","Exploring Dependent Types in Idris","When I'm not coding the \"impossible\" at Art+Logic, I take a lot of interest in new programming technologies and paradigms; even if they're not yet viable for use in production, there can often be takeaways for improving your everyday code.",[12],"/phendry/2021-08-15/img/dependent-types.jpg","2021-08-15","content:phendry:2021-08-15:ExploringDependentTypesInIdris.md",{"user":774,"name":775},{"_path":1431,"title":1432,"description":1433,"tags":1434,"image":1435,"publishDate":1436,"_id":1437,"author":1438},"/phendry/2021-10-30/spotthevulnloopsandtermconditions","Spot the Vulnerability: Loops and Terminating Conditions","In memory-unsafe languages like C, special care must be taken when copying untrusted data, particularly when copying it to another buffer. In this post, we'll spot and mitigate a past vulnerability in Linux's NTP daemon.",[834,784],"/phendry/2021-10-30/img/vulnerability-2.jpg","2021-10-30","content:phendry:2021-10-30:SpotTheVulnLoopsAndTermConditions.md",{"user":774,"name":775},{"_path":1440,"title":1441,"description":1442,"image":1443,"tags":1444,"publishDate":1445,"_id":1446,"author":1447},"/phendry/2022-07-21/migratingfromexpresstofastifypart1","Migrating from Express to Fastify, Part 1","Express.js has for years been the dominant lightweight Web framework for Node.js, but over time its development has stalled, with its latest major version (5.0) still in pre-release nearly eight years after its first alpha release. There's a lot to be said for this sort of stability in a foundational dependency for a project, but it's worth assessing whether the added features of competing frameworks are worth making a switch. In this article we'll be looking at Fastify in particular, to understand what it has to offer compared to Express and how difficult it is to migrate an existing Express project.","/phendry/2022-07-21/img/Migrating from Express to Fastify, Part 1.png",[936,784],"2023-12-01","content:phendry:2022-07-21:MigratingFromExpressToFastifyPart1.md",{"user":774,"name":775},{"_path":1449,"title":1450,"description":1451,"image":1452,"tags":1453,"publishDate":1454,"_id":1455,"author":1456},"/phendry/2022-07-28/migratingfromexpresstofastifypart2","Migrating from Express to Fastify, Part 2","In Part 1, we looked at the features of the Fastify Node.js Web framework compared to Express.js. In Part 2, we'll work through migrating an example Express.js application to Fastify.","/phendry/2022-07-28/img/Migrating from Express to Fastify, Part 2.png",[936,784],"2023-12-31","content:phendry:2022-07-28:MigratingFromExpressToFastifyPart2.md",{"user":774,"name":775},{"_path":1458,"title":1459,"description":1460,"tags":1461,"image":1462,"publishDate":1463,"_id":1464,"author":1465},"/phendry/2023-01-19/badcode","\"Bad\" Code (Or, Why Software Development is Hard)","Recently, the Dutch government open-sourced the iOS application for their \"DigiD\" authentication service. A tweet with a snippet of that source code, presumably making fun of it, blew up into a debate about whether mocking it is even justified. The amount of debate over such a simple snippet of code highlights, in my mind, just how tricky software development can be.",[834,784],"/phendry/2023-01-19/img/Bad Code.png","2024-01-15","content:phendry:2023-01-19:BadCode.md",{"user":774,"name":775},{"_path":1467,"title":1468,"description":1469,"image":1470,"publishDate":1471,"tags":1472,"_id":1473,"author":1474},"/phendry/2023-01-31/forgetaboutcodestyle","Forget About [Code] Style","Good code style, being highly subjective, is something often debated among developers. After all, we spend more time reading code than writing it, so it's worth making sure our code is styled to be as easy as possible to read and to understand. On the other hand, deciding upon and continuously enforcing a style is also time-consuming, and the benefits are near-impossible to quantify. Given that modern code formatting tools can fully automate the process, is it still worth fretting about style?","/phendry/2023-01-31/img/forget_style_header.png","2024-02-01",[12],"content:phendry:2023-01-31:ForgetAboutCodeStyle.md",{"user":774,"name":775},{"_path":1476,"title":1477,"description":1478,"image":1479,"tags":1480,"publishDate":1481,"_id":1482,"author":1483},"/phendry/2023-04-02/semantichtml","Don't Give Up on Semantic HTML","Since the early days of the Web, there has been tension between the ideal of \"semantic HTML\" and the practical reality of designing complex page layouts, which often could not be achieved without inserting style concerns into the document. More recently, frameworks like Tailwind CSS have emerged which challenge the very idea that semantic HTML is an ideal to strive for, and which commit to thoroughly embedding style concerns into HTML documents. With modern CSS features however, semantic HTML is more achievable than ever, and I do think it remains a worthy goal.","/phendry/2023-04-02/img/Don't Give Up on Semantic HTML.png",[12],"2024-03-01","content:phendry:2023-04-02:SemanticHtml.md",{"user":774,"name":775},{"_path":1485,"title":1486,"description":1487,"image":1488,"tags":1489,"publishDate":1490,"_id":1491,"author":1492},"/phendry/2023-05-16/doyouneedacsspreprocessor","Do You Need a CSS Preprocessor in 2023?","CSS preprocessors like Less, Sass and Stylus have long provided powerful features that vanilla CSS lacked: variables, nesting of rulesets, mixins, control flow constructs, etc. These days however, the feature gap is considerably narrower, and it's not so clear that the benefits of a preprocessor outweight the burdens of setting it up.","/phendry/2023-05-16/img/css_preprocessor_header.png",[12],"2023-01-01","content:phendry:2023-05-16:DoYouNeedACSSPreprocessor.md",{"user":774,"name":775},{"_path":1494,"title":1495,"description":1496,"image":1497,"publishDate":1498,"tags":1499,"_id":1500,"author":1501},"/phendry/2023-07-28/dependencymanagement","Software Dependency Management: Best Practices","Leveraging third-party libraries and frameworks is essential in most modern software projects, and the projects we build at Art+Logic are no exception. The pressure on developers to rapidly deliver features is high, and there are so many commonalities in the details of each project (particularly in Web development) that a lot of development time can be saved by using well-designed libraries that handle the details.","/phendry/2023-07-28/img/dependency_header.png","2023-01-02",[12],"content:phendry:2023-07-28:DependencyManagement.md",{"user":774,"name":775},{"_path":5,"title":9,"description":10,"tags":1503,"publishDate":16,"image":17,"_id":768,"author":1504},[12,13,14,15],{"user":774,"name":775},{"_path":1506,"title":1507,"description":1508,"publishDate":1509,"tags":1510,"image":1513,"_id":1514,"author":1515},"/rbrubaker/2012-06/arduino-thermometer","Turn Your Mac into a Thermometer with Arduino","The topic of the Arduino came up around A&L's \"virtual water cooler\" last week. About a year and a half ago, I purchased a SparkFun Inventor's Kit for Arduino. The kit is a fun way for a hardware novice like me to get started and learn some basics. It comes with more than a dozen sample projects such as lighting LEDs, spinning a motor and generating audio.","2012-06-28",[1511,1512],"arduino","java","/rbrubaker/2012-06/img/arduino1.jpg","content:rbrubaker:2012-06:arduino-thermometer.md",{"user":1516,"name":1517},"rbrubaker","Ryan Brubaker",{"_path":1519,"title":1520,"description":1521,"publishDate":1522,"tags":1523,"_id":1526,"author":1527},"/rbrubaker/2012-06/coffe-backbone-1","Fun with CoffeeScript and Backbone.js : Part 1","CoffeeScript has been all the rage lately and I've been wanting to hop on board the bandwagon. I've also seen Backbone.js mentioned quite a bit and was even more intrigued after listening to this .NET Rocks podcast. I decided to convert some plain JavaScript code I had in a side project to use both CoffeeScript and Backbone.js and see how things went.","2012-06-06",[1524,1525,961,784],"backbone-js","coffeescript","content:rbrubaker:2012-06:coffe-backbone-1.md",{"user":1516,"name":1517},{"_path":1529,"title":1530,"description":1531,"publishDate":1532,"tags":1533,"_id":1534,"author":1535},"/rbrubaker/2012-06/coffee-backbone-2","Fun with CoffeeScript and Backbone.js : Part 2","In this post I’ll discuss the code that handles updating the UI.","2012-06-07",[1524,1525,961,784],"content:rbrubaker:2012-06:coffee-backbone-2.md",{"user":1516,"name":1517},{"_path":1537,"title":1538,"description":1539,"publishDate":1540,"tags":1541,"_id":1542,"author":1543},"/rbrubaker/2012-06/coffee-backbone-3","Fun with CoffeeScript and Backbone.js : Part 3","In this post I’ll discuss my thoughts on CoffeeScript and Backbone.js.","2012-06-08",[1524,1525,961,784],"content:rbrubaker:2012-06:coffee-backbone-3.md",{"user":1516,"name":1517},{"_path":1545,"title":1546,"description":1547,"publishDate":1548,"tags":1549,"_id":1550,"author":1551},"/rbrubaker/2012-07/prototypal-js","Prototypal vs. Functional Inheritance in JavaScript","If you ever found JavaScript's prototypal inheritance confusing, do yourself a favor and open this article, open a JavaScript console and code each example in the article. You will definitely come away with a better understanding of how prototypal inheritance works in JavaScript.","2012-07-11",[1525,936],"content:rbrubaker:2012-07:prototypal-js.md",{"user":1516,"name":1517},{"_path":1553,"title":1554,"description":1555,"publishDate":1556,"tags":1557,"_id":1558,"author":1559},"/rbrubaker/2012-07/whither-pm","Whither Project Management?","When I was first asked to manage a project at Art & Logic, I had my reservations. Did I really want to start down a career path that led to less development? Would my skills as a developer go stale? My first few projects as a manager were solo projects so I still had plenty of development work and fortunately, I found myself to be a pretty easy person to manage. As time went on I started managing larger projects and with them came the responsibility to manage other developers. To my surprise I found project management to be rewarding and dare I say, even fun. It's very satisfying to work with clients, helping them define their visions and seeing those visions come to life.","2012-07-25",[1325],"content:rbrubaker:2012-07:whither-pm.md",{"user":1516,"name":1517},{"_path":1561,"title":1562,"description":1563,"tags":1564,"image":1567,"publishDate":905,"_id":1568,"author":1569},"/scharette/2019-4/discover_machine_learning","Discover Machine Learning","Computers have been around for less than 100 years.  In that short period of time, some incredible things have happened:  they've been universally adopted so quickly that we have them in our houses.  In our cars.  Even in our pockets.  In the last 40 years, there have been many significant events when it comes to computers:",[1565,1566,897],"machine-learning","neural-networks","/scharette/2019-4/img/discover_machine_learning.png","content:scharette:2019-4:discover_machine_learning.md",{"user":1570,"name":1571},"scharette","Stéphane Charette",{"_path":1573,"title":1574,"description":1575,"publishDate":1576,"image":1577,"tags":1578,"_id":1580,"author":1581},"/shuey/2012-05/baas","BaaS Offerings Continue to Grow","The makers of Simplenote recently introduced their Backend as a Service (BaaS) offering called Simperium that looks to compete in an increasingly crowded space with services like CloudMine, Kinvey, and Parse and to some extent with iCloud for iOS and OS X only apps. So just how crowded is this space? Back in February, Kinvey published their own map of the BaaS ecosystem that highlights different tiers of the ecosystem and various relationships between them.","2012-05-10","/shuey/2012-05/img/header.png",[1579],"baas","content:shuey:2012-05:baas.md",{"user":1582,"name":1583},"shuey","Steven Huey",{"_path":1585,"title":1586,"description":1587,"publishDate":1588,"tags":1589,"image":1591,"_id":1592,"author":1593},"/shuey/2012-05/cloud","Under the Sheets with iCloud and Core Data","Drew McCormack is writing a great series (Part 1, Part 2, Part 3) of posts about using iCloud for syncing Core Data managed data. It's harder than Apple lets on and Drew has done a great job of uncovering how this actually works.","2012-05-28",[820,1590],"icloud","/shuey/2012-05/img/icloud.jpg","content:shuey:2012-05:cloud.md",{"user":1582,"name":1583},{"_path":1595,"title":1596,"description":1597,"publishDate":1598,"tags":1599,"_id":1601,"author":1602},"/shuey/2012-05/economics-android","The Economics of Android","If you haven't already do yourself a favor and head over to asymco.com to catch Horace Deidu's multi-post series on \"The Economics of Android\". Horace and Dan Benjamin discuss the series during this week's Critical Path podcast as well. Horace is a former analyst for Nokia and has been writing Asymco for a few years now. His analysis of the mobile industry and Apple's place within it in particular has been featured in publications such as Bloomberg and Forbes.","2012-05-17",[1600],"android","content:shuey:2012-05:economics-android.md",{"user":1582,"name":1583},{"_path":1604,"title":1605,"description":1606,"publishDate":1260,"tags":1607,"_id":1610,"author":1611},"/shuey/2012-05/iot","The Internet of Things and Big Data","I've been following the developments in the \"Internet of Things\" and Big Data / Open Data markets as new apps and tools are released and they look to be two exciting technologies on a collision course. With the advent of internet connected home appliances like Wattvision and Nest that provide real utility to the average home owner at reasonable prices along with crowd funded projects like Air Quality Egg or Twine we should see an explosion in the kinds and amount of useful and real-time or near real-time data that is available to anyone with a smartphone. Health metric or \"quantitative self\" tracking devices such as Fitbit, Jawbone Up, and the Pebble watch will fuel this data explosion as well.",[1608,1609],"big-data","iot","content:shuey:2012-05:iot.md",{"user":1582,"name":1583},{"_path":1613,"title":1614,"description":1615,"publishDate":1616,"tags":1617,"image":1619,"_id":1620,"author":1621},"/shuey/2012-05/rubymotion","RubyMotion Brings Ruby to iOS","RubyMotion is a new development toolchain that allows you to build iOS apps using Ruby created by Laurent Sansonetti, a former Apple engineer and contributor to the MacRuby project. It has garnered a lot of attention the past few weeks and some detailed reviews have already been written:","2012-05-14",[819,1618],"ruby","/shuey/2012-05/img/logotype-icon.png","content:shuey:2012-05:rubymotion.md",{"user":1582,"name":1583},{"_path":1623,"title":1624,"description":1625,"publishDate":1626,"tags":1627,"image":1628,"_id":1629,"author":1630},"/shuey/2012-06/thoughts-ios6","A few thoughts on iOS 6","Apple made their session videos from WWDC 2012 available earlier this week in record time. It's nice to see since tickets for this years event sold out in under two hours. Apple has an iOS 6 Preview page touting some of the new features such as Siri's new abilities, tighter integration with Facebook, Photo Stream sharing, and things like iCloud tabs for Safari all of which look great.","2012-06-21",[820,819],"/shuey/2012-06/img/ios6.jpg","content:shuey:2012-06:thoughts-ios6.md",{"user":1582,"name":1583},{"_path":1632,"title":1633,"description":1634,"publishDate":1635,"tags":1636,"image":1638,"_id":1639,"author":1640},"/shuey/2012-07/mixer","A Simple Mixer Using AVFoundation","In iOS 4.0 Apple introduced the AV Foundation APIs that made working with audio and video media much easier than it had been in previous versions of iOS. Apple then brought these APIs to Mac OS X in OS X 10.7 \"Lion\". In this post I'll show how to use some of the APIs to create a simple four track mixer.","2012-07-02",[820,1637,819],"cocoa","/shuey/2012-07/img/mixer-screenshot.jpg","content:shuey:2012-07:mixer.md",{"user":1582,"name":1583},{"_path":1642,"title":1643,"description":1644,"publishDate":1645,"tags":1646,"image":1647,"_id":1648,"author":1649},"/shuey/2012-07/reset-button","The Reset Button","Horace Dediu of Asymco has been publishing some fantastic insights and analysis of the mobile market in the past few weeks. I linked to some of Dediu's analysis of the Economics of Android in an earlier post, and since then he's updated his work with the latest data and is studying RIM and Microsoft's efforts in the space as well.","2012-07-19",[1600,820,819],"/shuey/2012-07/img/kevin.jpg","content:shuey:2012-07:reset-button.md",{"user":1582,"name":1583},{"_path":1651,"title":1652,"description":1653,"publishDate":1654,"tags":1655,"image":1657,"_id":1658,"author":1659},"/tfarrel/2012-07","Looking at Steganography","With the help of one of my favorite news aggregators, I discovered this article on using JavaScript and the canvas element to hide information inside images. I've long been fascinated by steganography and this article and demonstration makes it even more accessible. If you can't be bothered to read the article, it describes a method of using the HTML5 File API and the canvas element to embed a message in images.","2012-07-24",[1656],"steganography","/tfarrel/2012-07/img/white.png","content:tfarrel:2012-07:index.md",{"user":1660,"name":1661},"tfarrel","Troy Farrel",1780330263270]