Js - CSS Feed - Part 2

js

javascript / jquery / js / xhtml — No Comments
16
May 12

Making Room to Breathe: Wrapping Text Around Elements

I constantly look through websites and wonder why designers allow text and images to get a little too close Why don’t the elements have room to breathe?
That’s where text- or word-wrapping comes in Adding space above below and to the sides of an object embedded in text can make a lot of difference in terms of overall look of your site and even readability
Wrapping Benefits

The No 1 reason to use text wrapping settings for images that touch text is to…..

css / jquery / js / webdesign — No Comments
15
May 12

FnordMetric: Realtime App / Event Tracking Dashboard

Advertise here via BSA FnordMetric is a highly configurable (and pretty fast) realtime app/event tracking dashboard based on ruby eventmachine and redis You define your own plotting and counting functions as ruby blocks
FnordMetric gives you a live dashboard that shows who is using your app in realtime You can select a single user and follow them step by step as well Best of all it’s free for download and you can install it on your own server

Requirements:…..

css / design / javascript / jquery / js — No Comments
15
May 12

Tips and best practices to develop responsive websites

Start with a template

Sure you can start coding from scratch but there’s a lot of interesting free templates that will make you save a lot of time Among others I recommend Mobile boilerplate The 1140 grid and Skeleton There’s a lot more than those ones so feel free to google “responsive web design template” if you want more
Working with fluid grid based layouts

Fluid layouts are an important part of a good responsive layout In order to have a website that can adapt to…..

css / design / javascript / jquery / js / xhtml — No Comments
15
May 12

Giveaway: Win 3 Photo Subscriptions from DepositPhotos

DepositPhotos is one of the biggest stock photo marketplace hosting more than 7 millions stock photos illustrations and vector images But not the number of items makes it one of the best but the high-quality images available at more than affordable prices Therefore we decided to organize a giveaway

DepositPhotos features flexible payment options as pay-as-you-go option or subscription option Stock photos are available starting at $05 per image on pay-as-you-go mode or $01 per image if you go with a…..

javascript / jquery / js / xhtml — No Comments
15
May 12

Annotation Overlay Effect with CSS3

View demo Download source
In this tutorial we’ll create a little overlay effect with CSS using a combination of the :checked pseudo-class with sibling combinators The idea is to make an image or element clickable and transition to an overlay-like state that will show us some annotation boxes
The theme preview images used in this tutorial are by talented Ana Segota and you can purchase her themes and templates here
The beautiful arrow icons are by …..

css / jquery / js / webdesign — No Comments
14
May 12

Create Beautiful Circular Switches with jQuery Knob

Advertise here via BSA jQuery Knob is powerful jQuery plugin that helps users to create beautiful circular switches like volume controls It works by transforming any given input fields according to the values defined in its attributes and can be drag-and-dropped to change the value
It also facilitates users to define the min-max values default value on initial load color and put it into read only mode It supports touch mousewheel and keyboard events It is released under GPL and MIT license

…..

javascript / jquery / js / xhtml — No Comments
14
May 12

Collective #11

Interactive CSS Selectors

Ben Howdle from Two Step Media will help you understand CSS Selectors in an interactive way Choose a selector on the left and you’ll instantly see the affected elements on the right
Read it

‘Vendor Tokens’ Offer Another Way Out of the CSS Prefix Mess

There is a big discussion going on about whether vendor prefixes are harmful of helpful Despire their…..

css / html / javascript / jquery / js / xhtml — No Comments
13
May 12

Design Inspiration Dose No.5

Tweet It’s time for Design Inspiration Dose No5 In this issue you’ll find a collection of graphical images that I’ve stumbled on the internet over the past week If you want to share your graphics inspiration just send us email with the link where you found it or simply use Twitter 1947 by Metric72 Valerie Jar: National Park Stamp Icons EF – Live The…..

css / jquery / js / xhtml — No Comments
12
May 12

Which responsive images solution should you use?

There are a bunch of techniques going around for dealing with responsive images lately That is solutions to help us serve the right image for the occasion (eg size of screen and bandwidth available) They all do things a bit differently To keep track Christopher Schmitt and I have created this spreadsheet of techniques
The spreadsheet has the data but let’s digest it through thinking about it through the lens of practical questions

To choose which technique is right for you and your project these questions may help as…..

css / jquery / js / webdesign — No Comments
11
May 12

Fast Multidimensional Filtering for Coordinated Views

Advertise here via BSA Crossfilter is a JavaScript library for exploring large multivariate datasets in the browser Crossfilter supports extremely fast (<30ms) interaction with coordinated views even with datasets containing a million or more records; it was built to power analytics for Square Register allowing merchants to slice and dice their payment history fluidly
Since most interactions only involve a single dimension and then only small adjustments are made to the filter values incremental filtering and reducing is significantly faster than starting from scratch Crossfilter uses…..

js