Resources posts

Getting started with Toast: A light-weight responsive CSS grid

Toast is a really light-weight fully responsive CSS grid. Toast grid was created by Dan Eden, the man behind animate.css and baseline.js. If you are already using Bootstrap, Foundation or any other CSS framework, You might ask why you should learn a new grid system. The number one reason to use Toast grid system is that, it is very light, no-nonsense grid system, for creating responsive websites quickly and easily. Bootstrap, Foundation and many other CSS framework allow you to create responsive,...

StringBean: The tiny framework for big design

StringBean introduces itself with the slogan, “The 4K featherweight framework”. Now, I wasn’t exactly skeptical. Despite the prevalence of massive CSS and HTML frameworks (you know which two I mean), there are plenty of tiny frameworks about. I’ve seen and tested many, and even used one or two of them for live projects. StringBean has, however, managed to impress me with how much it’s managed to fit into a small space. As always, frameworks stay small by sticking to an incredibly basic set...

User-friendly front-end: Emmet Livestyle

Do you feel comfortable in a text editor, but not so much in the terminal? Then this might be the series for you! In User-friendly front-end articles, I’ll be outlining ways to streamline the front-end development process in ways that don’t involve terminals, compilers, or endless chains of libraries. Don’t get me wrong, those things are great. However, we’re not all full-time developers. It can take more time to figure out which libraries to use, how to make them build properly, and so on,...

Introducing cory, the tiny static-site generator

We DIY types do love our tiny scripts, frameworks, and CMSs, sometimes. There’s something about starting from near-scratch, with some of the annoying stuff taken out of the equation, that feels amazing. There’s so much potential on that blank screen, or in that empty text file. Today, I’m talking about cory, which bills itself as a “tiny generator for static sites”. It’s Node-based, and it lives up to this promise. The source code for the whole thing, when zipped, weighs in at just 235KB....

Apple debuts new browser for developers

Apple is making strides to support web development with its release of the Safari Technology Preview. This is a browser made especially for developers, which lets them get a glimpse of future technologies in both OSX and iOS and play around with these technologies in websites and extensions. What sets the new browser apart is its handy standalone role. This means developers can run it side-by-side with the mainstream version of Safari, which makes workflows easier as it allows seamless switching...

Underappreciated frameworks part 5: Outline

This is a part of the Under-appreciated series, where we explore CSS frameworks that are well-made and have great ideas, but never took off like the “big two”. For a full introduction, see the first article in the series. Outline bills itself as "The clean and simple framework". Clean? Simple? You have my attention! Really, though, Outline is a pretty basic, SASS-based framework. Now, if you’ve read this series, you know that’s not an issue. Basic can be very useful. The question is, as always:...

Underappreciated frameworks part 4: Schema UI

This is a part of the Under-appreciated series, where we explore CSS frameworks that are well-made and have great ideas, but never took off like the “big two”. For a full introduction, see the first article in the series. You can tell that Schema UI’s last update was at least a year ago because the framework is still using LESS. Okay, that was unnecessarily snarky, but I’m still bitter about Bootstrap switching over to SASS. Schema UI is another one of those frameworks that I absolutely love. You...

Getting started with Middleman

WordPress and other CMS’ like it have taught us well that not every site needs to be dynamic. In fact, it can be hell on the server. So, just about every decent coder out there has taken a stab at making a static site generator. This is a good thing. If they keep this up, we may one day have one that’s user-friendly. For now, they are decidedly developer-centric, and somewhat experimental. At this stage, they are fascinating. Today’s offering is the appropriately named Middleman, and it’s built...

Underappreciated frameworks part 3: Kickstart

This is part of the underappreciated series, where we explore CSS frameworks that are well-made and have great ideas, but never took off like the "big two". For a full introduction, see the first article in the series. Kickstart is a bit different, and a bit more ambitious, than some of the other frameworks featured in this series so far. It aimed to take on Bootstrap and Foundation directly. And, though it didn’t quite reach that status, it comes with some great ideas. The implementation’s great...
Home XML WordPress Web Services Web Development Web Design Underscore Uncategorized Tutorial Tools SQL Server Social Apps Snippet SEO Security RoR Responsive Design Resources Python PHP News MySQL Mobile Miscellaneous jQuery JavaScript Java J2EE HTML5 HTML Design Patterns