Fork me on GitHub
Post Format

Thursday Roundup # 9

Web Development Tool From Microsoft: WebMatrix

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.

Microsoft WebMatrix makes it easy for anyone to create a new web site. Start from a built-in template or one of the free popular open source web applications, such as WordPress, Joomla!, DotNetuke or Orchard, located in the online Web Applications Gallery. Customize your site using HTML, CSS, JavaScript and other web standards. With WebMatrix you can use ASP.NET Web Pages including a new easy-to-learn programming model called ‘Razor’, or you can also use PHP or classic ASP. Publish your site and databases to your hosting provider or choose from a gallery of hosting providers that are compatible with the web site you build.

Open Source Code Editor: Brackets

Open-Source-Code-Editor-Brackets

Brackets is an open-source editor for web design and development built on top of web technologies such as HTML, CSS and JavaScript. The project was created and is maintained by Adobe.

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.

Mobile Application Framework For MooTools: Moobile

Mobile-Application-Framework-For-MooTools-Moobile

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.

Create Custom Drop Down Menus: ddSlick

Create-Custom-Drop-Down-Menus-ddSlick

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.


Major Features

  • 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

WebSockets for PHP: Ratchet

WebSockets-for-PHP-Ratchet

Ratchet is a component library for PHP that provides developers with the tools to create real time, bi-directional applications between clients and servers.

Things You Need To Know About Google Panda and Penguin

SEO-Things-You-Need-To-Know-About-Google-Panda-and-PenguinSEO-

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.

Free jQuery Notification Bar Plugin: Notify

jquery-notification-and-message-bar-plugin

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.

Modular And Flexible Content In Responsive Design

Modular-And-Flexible-Content-In-Responsive-Design

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.

Top 100 Validation Errors

Top-100-Validation-Errors

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.

JavaScript Parallax Scrolling and Animation Library: Skrollr

JavaScript-Parallax-Scrolling-and-Animation-Library-Skrollr

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.

CSS3 Scroll Effects: Stroll.js

creative-and-awesome-css3-list-scroll-effects-scroll-effects

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: Free PNG Icons Set

Koloria-Free-PNG-Pixel-Perfect-Icons-Set

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.

Free Template – Responsive HTML5/CSS3 Website Template

Free-Template-Responsive-HTML5-CSS3-Website-template

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

Free WordPress Mobile Theme and Plugin: WPapptouch

Free-WordPress-Mobile-Theme-and-Plugin-WPapptouch

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.

Extend and Enhance HTML for Web Apps with AngularJS

Extend-and-Enhance-HTML-for-Web-Apps-with-AngularJS

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.

Notifications Framework for Backbone.js

Notifications-Framework-for-Backbone-js

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.

Related Posts

  1. Thursday Roundup # 8
  2. Thursday Roundup # 4
  3. Thursday Roundup # 6
  4. Thursday Roundup # 7
  5. Thursday Roundup # 2

One comment

  1. Pingback: Thursday Roundup # 9 | EGrappler - Web 2.0 BLOG | Web 2.0 BLOG

Leave a Reply

Required fields are marked *.


eight + 9 =