April 2012
38 posts
3 tags
Looking for a Drupal theme for a business client?... →
Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well in addition to those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.
Today’s site is Chique, a premium Drupal template from More Than (just) Themes. Let’s jump in and see what we think!
(Go to the original post)
3 tags
Textured Web: Showcase of Textured & Patterned... →
When it comes to design resources, textures and patterns are among some of the most popular tools on offer. And while we may never be able to get a single, definitive answer from the community as to why this is, one can surmise that their popularity is probably due to their extreme usefulness. Their ability to add such richness and depth to otherwise flat website designs with ease, may also...
3 tags
Revisited: Mega Menus in Drupal 7 →
“In my opinion there are two different types of Mega Menus—Simple and Composite—and each type should be constructed in a different way in Drupal.
You are creating a Simple Mega Menu when you have a long list of menu items that you want to place in multiple columns ordered top to bottom then left column to right column. For example, the City of Houston has some long menus that could be...
3 tags
Awesome: turn.js - The page flip effect for HTML5 →
turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5.
3 tags
Bear CSS: Helping you build a solid stylesheet... →
Bear CSS is a handy little tool for web designers. It generates a CSS template containing all the HTML elements, classes & IDs defined in your markup.
The project was created by two MA Multidisciplinary Design students in Belfast, Northern Ireland.
3 tags
3 tags
The all-new PressBlog for Drupal. Responsive, with... →
Responsive The all new PressBlog adjusts optimally to the width of the browser it is viewed on. As a result, it looks awesome regardless it’s a desktop computer, smartphone or tablet your visitors are using.
Comes in your favourite color. Four color schemes to choose from for all tastes and brands. Just pick the one that fits your needs with a single click through the theme-settings.
Multiple...
6 tags
Direction-Aware Hover Effect with CSS3 and jQuery →
How to create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving with the mouse.
2 tags
10+ Cool jQuery Clock Tutorials (Analog and... →
This post is a roundup of what we think the coolest jQuery analog and digital clock tutorials by which you can make your site modern and always ON TIME! Enjoy.
3 tags
Everything You Need To Know About CSS3 Text Shadow... →
4 tags
Create the Illusion of Stacked Elements with CSS3... →
4 tags
Animated Content Tabs with CSS3 →
Content tabs are a very common and familiar element in web design, and often their turn out to be pretty useful. So, in this tutorial we are going to implement some simple CSS3 content tabs using radio buttons together with the :checked pseudo-class and sibling combinators.
4 tags
3 great Drupal 7 Modules you may have missed →
5 tags
Flex Slider Drupal module - Integrates the Flex... →
2 tags
40 Recently Released jQuery Plugins →
The 40 plugins have been categorized into the following categories: Page Layout Plugins, Menu & Navigation Plugins, Form & Search Plugins, Slider, Gallery & Carousel Plugins, Chart & Graph Plugins, Animation Plugins, Typography Plugins, Image Effect Plugins and, finally, everything else in-between.
1 tag
Multi-headed Drupal →
One of the strengths of Drupal is that it’s not just a tool for building a single website. It can be used equally well for managing multiple companion sites together. This capability has existed for many years, but is not always well understood. And in true Drupal fashion, modern Drupal has several different options available for users looking to run a series of Drupal sites together, each...
3 tags
Foldy960 – A responsive 960 grid →
Foldy960 is a responsive 960 grid. It isn’t aiming to be Yet-Another-CSS-Framework and the creator hesitates to use the term “Boilerplate”. Foldy960 is just a little kit and some extra classes to get you going on making your 960.gs design responsive.
5 tags
Direction-Aware Hover Effect with CSS3 and jQuery →
How to create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving with the mouse.
4 tags
Beautiful advanced tag filtering with HTML5 and... →
Filtrify is an advanced tag filtering plugin, inspired by Chosen multiple select feature and Orman Clark’s Vertical Navigation Menu.
Advanced because you can search tags within tags and filter items by multiple tags from different categories and get a live feedback on the number of items containing related tags.
5 tags
15 sites web developers and designers should know →
Creating a good website isn’t an easy task, but there’s a few tools that can definitely make your developer or designer life easier.
3 tags
Designing MacBook & iMac Using CSS3 →
4 tags
CSS Refreshers: Borders →
2 tags
iPicture - A jQuery Plugin to create interactive... →
2 tags
Auto Moving Submenu Using jQuery →
An automatic moving submenu based on selected its parent. Each submenu is horizontally stacked, sequentially in the order of their parent menu. So when user moving their cursor to the one of parent menu its submenu will appeared by moving its horizontal position.
3 tags
CSS3 Animated Media Queries →
A new trend in website design is the use of media queries, this is because of the amount of devices that can now access the internet all the websites need to usable on any device type. This is where responsive design comes into action, this is the process of discovering what device the visitor is using so we can change the design to adapt to the visitor.
6 tags
Excellent jQuery collection
Dynamic PNG shadow position & opacity with jQuery -> Read more
How to Make an Impressive Animated Landscape Header with jQuery -> Read more
Sponsor Flip Wall With jQuery & CSS -> Read more
Supersized, a fullscreen background slideshow. -> Read more
Making an Interactive Picture with jQuery -> Read more
Colourful rating system with CSS3 -> Read more
2 tags
Animate.css: Kick-Ass CSS Animations in Seconds... →
5 tags
Working with Drupal blocks (content in regions) →
Blocks are the boxes of content (such as “User Login” or “Who’s online”) that can be displayed in regions (such as footer or sidebar) on your page.
Blocks are made available to your site most commonly by enabling modules. Once created, a Block can be modified to adjust its appearance, shape, size and position - or which Website pages it appears on. For example,...
5 tags
Adding custom body classes to the standard Drupal...
Here’s an example on how to add custom classes to the body tag output of your Drupal theme. Specifically, this example guides you on how to add a body class attribute when custom regions are not displayed.
Just place the following code in your template.php file inside your theme’s folder.
Drupal 6
function YOURTHEMENAME_preprocess_page(&$variables) { if...
3 tags
Paperfold CSS - Fold divs like paper →
3 tags
CSS3 Menu With Rounded Corners, and Drop Shadows →
4 tags
Web Developer's Handbook | CSS, Web Development,... →
3 tags
cssFx.js - CSS3 property polyfill →
cssFx is a standalone polyfill that inserts the vendor-specific CSS3 properties necessary for old and new browsers. This saves you tons of time, maintenance, and bandwidth!
3 tags
Rhinoslider – A flexible jQuery slider/slideshow... →
Rhinoslider is a flexible multiple effects jQuery slider/slideshow. It can be used as a simple fading or sliding jQuery slideshow or as a rich effects jQuery slider. Each effect can be applied to run in different directions and it is possible to create individual effects by changing the settings.
2 tags
Web Design & Development News: Collective #5 →
4 tags
Responsive CSS3 slider without Javascript →
CSS3 Responsive Slider is, as the name implies, a responsive CSS3 slider without Javascript.
2 tags
Drush.org - A command line shell and scripting... →
2 tags
Drush Your Drupal Development: Install and Get to... →
