Fork me on GitHub
Post Format

Thursday Roundup # 14

Adopting A Responsive WordPress Theme

Adopting-A-Responsive-WordPress-Theme

Responsive Web designs present different formatting and layout to suit the device on which their pages are displayed. Browsers choose the appropriate styles on page load, freeing website owners from having to maintain different sets of pages for different display scenarios.

The most common responsive method is to use CSS media queries to serve different style sheets (or parts of style sheets) based on the number of pixels available. Most often, this is applied to handheld devices such as smartphones, but it could be applied to 13-inch laptops, 30-inch TVs or Kindle-sized readers. Responsive designs respond to their environment.

The term “responsive design” is only two years old, but website owners can choose today from many mobile and widescreen themes for popular content management systems. Third-party developers have created paid and free themes that adapt based on browser width for WordPress, Drupal, Joomla and ExpressionEngine. Click here to read more.

The Beginner’s Guide WordPress Multisite

The-Beginners-Guide-WordPress-Multisite

WordPress Multisite is a special “mode” built into WordPress, which allows you to create a network of multiple websites, all running on a single installation of WordPress.

Years ago, WordPress Multisite was a completely separate version of WordPress, called WordPress MU (stands for multi-user). WordPress 3.0 introduced a major shift, whereby WordPress MU was merged with regular WordPress, and renamed “WordPress Multisite.” It became a feature, which can be turned on or off.

HTML5 & CSS3 Fundamentals: Development for Absolute Beginners

HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners

Want to learn a different language? Over the course of 21 episodes, our friend Bob Tabor from www.LearnVisualStudio.net will teach you the fundamentals of HTML5 & CSS3 programming. Tune in to learn concepts about web pages, CSS3 styles and HTML5 features.

Author will walk you through getting the web prinicpals, writing code and much more! Each concept is broken into its own video so you can search for and focus on the information you need.

Wireframe, Prototype, Mockup – What’s The Difference?

Wireframe-Prototype-Mockup-Whats-The-Difference

A lot of people assume that a wireframe, prototype and mockup are exactly the same thing – a kind of greyish, boxy, sketch representing an ingenious idea.

Wireframes are not just meaningless sets of grey boxes, though they may look exactly like that. Consider them as the backbone of your design and remember that wireframes should contain a representation of every important piece of the final product.

A prototype is a simulation of the final interaction between the user and the interface. It might not look exactly like the final product, but should be vastly similar (it’s definitely not a greyish, sketchy thing). Interactions should be modelled with care and have a significant resemblance to the final experience. Interdependence between the interface and backend mechanisms is often omitted to reduce costs and speed up development cycles.

Mockups are particularly useful if you want to get early buy-in from a stakeholder. Thanks to their visual nature, mockups don’t have the resistance of the low fidelity deliverables and are much quicker to create than prototypes. They are a good feedback-gatherer and, if placed in the context of the whole design story, can form a great chapter of documentation.

Lightweight, Extensible Syntax Highlighter: Prism

Lightweight,-Extensible-Syntax-Highlighter-Prism

Prism is a new lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s a spin-off from Dabblet and is tested there daily by thousands. Define new languages or extend existing ones. Add new features thanks to Prism’s plugin architecture.

Displaying the Progress of Tasks with HTML5

Displaying-the-Progress-of-Tasks-with-HTML5

With the progress element, HTML5 pages can display the progress of a task, for example a download or background activity. This tutorial demonstrates how to use the progress element in your pages, with a simple JavaScript function updating the element as the task executes. At the moment the progress element is only really supported in Firefox, Chrome and Opera, with support developing in Internet Explorer and Safari, so you can’t rely on it just yet.

10 CSS Rules Every Web Designer Should Know

10-CSS-Rules-Every-Web-Designer-Should-Know

Through experience web designers memories all kinds of code syntax, hacks and snippets. With CSS in particular there is a number of rules and declarations that can really help transform your website designs and open up new possibilities when compared to older techniques. This post rounds up 10 declarations and tips that every web designer should have available in their CSS arsenal.

Listicons: Arrows & Bullets Webfont

Listicons-Free-Arrows-Bullets-Webfont

Listicons is a collection 52 free mini arrows and bullet points. They are supplied in various vector formats for dropping into your designs, and also included a handy @font-face kit for using these bullets on the web.

Responsive Grid Builder: jQuerin Grid Builder

Responsive-Grid-Builder-jQuerin-Grid-Builder

The jQuerin Grid Builder lets you create responsive grids in a visual manner and outputs semantic and clean html & css code.

There are dozens of frameworks out there like Zengrids,ZURB,Less,Bootstrap,Blueprint ,Elastic,960.gs… the list goes on.You can build jQuerin Grid builders for your favourite framework.Alternatively You can make the jQuerin Grid Builder more awesome by includeing more options of your choice like creating the Sass code for this.

jQuery Sliding Content Bar Plugin: PushUp Content Bar

jQuery Sliding Content Bar Plugin: PushUp Content Bar

You do not have to be a muscular giant to know the benefits of push ups. Push up is good to keep you active, smart, strong and quick just like the PushUp Content Bar.

It is a smart and quick content bar that you can integrate easily in any website or web application. It is integrated seamlessly in your website and can be popped up whenever required. PushUp Content Bar is easy to customize and strong enough to rely upon. You can add your contact details, location map via Google Maps, and a simple contact form that visitors can use to make contact with you.

jQuery Table of Contents Plugin: Tocify

jQuery-Table-of-Contents-Plugin-Tocify

A jQuery Table of Contents plugin, inspired by the Can.js and JavaScript Garden documentation. Tocify can be be styled with ThemeRoller, and animated with jQuery show/hide effects. Tocify also provides support for smooth scrolling, scroll highlighting, and the HTML5 pushstate API via History.js.

HTML5 Tutorials for Keeping Your Design Skills Tight

 

HTML5-Tutorials-for-Keeping-Your-Design-Skills-Tight

With the growing number of HTML5 tutorials available to help designers and developers get a better handle on this language, it can get a bit tricky sorting through them to find what you are truly looking for. And as the capabilities of this language expand, it is important to keep up with the many ways to harness the full power of HTML5. Today, we hope to help you on that journey.

This is a collection of handy HTML5 tutorials and resources that will teach you the basic ins and outs of the language, along with many, much more specific techniques. Take a look through them and start boning up on HTML5!

UI Parade: Free Design Resources for Inspiration

UI-Parade-Free-Design-Resources-for-Inspiration

Ui Parade is all about showcasing user interface design that is crafted by some of the worlds most talented ui designers.

Google On JavaScript & Responsive Web Design

Google-On-JavaScript-&-Responsive-Web-Design

Free Ecommerce WordPress Theme

Ecommerce WordPress Themes are always in demand and almost all good ecommerce themes are paid themes. Thats why we bring you an all free ecommerce WordPress theme . This theme is designed to work with the Cart66 ecommerce plugin. There is a free version of this plugin available for free at Wp plugins site – Cart66 Lite.

Related Posts

  1. Thursday Roundup # 2
  2. Thursday Roundup # 7
  3. Thursday Roundup # 8
  4. Thursday Roundup # 9
  5. Thursday Roundup # 11

Leave a Reply

Required fields are marked *.


five + = 7