Node.js is an open-source, cross-platform JavaScript run-time environment that executes JavaScript. It includes npm, which is the package manager for JavaScript code ( installs programs).
Category Archives: WEB DEVELOPMENT
[Rx] Local Development – Speed Up LocalHost
These are some things that I changed in UniServer to speed up working with localhost.
Edit Core > Apache2 > conf > http.conf
ServerName 127.0.0.1:4001
I use 4001 as my localhost port.
Also disable the loading of the CGI module by commenting # this line:
#LoadModule cgi_module modules/mod_cgi.so
I think it runs faster… maybe.
I’ll update this if I make any other changes.
What is SASS CSS Preprocessor and Do You REALLY Need It?
Back in the day, there was HTML. It was just text and so easy. To make the text pretty, Cascading Style Sheets (CSS) were born to separate content from presentation. This wasn’t enough…
SASS is one of the scripting languages for CSS (like LESS, STYLUS, CSS-Crush, Myth, etc.). So, instead of searching and replacing colors or any other CCS attribute through ever expanding stylesheets, SASS compiles the stylesheet using variables and other coding to dump out a .css file.
The advantage to using SASS is that you can reuse CSS and flavor it for all sorts of projects. You can break your CSS code into logical sections. The danger of any sort of machine generated code is that you might get some bloat.
Oh–and did I mention that you have to install and learn another language and work with the command line? After my debugging adventures with grunt and a missing comma, I’m not too keen on learning another syntax.
But, do you really need SASS or any other preprocessor? CSS actually has variables. Of course, they don’t call them that. They’re called “CSS Custom Properties.”
The problem was that custom properties weren’t supported in all browsers. They are now supported by recent versions of all modern browsers, even MS-Edge.
There are still other coding functions that SASS and the other CSS preprocessors can do that plain CSS can’t.
So… the answer to whether or not you need SASS is a definite MAYBE. Just watch those commas.
[Rx] Basic SEO | How to Write Simple Meta Tags
There was a Kevin Costner movie where he kept on hearing, “Build it and they will come.”
Great for Kevin, not so good for webpages. If you want to be found on the net, you need more… SEO (Search Engine Optimization).
[Rx] How to Setup FlexSlider
FlexSlider is a free responsive jQuery slider toolkit from Woo Commerce. This is not a WordPress plug-in. It’s pure JavaScript.
What is Grunt?
What the heck is a JavaScript Task Runner?
Grunt is a command line tool that runs on Node.js and automates your JavaScript build process.
Grunt is an “easy” way compile coffeescript, sass, compass. It can minify, concatenate, and a whole lot more. Everything is simple… as long as you know what you’re doing.
I put the install process for both Node.js and Grunt in the post on Trimming CSS Fat.
HTMLy Flat-File CMS
If you’re looking for a “light” alternative to WordPress that doesn’t require a massive learning curve, PHP-driven HTMLy just might fit the ticket.
HTMLy a simple PHP CMS program that stores all the posts in Markdown. It’s also open source and free. It looks like recent development is a few months old, which is a concern. There is not a lot of documentation available either. Many of these applications are one-man shows. If this guy disappears, so does the program. The good news is that the github issue forum is active.
[Rx] Using WordPress Duplicator to Restore Local Database
Duplicator is a plugin to backup, migrate, copy or clone a site from one location to another.
I wrote a recipe up some time ago to do a localhost database restore using Duplicator, but never prettied it up. Since it might be of use to someone in the future (like me), I’m going to go head and publish it.
[Rx] Customizing Open Live Writer
Way back in the day, Microsoft gave out a very good offline blogging program called Windows Live Writer. It was an offline WYSIWYG blog editor that allowed you to write, save, and post all from the comfort of your local PC desktop and came bundled in an online package called Windows Essentials. The program stalled out on version Windows Live Writer 2012. Microsoft opened sourced the program as Open Live Writer at the end of 2015.
Like the older version, it’s possible to tweak the theme and to make it look more like your blog.
[Rx] Trim CSS Fat Using Win7 Grunt
Back in the day, you didn’t have to worry about “devices.” Now, we’re all modern. We have stylish CSS that makes HTML look hipster-good on any screen size you can imagine. To do all this you need css code, lots of code.
You can punch the code-masters ticket and roll your own CSS or you can attach everything to a CSS framework (Bootstrap, Foundation, etc.).
These frameworks don’t know what you want, so they give you EVERYTHING. You have a screen the size of you large toenail? Not a problem, but the typical websites uses less than 80% of all the framework css code.
The price you pay for a kitchen sink framework is speed. Luckily, if you have a need for speed, you can trim out the CSS fat using unCSS.