CssGalleries

Just another Css Site

June 24, 2011
by Roberto
0 comments

My Media Query tests by device.

I am putting together a Media Query test case by device for work. Its just a simple test case to see how I can implement certain css rules and techniques and test different scenarios for our websites.

Take a look.

Please do comment,critique and even point out what I am doing wrong or right.

Enjoy!

May 12, 2011
by Roberto
0 comments

Links for the week #4

The Top 8 Placeholder Services for Web Designers http://bit.ly/hLwINX

The iPhone Tab Bar http://bit.ly/g7qzfa

Big Map Blog | Interesting maps, historical maps, but above all, BIG maps. http://bit.ly/fqAmLs

http://www.paperfoldables.com/ the domain name says it all.

40+ Awesome “About” Page Designs for Inspiration - http://ow.ly

lorempixum - placeholder images for every case http://bit.ly/hpiwmt

Flourish is a PHP unframework — a general-purpose, object-oriented library.
It has a modular architecture, meaning it isn’t strictly MVC. It focuses on being secure, well documented and easy to use, while solving problems intrinsic to web development. http://bit.ly/heFUmh

Videos about the HTML5 Boilerplate « Paul Irish http://bit.ly/eTKFg1

Using client-side storage, today. ✩ Mozilla Hacks – the Web developer blog http://mzl.la/emwYTn

Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element. http://bit.ly/gVhTbm

SwitchView #jQuery plugin provides the ability to easily define groups of elements to show and hide in one fell swoop. http://bit.ly/eEMAjv

Sausage is a jQuery UI widget for contextual pagination. It complements long or infinite-scrolling pages by keeping the user informed of her location within the document. http://bit.ly/fiZLgt

diagonalFade is a jQuery plugin allowing you to easily specify direction, fade-in, fade-out, and a host of other options to a grouping of elements. http://bit.ly/hwW2pN

jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser http://bit.ly/bW4CJd

jQuery blockUI alternative with #jQuery MSG #plugin http://bit.ly/eDILPA

Jquery plugin to centralize your DOM element against their parent element or the window http://bit.ly/f1HfRM

jQuery Queue plugin add functions in a queue outside the function scope and execute the queued functions later http://bit.ly/dFNAvl

vanity #jquery toolset http://bit.ly/hv8GdC
Includes: Slider,Tabs,Paginate,Spotlight,Tip,Placeholder,Collapse

Managing Cron Jobs with PHP | Nettuts+ http://bit.ly/gmfpT8

Tempo is a tiny #JSON rendering engine that enables you to craft data templates in pure HTML. http://bit.ly/hblwnb

May 12, 2011
by Roberto
0 comments

Links for the week #3

Excellent article a must read: Orbital Content http://bit.ly/hiy2SP
We are on the cusp of a complete overhaul of the way in which we interact with online content, and I think you should be a hell of a lot more excited than you currently are. Bookmarklet apps like Instapaper, Svpply, and Readability are pointing us toward a future in which content is no longer entrenched in websites, but floats in orbit around users. This transformation of our relationship with content will force us to rethink existing reputation, distribution, and monetization models—and all for the better.

This article is a must read. Very useful
The Cicada Principle and Why It Matters to Web Designers » HTML & CSS, Layout » Design Festival http://bit.ly/fV8Nh5

Weekly Inspiration: 22 Awesome 404 Error Pages - N.13 | UnderWorld Magazines http://bit.ly/eCJv85

The Best of Error 404 Pages http://bit.ly/eJpcyV

Architecture v. Web Design http://bit.ly/egaN7d

A Collection of Attractive Websites for iPad Applications | Webdesigner Depot http://bit.ly/e1EGA3

What’s new for web designers – Apr 2011 | Webdesigner Depot http://bit.ly/ievQUm

jQuery Events: Stop (Mis)Using Return False | Fuel Your Coding http://bit.ly/e3mDngb

Apprise - The attractive alert alternative for jQuery http://bit.ly/eQUPzv

jQuery Extended Selectors - a plugin to add *-of-type CSS3 selector support to jQuery http://bit.ly/hcFK5L

ImageLens – A jQuery plug-in for Lens Effect Image Zooming - http://bit.ly/fsDT9o

A ‘tiny screen first’ #boilerplate extension* 320 and up http://bit.ly/g8OP5N

20 Most Effective and Useful CSS/JavaScript Techniques | DJDESIGNERLAB http://bit.ly/fdI43j

dooWikis » Wikis for You or Your Website http://bit.ly/id4i5k

WordPress HTTP API - easily GET or POST in WordPress - Yoast http://bit.ly/fM9aQO

Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps http://bit.ly/htDQQ2

May 12, 2011
by Roberto
0 comments

Links for thew week #2

41 Inspirational Responsive Web Designs Using CSS3 Media Queries | DesignCrowd Blog http://bit.ly/hsLQPM

10 Advanced Twitter Tips & Tricks http://bit.ly/jGO2CN

How to Use Your iPad for Real Design Work http://bit.ly/mswv4G

The Importance of Texture in Mobile Design | Codrops http://bit.ly/gXOlnj

Why Sign Up and Sign In Should Never Go Together - UX Movement http://bit.ly/eOcr8w

Showcase of Creative Navigation Menus: Good and Bad Examples - Smashing Magazine http://bit.ly/hNz5LC

eEvent honors your guests as ambassadors to share, recommend and invite others to your events http://bit.ly/hAahsz

Pros And Cons Of 6 CSS Layout Patterns: Part 1 | Van SEO Design http://bit.ly/fksS4L

Google Web Fonts http://bit.ly/mR37IA

25 Must Have Apps for Web Designers and Developers | Tech King http://bit.ly/lsWxRU

jQuery UI 1.8.12 is out http://bit.ly/fAcUoD

Free RegEx Testing Tool for MacOSX, Windows, and Linux http://bit.ly/f6OOUD

jQuery Plugin Boilerplate http://bit.ly/g691Fk

Hover on “Everything But” | CSS-Tricks http://bit.ly/f1cJgT

Simplest auto playing slideshow http://bit.ly/jRqyL7

Convert XML to JSON with JavaScript http://bit.ly/jU1gXI

Object-Oriented PHP: Delving Deeper into Properties and Methods http://bit.ly/jPIYxr

May 12, 2011
by Roberto
0 comments

Links for this week

Modular Grid Pattern: application which helps you create a modular grid in Photoshop, Fireworks http://bit.ly/kklrTs

A User-Centered Approach To Web Design For Mobile Devices http://bit.ly/leDEjr

A must read.
BBC - BBC Internet Blog: BBC Online - our mobile future http://bbc.in/kKCFwL

A must read.
Pixel Proliferation: A Toolset For Managing Screen Resolutions | Punchcut http://bit.ly/hoDoL6

The Ultimate Free Master PSD File (with folders, assets, grid folders and layer comps ready to be used) http://bit.ly/lWTIQO

How do you convince the average web user to switch to a non-IE browser? | Webdesigner Depot http://bit.ly/mGDdc5
Im going to cry because of this article…. *hides under desk*

Useful Photoshop Tools and Techniques For Your Workflow - Smashing Magazine http://bit.ly/kmudBH

DepthJS allows any web page to interact with the Microsoft Kinect using Javascript. http://bit.ly/liTZCo

The more I know, the less I need: Thoughts on web design http://bit.ly/lyjsvw

jQuery plugin FitText makes font-sizes flexible. http://bit.ly/jf4fRB

Lettering.js - A jQuery plugin for radical web typography. http://bit.ly/kqya5W

Baker Ebook Framework 2.0 html5 framework to publish interactive books http://bit.ly/jZZYcY

Laker compendium – Designing digital publications in HTML5 http://bit.ly/j1psCX

13 useful Coding Guidelines documents for C# Developers | Ginktage http://bit.ly/kEbWQA

Building Cross-Platform Apps Using jQuery Mobile http://bit.ly/jhjoS4

mobl: open source language designed specially to speed up building mobile applications http://bit.ly/kGFvSJ

Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit! http://bit.ly/mzzlys

New WordPress Power Tips For Template Developers And Consultants - Smashing Magazine http://bit.ly/j3HYSD

Estimated reading time in web design using PHP http://bit.ly/lRAojB Detect retina displays with javascript http://bit.ly/kU8CUV