Image Lightbox, Responsive and Touch‑friendly — Osvaldas Valutis As for the image lightboxes, I have always lacked simplicity for them. I mean not only the visual design, but the overall experience: from implementation to UX. All due respect, but I have never liked any of these light-fancy-face-boxes. They all were solving problems that just don’t exist: lots of unwanted features by default, total mess in markup, no native behavior for touch screens. I was working on a project and needed an image lightbox that solves these problems.
HashTag - Password Hash Type Identification (Identify Hashes) HashTag.py is a Python script written to parse and identify the password hash type used. HashTag supports the identification of over 250 hash types along with matching them to over 110 hashcat modes (use the command line switch -hc to output the hashcat modes). It is also able to identify a single hash, parse a single file and identify the hashes within it, or traverse a root directory and all subdirectories for potential hash files and identify any hashes found. One of the biggest aspects of this tool is the identification of password hashes. The main attributes used to distinguish between hash types are character set (hexadecimal, alphanumeric, etc.), hash length, hash format (e.g. 32 character hash followed by a colon and a salt), and any specific substrings (e.g. ‘$1$’). A lot of password hash strings can’t be identified as one specific hash type based on these attributes.
Fullscreen Form Interface An experimental fullscreen form concept where the idea is to allow distraction-free form filling with some fancy animations when moving between form fields. View demo Download source Today we’d like to share a fullscreen form concept with you. The idea is to extend the minimal form concept and only show one question or form field at a time in fullscreen. The user can enter data in a distraction-free way and it allows to add some fancy animations for the fields. Server vs client side rendering (AngularJS vs server side MVC) There’s a lot of discussion related to server vs client side application rendering. While there is no “one choice fits all” solution, I’ll try to argue in favor of client side (specifically AngularJS) from different points of view. First of them is architecture. Well done architecture has clearly defined separation of concerns (SoS). In most cases minimal high level configuration is: Data storageServicesAPIPresentation
You Might Not Need jQuery jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more than what the browser ships with. Converting files to UTF-8 Some files, like Moodle import and export files and custom language packs or language files from third party modules need to be converted or treated as UTF-8 before they may be used with Moodle 1.6 and later. *nix like computers (including Mac OS X) Generally, this may be done with the iconv command on Unix, Linux or a Mac. iconv -f original_charset -t utf-8 originalfile > newfile
Hipster Dev Stack Imagine this likely scenario: you work on your ceramic burr grinder drop ship store at nights and your organic cat saliva bike decal glue formula at weekends. One may have to pay for all this real work with a troublesome day job of some kind. The paymasters at this particular day job don’t share your own passion to make things The Right Way using Hapi and Om, and in fact may even claim their ‘hands are tied’ and you find yourself having to work with, ugh, Java. Like the whole coffee tie-in isn’t an obvious attempt to pander to urban ‘trendies’ by enterprise douches.
Tutorial: Tour of Heroes - ts - TUTORIAL Our grand plan for this tutorial is to build an app to help a staffing agency manage its stable of heroes. Even heroes need to find work. Of course we'll only make a little progress in this tutorial. What we do build will have many of the features we expect to find in a full-blown, data-driven application: acquiring and displaying a list of heroes, editing a selected hero's detail, and navigating among different views of heroic data.
How to Build a Responsive WordPress Theme with BootstrapTreehouse Blog In this tutorial, we will learn how to make our own responsive WordPress theme using Bootstrap. Bootstrap is a responsive framework for building web sites and applications, and it’s a great starting point for building a responsive WordPress theme. Check out Zac’s other WordPress courses and enjoy a free, two-week trial of Treehouse. You don’t have to have built a theme from scratch before to successfully follow along. However, we do assume that you are comfortable doing things like adding and editing posts in the admin area or installing plugins.