Thursday Roundup # 9
Web Development Tool From Microsoft: WebMatrix
WebMatrix is a brand new web development tool from Microsoft that includes everything you need for website development. Start from open source web applications, built-in web templates or just start writing code yourself. It’s all-inclusive, simple and best of all free. Developing websites has never been easier.
With features like Live Development and Quick Edit, Brackets streamlines development without getting in your way. It Focuses on one thing, and do it really well. Brackets is built from the ground up with a focus on web development.
Moobile is a new mobile application framework built on MooTools. It focuses on providing a iOS-like experience on WebKit browsers and comes with many handy controls like bar, button, image, list, activity indicator, slider and more.
A free light weight jQuery plugin that allows you to create a custom drop down with images and description.
With traditional drop downs i.e. using
<select> <option> </option> </select> you are limited to only text and value. But with this easily configurable jquery plugin, you can now create a custom drop down that can very well include images, a short description, along with your usual text and value.
- Adds images and description to otherwise boring drop downs
- Allows JSON to populate the drop down options
- Converts your HTML select element to ddSlick
- Uses Minimum css and no external stylesheets to download
- Supports callback functions on selection
- Works as good even without images or description
Ratchet is a component library for PHP that provides developers with the tools to create real time, bi-directional applications between clients and servers.
Tom Gregan of SEO specialists Brandfluent Digital explains what the latest updates to Google’s algorithm mean for SEO and how you can use this knowledge to boost your websites’ rankings
Google’s recent Penguin and Panda algorithm updates have been big news, and it’s widely agreed that they’ve improved the quality of search results substantially. But how do make sure your site doesn’t lose out?
As SEO professionals, we’d like to share with the web designer community what we think Google is now looking for. Hopefully this can help both sides work together more harmoniously to make quality, high-ranking websites.
Notify, a free jQuery notification bar plugin, adds simple notifications bars that you can use on your website and application to assist users while they fill in forms, navigate through pages or interact with interface. These notification bars can be implemented in various fashions:
- Floating Notification Bar
- Sticky Notification Bar
- Fixed Notification Bar
- On-Demand Notification Bar
Notify can be easily plugged into any website or web application and offer a lot of customization – color, style, message, behavior etc. and perfectly blends in with existing design, color scheme and layout.
One of the questions that comes up with responsive design is what to do with the content? Does the same content get included everywhere or does it change based on device? It’s the first and most important question we should be asking with any design, responsive being no exception.
To date, a total of 483,033 pages have been validated through W3CLove. They guys at W3CLove sharing the list of the most common errors and warnings they have collected.
Skrollr is a parallax scrolling library with zero dependencies (seriously, you don’t need jQuery) in just under 5.5k minified (2.6k gzipped). Skrollr allows you to animate any CSS property of any element depending on the horizontal scrollbar position. All you need to do is define key frames for each element at certain points in top offset.
Scoll Effects is a collection of beautiful and awesome CSS3 list scroll effects comes with eight eye candy scrolling animations powered by CSS3.
They work by applying a future/past class to list items outside of the viewport as you scroll. Based on this class a variety of transforms are transitioned to via CSS.
Koloria, a free PNG icons set, contains more than 160 pixel perfect icons (32×32 pixels) and is suitable for various types of commercial or open source projects.
Every icon is designed from scratch having no more than 32 by 32 pixels. The real advantage here is that, instead of creating an icon in vector based applications and then scale it down, the icon is already designed at the right size and it looks sharp without blurred parts.
A free responsive HTML5 CSS3 template which works well on Desktops, Tablets, and Mobile Phones.
The template includes:
- W3C Valid HTML5/CSS3
- Sticky Header
- jQuery Scroller
- jQuery Page Slider
- jQuery Image Gallery
WPapptouch is the faster and prettiest WordPress mobile theme. It works by detecting devices like iPhones, iPods, Android & and more mobile platform. WPapptouch comes packed with an impressive array of custom options and plugin allowing you to control WordPress mobile site look and feel. WPapptouch give your mobile user access your WordPress website to the Home page, Categories, Pages, Search, Tags, users Comments and more.
WPapptouch is a WordPress mobile theme and plugin to transform your WordPress web site to a Native like application for mobile.
HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
AngularJS is a toolset for building the framework most suited to your application development. It is fully extensible and works well with other libraries. Every feature can be modified or replaced to suit your unique development workflow and feature needs. Read on to find out how.
Backbone.Notifier is a powerful Notifications framework for Backbone.JS. It supports different styles and positions,
which are fully customizable, packed with many cool features like a 3D module and animations support.