In case you hadn’t noticed, I use JsFiddle for most of JavaScript demos and to embed samples into my blog. I like JsFiddle, but it does have a few annoyances.
As a result, I started looking at some alternates.
JavaScript and Web sandboxes
posted on August 10, 2015 by long2know in JavaScript, Web
Visual Studio Code
posted on August 10, 2015 by long2know in Microsoft
Over the weekend, I started moving various source files over to github. Typically, I just use Notepad2 for basic editing and such.
However, after all the good things I read, and have seen, about Visual Studio Code, I finally decided to give it a try as a basic editor.
Github and Plunker
posted on August 7, 2015 by long2know in angular, JavaScript, Web
To make some of the demos I’ve been posting lately, especially Angular and JavaScript demos, easier to download/use, I’ve made a Github repo to house the source and demo code.
Annoying IE CSS Bugs
posted on August 6, 2015 by long2know in css, jsfiddle, Web
Being a web developer, I’ve had my fair share of problematic IE behavior. Microsoft’s browsers up to, and including, IE11 are not very good in terms of standards compliance. This is pretty well known with web developers.
Well, after my post yesterday regarding CSS flexbox, I found that IE10/11 exhibit some odd discrepancies.
Flexible layouts to the rescue (again)
posted on August 5, 2015 by long2know in css, Web
Currently, I’m working on a web project that has searchable tables. The layout requires that the search results that is displayed in the table is scrollable. The idea behind this is such that controls to perform search, paging, and other functions on the table are always in view. There are buttons above and below the table.
If you recall my previous post about CSS flex-box, you saw how you can cause elements to grow/shrink as the browser viewport changes. This seemed like an appropriate technique to achieve what is essentially a vertical fluid-layout.
CSS Arrows for Wizard Progress
posted on July 24, 2015 by long2know in css
Making arrow blocks in CSS is pretty easy. You can manipulate the borders of elements, create outlines with overlapping arrows, and other neat things.
One place where I’ve used this is for letting a user visually step through the process of a guided wizard.
Creating, for example, an arrow pointing to the left, we could use a DIV element like so:
AngularJS Date before and after validation
posted on July 23, 2015 by long2know in angularjs, JavaScript, Web
In most of the UI’s I work on lately, it’s necessary to provide start and end date selection. The typical use case is for setting date ranges for searching and storage of effective dates.
Being that these are typically Angular applications, tying into Angular’s form validation makes a lot of sense.
Angular multiselect dropdown
posted on July 21, 2015 by long2know in angular, JavaScript, jsfiddle
Mutliselect drop-downs are somewhat of a pain. It’s always nice when things are simple and discrete. But, the world is not simple and discrete. Life isn’t simple and discrete.
I find myself many times in need of a good, general purpose multiselect dropdown with checkboxes. There are many options for multiselect, like select2, but for some reason having discrete checkboxes is generally overlooked. This is where rolling my own came into play.
EDIT: Be sure to check out the updated info. for this directive. https://blog.long2know.com/2016/05/angular-multiselect-dropdown-updated/
Slack channel
posted on July 17, 2015 by long2know in Uncategorized
For any blog discussions, questions, or comments, I’ve started a Slack channel. Feel free to pop in and start up a conversation.
Focus on an element in Angular
posted on July 16, 2015 by long2know in angular, JavaScript, jsfiddle
Earlier today, I helped a colleague on a small issue. That issue was giving focus to an element in a modal once the modal is loaded.
This seems trivial, but it’s actually not entirely straight-forward due to Angular’s digest cycle.
As usual, I wanted to wrap this into a reusable directive.