Thursday Roundup # 15
BlueWhale is a Free Premium HTML Admin/Backend Template for Web Applications based on 960 Grid CSS it has an elegant fluid layout which adjusts automatically as you change the screen size.
- Light Weight and Valid HTML
- Minimal Graphics for Fast Loading
- Integrated WYSIWYG Editor
- CSS3 Plain and Iconic Buttons
- Cross Browser Compatible
- Two Image Galleries
The Bricks is a Free set of User Interface components designed to facilitate the creation of design or prototype for the future website. This package will help you save your time in the process of development of components, and will become an excellent basis for creating website from design to code. Don’t waste your time drawing numerous shapes, when they are already included in this package. Just drag the component, change its style and use it. It is simple, fast and beautiful. Each component of The Bricks pack can be configured. When opening the folder containing the component, you can see different variations of visual execution of this component, you can configure corner radius, choose the style you like or provide hover and click states for this component.
WP-Flex is a blank and responsive boilerplate for developers submitting themes to the WordPress.org theme repository. Includes lots of best practices for theme building requirements and coding standards as suggested by the WordPress Codex.
Unless you have been living under a rock for the past nine years, you will know that WordPress is a very powerful Content Management System (CMS), enabling you to offer your clients the ability to edit and create new content with relative ease. While WordPress’ admin area works well, if you’re using it on a client’s website, you may want to customize it to give a more personalised feel by styling it using either yours or your client’s branding. In this tutorial, we will explore how to do just that.
A set of free modern vector glyphs, composed of vector shapes, the glyphs are scalable to any size – which means you can have them as big or as small as you want. No blurry edges, no fuzzy pixels. The open forms and minimal styling make the modern minimal glyphs well suited for a variety of tasks. On the web, mobile applications, and even in print, the modern minimal family will always look sharp.
Almost every designer gets inspiration from the art work they observe each day. Even the most experienced designer constantly updates his toolbox for new design items e.g. icons, templates. Sometimes, new designs are built on top of these items.
A set of High Quality Vector Icons set along with the PSD files. Designers always love the PSD files, since they make it extremely easy to alter the original design according to your needs.
A free set of scalable vector icons, included are 100 of the most popular file extensions provided as individual .pngs and in Photoshop, Fireworks, Illustrator and other vector formats.
Development teams and design strategists spend countless man-hours converting the ideas for a website into a crucial tool for business development. They build database tables, track user navigation paths and create stunning graphics to bring a company’s products to life on the screen. While the fruits of these efforts are often both visually stunning and technically proficient, they can all count for nothing if no one can find the site in their search results.
Search engine optimization (SEO) is the practice of optimizing a site’s design so that it will appear at or near the top of a search engine results page when a user searches for they keywords related to that site’s products. Major search engines, including Google and Yahoo, have algorithms that determine how they rank keyword query results. Although some external factors, such as inbound links, contribute to a page’s ranking, several design facets can also increase a page’s status in search results.
The library currently supports concatenating local files (supported in all major browsers) and/or files from Github (not supported in IE unless you use a window.atob polyfill). The library also uses Session Storage to provide an option to cache ajax/jsonp requests. If you are using a browser that does not support the HTML5 Filesystem, the text of the concatenated file will still be available to provide users with the custom build code, just not a separate file link to it.
MDMagick is a simple MarkDown HTML WYSIWYG Editor. A special control buttons will be added on top of the selected input field with commands like:
Title etc… And a preview
div will be added on the bottom of the selected
input field with a MarkDown previsualization of the selected
input field content.
This simple image slider is a stack of some images and works by flying out the selected image to the front of images stack. It uses CSS3 transition, animation and transform for this animation and jQuery for helping maintain click event, CSS transition and animation.
jBar is a simple and lightweight jQuery notification banner I’ve created which is similar to the Notify, Notify sounds to have more options though.
It allows you to create a simple call to action and bring it forward for the user to see at the top of your website. The user can then toggle the visibility of the bar by clicking the ribbon.
One of the trickiest parts to be responsified on a website is “the Navigation”, this part is really important for the website accessibility, as this is one of the ways visitors jump over the web pages.
There are actually many ways to create responsive web site navigation and even some jQuery plugins are available to work for you.
This tutorial is going to walk you through on how to build a simple responsive navigation menu from the ground and using the CSS3 media queries and a little jQuery to display it in a small screen size like the smartphones properly.
FlexSlider 2 is an awesome, fully responsive jQuery image slider plugin with simple, semantic markup and beautiful horizontal/vertical slide and fade animations.
It supports multiple sliders on one page and offers a callback API with hardware accelerated touch swipe support.
Grid is a free responsive WordPress theme with minimal and modern style, Designed specially for illustrators, photographers and graphic designers to showcase their portfolio.