Aetles + code   14

18F: Digital service delivery | Shared infrastructure as code
If you follow DevOps trends, you have likely heard of infrastructure as code. Tangibly, infrastructure as code means having things like your network configuration, server attributes, access control, etc. in a machine-readable format. This code then:

Serves as the source of truth for what the infrastructure should look like
Can be used to recreate the infrastructure from scratch
Is under version control
Is modified by pull requests
DNS is a major piece of shared infrastructure at the Technology Transformation Services (TTS, which 18F is part of), which made it a prime candidate for infrastructure as code. Of the many benefits, doing DNS changes through pull requests rather than tickets brought turnaround time down from multiple days to under ten minutes.
dns  development  code  infrastructure 
august 2018 by Aetles
Don't Follow WordPress Coding Standards
Since I learned plugin development by working as a support rep and developer for The Pods Framework, I learned first hand what happens when important guidelines we all agree to follow are violated. For example, a theme might replace the WordPress’ core jQuery, and work fine, but any plugins that assume that WordPress core’s jQuery is present might not keep working.

That said, there is a generally-accepted practice in plugin, theme, and site development that code should follow the standards defined for WordPress core development. This is something I disagree with — unless you’re doing core development.

I don’t mean to be hyper-critical, but WordPress is a framework that started before those who were building it understood the importance of consistent naming written in a language whose standard library started without any concept of the importance of consistent naming. The PHP community, through the PHP FIG group has developed how PHP code should be written and has published PSRs to codify the right way to format code, structure your code, autoload your code, and how to implement common concepts — events, cache, HTTP request.

As a result, in PHP development, there is now a “WordPress Way” and a “PHP Way.” And again I don’t mean to be harsh towards a platform and community I love, but one way is based on how the language and web apps have evolved and the other isn’t. I think that following the established best practices for PHP development makes more sense and doing so leads to better, more maintainable, and more interoperable code.
wordpress  webdevelopment  programming  php  code  codestandards 
january 2018 by Aetles
tachyons tldr
quick lookup for tachyon classes, scales and colour palette
code  css  framework  webdevelopment  webdesign 
october 2017 by Aetles
Create, review and deploy code together | Better than GitHub | GitLab
Batteries included: GitLab includes git repository management, code reviews, an issue tracking and wiki’s and much more. GitLab comes with GitLab CI, a easy to use continuous integration and deployment tool.

Do it together: Discuss issues and plan milestones. Do code reviews and make line comments. Mention your colleagues anywhere. View activity streams of projects or people.

Plays well with others: GitLab has integrations for tons of tools such as Slack, Hipchat, LDAP, JIRA, Jenkins, many types of hooks and a complete API.

Self-hosted, scalable and updated monthly
On Your Servers: Run it on your own infrastructure. Own everything. Or use our free SaaS

Scales Effortlessly: It runs smoothly a tiny server but can and scale to multiple active servers. A single server handles more than 25,000 users.

Updated Monthly: Every month on the 22nd a big upgrade is released and it’ll only take you only 2 minutes to update.

Community-loved, enterprise ready
GitLab Community Edition is completely free to download and it is open source. It is built by a community of more than 700 people.

GitLab Enterprise Edition comes with a subscription and offers deeper LDAP / AD integration, Jira and Jenkins integration and much more.

Subscriptions allow you to use the Enterprise Edition and includes 24/7 emergency support, more information can be found on our pricing page.
code  development  git  opensource  webdevelopment 
april 2015 by Aetles
Learn |
The Hour of Code is just the first step on a journey to learn more about how technology works and how to create software applications.
code  programming  kids  education  learning 
january 2014 by Aetles
fartscroll.js | Everyone farts. And now your web pages can too.
You want fart noises as you scroll? We've got you covered.
code  humor  javascript  js 
may 2013 by Aetles
How To Prototype In Xcode Using Storyboard | Meng To - UI/UX Designer
The purpose of prototyping in Xcode is to be able to create a super high fidelity flow using the exact same software that builds iOS Apps. In Xcode, there is no limit. You can embed beautiful interactions, transitions, animations and sounds to produce a true native experience. In this tutorial, I will focus on the Storyboard feature, a powerful tool in Xcode that allows you to build an App without a single line of code. You will be able to create a functional prototype in a matter of hours.
code  design  ios  xcode  prototyping 
may 2013 by Aetles
How to adjust an iframe element’s height to fit its content | 456 Berea Street
In an ideal world there would always be a clean way of displaying data supplied by a third party on your site. Two examples would be getting the data in JSON or XML format from a Web Service and having an API to code against. But you don’t always have any of those options.

Sometimes the only way of incorporating data from a third party is by loading it in an iframe element. A few examples are financial reports, e-commerce applications, and ticket booking applications. Using an iframe is not ideal for many reasons, one of which is that it can make multiple sets of scrollbars appear on the page. Not only does it look ugly, it also makes the site less user-friendly. But there is a workaround.

Adjust the iframe’s height with JavaScript

By using the following piece of JavaScript you can adjust the height of the iframe element to match the height of its content:
code  css  iframe  javascript  js 
february 2012 by Aetles
An Introduction To Object Oriented CSS (OOCSS) - Smashing Coding
Have you ever heard the phrase “Content is King”? Being a Web developer, and therefore having a job that’s often linked to content creation, it’s likely you have. It’s a fairly overused but true statement about what draws visitors to a site.

From a Web developer’s perspective, however, some may argue that speed is king. More and more, I’m starting to favour that stance. In recent years many experienced front-end engineers have offered their suggestions on how we can improve the user experience by means of some performance best practices.

Unfortunately, CSS seems to get somewhat overlooked in this area while many developers (for good reason) focus largely on JavaScript performance and other areas.

In this post, I’ll deal with this often overlooked area by introducing you to the concept of object oriented CSS and how it can help improve both the performance and maintainability of your Web pages.
code  css  webdesign 
december 2011 by Aetles
Kelly Sutton's Tumblr, 12 Steps to Writing Better Web Code
It’s been over a decade since Joel Spolsky wrote the Joel Test: 12 Steps to Better Code. The man was ahead of his time. Sure, things like version control are a no-brainer for any competent shop out there. With the ease of tools out there, most teams have a bug database and have reasonably up-to-date schedules. Heck, most software companies out there do pretty well on Joel’s 12 steps. But those 12 steps are no longer enough.

I’ve become somewhat of a process nut, which is weird. Usually I’ve got my finger over the big red deploy button before anyone else. But that’s not process, that’s deploying. I like to hear how other companies work. I see the most trivial roadblocks frustrate some developers. Many companies, both big and small, pay too little attention to process. It hurts morale, it contributes to unnecessary work and it will eventually lead to a product falling apart.

This is my attempt to codify what I think are 12 great supplemental steps to Joel’s first 12. Like Joel’s, you should give a binary answer to each question: “yes” or “no.”
code  development  programming  tips 
november 2011 by Aetles
A tutorial on character code issues
En mycket utförlig genomgång av teckenkodning för de som behöver förstå detta på djupet.
character  encoding  teckenkodning  code  utf-8  iso-latin  Webbutveckling 
august 2006 by Aetles
Sack of Ajax
SACK - Simple Ajax Code Kit - är kod som gör det enkelt att använda Ajax i webbapplikationer och som ska vara säkrare än saker som SAJAX.
ajax  xmlhttprequest  javascript  sajax  Twilight  Universe  simple  code  kit  Webbutveckling  PHP 
may 2005 by Aetles

Copy this bookmark: