Profile cover photo
Profile photo
Web Design & Development in a Nutshell
Web Design & Development in a Nutshell

knooq's posts

Post has shared content
Apply minimalist 'Neat' scrollbars to Drupal content with ease.

I wrote this  #drupal-module in order to make it as easy as possible to apply contemporary scrollbars to drupal content.

Out of the box, you can apply a scrollbar to all nodes or all blocks.  You can also apply scrollbars to single or multiple CSS attributes.  Special FX include autohide, touch scroll, mousewheel scroll among many others.

For developers, the libraries can be left on while deactivating the default settings should you want to create advanced themes and effects. 

Feedback welcome.  Hope it's useful.

Post has shared content

Post has shared content

Post has shared content
A CSS3 filter and Jquery & Sort Plugin

#css3   #jquery  

Post has shared content
The M-Project
Combining JQuery mobile for desiging the interface, a packager and test server called Espresso, this HTML5 framework plugs into Cordova (see previous post).

The documentation seems comprehensive, albeit based upon IOS examples.

License: MIT

#mobiledevelopment #cordova #jQuery #android #ios #appdevelopment  

Post has shared content
So you don't want to learn Java in order to build native mobile apps.  There are a few frameworks out there that thelp you to overcome the Java hurdle and Apache Cordova is one of them.

It uses a set of javascript library API's to invoke device specific code for the following platforms, iOS, Android, Blackberry, Windows Phone, Palm WebOS, Bada, and Symbian.  The cool thing is that it uses web technologies that are hosted in the app itself, locally.

Do you use Cordova, what are your experiences?

#apps #android #ios #mobile  

Post has shared content
Although one of the most popular themes in terms of downloads from, this is worth posting about just for its responsive design alone.

When enabled initially, this theme is a simple visual shell, and the design side is basically up to you.  Under the hood, there is a lot already done, and the theme is very well documented with Doxygen markup which is very explanatory.  It also has great online docs here:

Out of the box the design is responsive and re-flows very nicely in different screen sizes.  It does a lot of the groundwork and includes HTML5, cross browser conditional statements, SASS/Compass/CSS, and Normalize CSS to name but a few features.

I've used it quite a bit and it is a great theme to provide you with the "Bones" of a modern HTML5 responsive design.

#drupaltheme #drupal #responsivedesign  

Post has shared content
LESS: This is a dynamic stylesheet language akin to a framework for CSS.

Less allows the devleoper to save time and lines of code by incorporating nested rules, variables, functions etc.  It is intuitive and a great time saving tool.

See the LESS pojects usage page for examples:

License: Apache 2.0

Post has shared content
The 'mod_pagespeed' module is an open Source Apache module developed by Google.  It pupports to improve page load speed based on 'best practices' including;

As page loading times count towards search rankings, page speed is always important from a develper's perspective.

Optimizing caching — keeping your application's data and logic off the network altogether

Minimizing round-trip times — reducing the number of serial request-response cycles

Minimizing request overhead — reducing upload size

Minimizing payload size — reducing the size of responses, downloads, and cached pages

Optimizing browser rendering — improving the browser's layout of a page

Optimizing for mobile — tuning a site for the characteristics of mobile networks and mobile devices


By way of a mini-survey, let us know you are currently using 'mod_pagespeed', and whether you see it as a noticeable improvement or not.

Post has shared content
Drupal API Module:

The Drupal API module allows you to set up your own API wherever you want.  It can be used as an offline development tool and allows you to download and recreate the entire Drupal API as well as incorporate your own development modules, themes, and other code into a private API interface that works in the same way as the website.

The advantages of using your own API are many, including a clearer markup than some IDE's, and automaic links to hooks and functions used throughout the entire drupal installation.  It also automatically links elements of code through to

You can set it up to be more detailed and compact, than  For example, the screenshot shows a list of hooks, but it also shows the files they are pulled from in a column.

#drupal #drupal-modules #drupalapi
Wait while more posts are being loaded