...^...

Useful Links October 4 2012,Blog Pablo Lara H,pablolarah





Web Design & Dev

InfiniWall
InfiniWall is a script for desktop and mobile that lets you pan/scroll a potentially infinite number of elements on screen.
http://cubiq.org/infiniwall

Bootsnipp
Free HTML snippets for Bootstrap
http://bootsnipp.com/

Use inherit to reduce repetition of CSS property values
http://www.456bereastreet.com/archive/201209/use_inherit_to_reduce_repetition_of_css_property_values/

CSS3 Code Snippets
A collection of open source UI components coded with modern HTML, CSS, and Sass.
http://www.webinterfacelab.com/snippets

Understanding CSS Filter Effects
http://www.html5rocks.com/en/tutorials/filters/understanding-css/

Interactive Globe with CSS Shaders & GOOGLE Maps
http://updates.html5rocks.com/2012/09/Interactive-Globe-with-CSS-shaders-Google-Maps

Weekend Presentation: SMACSS
http://webdesign.tutsplus.com/articles/workflow/weekend-presentation-smacss/

Receding Background Modal Boxes
http://css-tricks.com/receding-background-modal-boxes/

How to turn jQuery accordion into CSS3 accordion
http://www.script-tutorials.com/turn-jquery-accordion-into-css3-accordion/

Organizing Enterprise-Level Applications
http://net.tutsplus.com/tutorials/organizing-enterprise-level-applications/

Restyle Your CSS Declarations With CSScomb
http://www.sitepoint.com/csscomb-css-property-sorting/

Notes from my BD Conf Workshop
http://css-tricks.com/notes-from-my-bd-conf-workshop/

Codiad (app)
A web-based IDE framework with a small footprint and minimal requirements
http://codevisually.com/codiad-a-web-based-ide-framework-with-a-small-footprint-and-minimal-requirements/

Scout (app)
Scout is a cross-platform app that delivers the power of Sass & Compass into the hands of web designers.
http://mhs.github.com/scout-app/

Subverting The Cascade: Using !important In CSS
http://demosthenes.info/blog/591/Subverting-The-Cascade-Using-!important-In-CSS

CSS Hórus – A CSS framework for responsive and mobile websites
http://codevisually.com/css-horus-a-css-framework-for-responsive-and-mobile-websites/

Stacking changes coming to POSITION:FIXED elements
http://updates.html5rocks.com/2012/09/Stacking-Changes-Coming-to-position-fixed-elements

Chrome Dev Tools: Markup and Style
http://net.tutsplus.com/tutorials/tools-and-tips/chrome-dev-tools-markup-and-style/

r2d2b2g: an experimental prototype Firefox OS test environment
https://hacks.mozilla.org/2012/10/r2d2b2g-an-experimental-prototype-firefox-os-test-environment/

Open Source CMS MODX Launches Cloud Service
http://techcrunch.com/2012/10/02/open-source-cms-modx-launches-cloud-service/

How to Install Extensions Not Available in the Chrome Web Store [Video]
http://www.labnol.org/internet/install-chrome-extensions/25817/

WideText jQuery Plugin
http://bavotasan.com/2012/widetext-jquery-plugin/

CanIUse.com has the most comprehensive browser support charts for web features. By @Fyrd
http://caniuse.com/

CSS3Ps - free cloud based photoshop plugin that converts your layers to CSS3
http://css3ps.com/

Chris Coyier: Media Queries for high resolution displays
http://stuffandnonsense.co.uk/blog/about/chris-coyier-media-queries-for-high-resolution-displays

A Lightweight Circular Slider / Carousel jQuery Plugin
http://www.webappers.com/2012/10/04/a-lightweight-circular-slider-carousel-jquery-plugin/

How to Use Adobe Edge Web Fonts on Your Site
http://designshack.net/articles/css/how-to-use-adobe-edge-web-fonts-on-your-site/

Build Your First JavaScript Library
http://net.tutsplus.com/tutorials/javascript-ajax/build-your-first-javascript-library/

Pedalboard.js: A JavaScript Guitar Effect Framework using the Web Audio API
http://badassjs.com/post/32880115424/pedalboard-js-a-javascript-guitar-effect-framework

Custom drop-down lists styling
http://tympanus.net/codrops/2012/10/04/custom-drop-down-list-styling/

Custom User @mixins
http://css-tricks.com/custom-user-mixins/

The Code Side Of Color
http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/

HTML Tabs: Complete tutorial and plugin
http://manos.malihu.gr/html-tabs-complete-tutorial-and-plugin

CSS3 Stitched Effect
http://www.developerdrive.com/2012/10/css3-stitched-effect/

A Guide to Guides (Part 1)
http://psd.tutsplus.com/tutorials/tools-tips/guide-to-guides-part-1/

A Look Into: CSS3 Linear Gradient
http://www.hongkiat.com/blog/css3-linear-gradient/

How To Create Your First iPhone App (2012 Edition)
http://mobile.smashingmagazine.com/2009/08/11/how-to-create-your-first-iphone-application/

CSScomb: Sorting CSS Properties, The Better Way
http://coding.smashingmagazine.com/2012/10/02/csscomb-tool-sort-css-properties/

Why does TypeScript have to be the answer to anything?
http://www.hanselman.com/blog/WhyDoesTypeScriptHaveToBeTheAnswerToAnything.aspx

15 Great Responsive jQuery Slider Plugins
http://www.tripwiremagazine.com/2012/10/responsive-jquery-slider-plugins.html

Creating a modal window with HTML5 & CSS3
http://www.webdesignerdepot.com/2012/10/creating-a-modal-window-with-html5-and-css3/

Open Source ASP.NET Shopping Cart: AspxCommerce
http://www.webresourcesdepot.com/open-source-asp-net-shopping-cart-aspxcommerce/

Master the new CSS layout properties
http://www.netmagazine.com/tutorials/master-new-css-layout-properties

15 Perfect HTML5 Video Players for Your Projects
http://www.flashuser.net/html5-video-players



Blogger

How To Create a Floating Sticky Footer Bar in Blogger
http://www.mybloggerlab.com/2012/09/how-to-create-floating-sticky-footer.html

How To Create a Mega Drop Down Menu in Blogger
http://www.mybloggerlab.com/2012/09/how-to-create-mega-drop-down-menu-in.html

Awesome Tips To Resize And Edit Images On Blogger & Picasa
http://www.way2blogging.org/2012/10/tips-to-resize-and-edit-images-on-blogger-picasa.html

TIP: Making Index Page Images Link To The Post Page
http://www.blogxpertise.com/2012/10/tip-index-page-images-link-to-post.html



Design

Design A Clean And Elegant Blog Layout In Photoshop CS6
http://www.hongkiat.com/blog/blog-layout-in-photoshop-cs6/

Photoshop: Create Plaids & Checks
http://projectwoman.com/2012/10/photoshop-create-plaids-checks.html

How to Properly Add a Stroke Using Photoshop Layer Styles
http://psd.tutsplus.com/articles/theory/add-a-stroke-using-photoshop-layer-styles/

Quick Tip: How to Create a Clear and Concise Brand Identity Guide
http://vector.tutsplus.com/tutorials/designing/quick-tip-how-to-create-a-clear-and-concise-brand-identity-guide/

Reviewing Adobe Illustrator’s Extensive Gradients Toolset
http://www.smashingmagazine.com/2012/10/03/gradients-galore-reviewing-illustrators-extensive-toolset-video-tutorial/

Manage Common Design Elements using Photoshop Variables
http://viget.com/inspire/manage-common-design-elements-using-photoshop-variables




Photography

Using Polar Coordinates to Turn Landscapes into Planets and More
http://photo.tutsplus.com/articles/using-polar-coordinates-to-turn-landscapes-into-planets-and-more/

Raw Tuesday: how to rescue a raw file in Adobe Camera Raw
http://www.digitalcameraworld.com/2012/10/02/raw-tuesday-how-to-rescue-a-raw-file-in-adobe-camera-raw/

Syncing And Backing Up Your Lightroom Catalog With Dropbox
http://digital-photography-school.com/syncing-and-backing-up-your-lightroom-catalog-with-dropbox

Time lapse photography: how to shoot stunning sequences without any hassle
http://www.digitalcameraworld.com/2012/10/03/time-lapse-photography-how-to-shoot-stunning-sequences-without-any-hassle/

ExposureUnderstanding Exposure - ISO, Aperture and Shutter Speed Explained
http://www.exposureguide.com/exposure.htm

How to Read and Use Histograms
http://digital-photography-school.com/how-to-read-and-use-histograms

{Before & After} How to Create a Black & White “Matte” Photo
http://www.iheartfaces.com/2012/10/how-to-edit-black-white-matte-photo/

Introduction to the Tools of Long Exposure Photography
http://photo.tutsplus.com/articles/hardware/introduction-to-the-tools-of-long-exposure-photography/



Wordpress

Daily Tip: Great Review Site for Checking Out WordPress Plugins
http://wpmu.org/daily-tip-great-review-site-for-checking-out-wordpress-plugins/

10 Must-Know Skills for a WordPress Plugin Developer
http://www.sitepoint.com/10-must-know-skills-for-a-wordpress-plugin-developer/

Child Themes Basics and Creating Child Themes in WordPress
http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

Post Forking – A Collaborative Approach to WordPress Content Curation
http://www.wpbeginner.com/plugins/post-forking-a-collaborative-approach-to-wordpress-content-curation/

Jetpack 1.8 Gives Any WordPress Site a Mobile Theme
http://wpmu.org/jetpack-1-8-gives-any-wordpress-site-a-mobile-theme/

Using LESS with WordPress
http://www.noeltock.com/web-design/wordpress/using-less-with-wordpress/

5 Tools for Managing Multiple WordPress Sites from One Location
http://sixrevisions.com/wordpress/tools-manage-multiple-wordpress-sites-one-location/

Your WordPress Disaster Recovery Plan
http://wpmu.org/your-wordpress-disaster-recovery-plan/

How to Create Grid Column Content in WordPress the “Right” Way
http://www.wpbeginner.com/plugins/how-to-create-grid-column-content-in-wordpress-the-right-way/

Create A Random Post Custom Page
http://www.paulund.co.uk/random-post-custom-page

Responsive Measure – A jQuery plugin for generating a responsive ideal measure
http://codevisually.com/responsive-measure-a-jquery-plugin-for-generating-a-responsive-ideal-measure/



Apps

Tinfoil Security launches to show you where your site is most vulnerable
http://thenextweb.com/apps/2012/09/26/tinfoil-security-launches-show-site-vulnerable/

Muraly
http://beta.mural.ly/

Best Free RSS Readers
http://www.techsupportalert.com/best-free-rss-reader-aggregator.htm

The best apps, communities & tools for writers and journalists
http://thenextweb.com/apps/2012/09/29/the-best-apps-communities-tools-writers-journalists/

MyPermissions: Check and Clean Apps With Access to Your Personal Accounts
http://web.appstorm.net/reviews/app-management/mypermissions-check-and-clean-apps-with-access-to-your-personal-accounts/

16 Best, Online Collaborative Design Apps for Creative Feedback and Client Sign-off
http://freelanceswitch.com/designer/best-collaborative-design-apps/



Mac

Quick One: Converting a multi-page PDF to a JPG for each page on OSX
http://christianheilmann.com/2012/09/30/quick-one-converting-a-multi-page-pdf-to-a-jpg-for-each-page-on-osx/

Get Rid of Unnecessary Apps in Your “Open With” List [Mac]
http://maketecheasier.com/get-rid-of-unnecessary-apps-in-open-with-list/2012/10/01

20 Awesome Reader Submitted Mac Tips and Tricks
http://mac.tutsplus.com/tutorials/tips-shortcuts/20-awesome-reader-submitted-mac-tips-and-tricks/



Freelancing

Use QR Codes to Get More Facebook Likes
http://www.labnol.org/internet/qr-codes-for-facebook-likes/25841/

5 Pricing Tips to Earn More on Client Projects
http://sixrevisions.com/project-management/pricing-tips-earn-more/



Awesomeness

Future Friendly
http://futurefriend.ly/index.html

"Images" from the edge of a black hole
http://boingboing.net/2012/09/27/images-from-the-edge-of-a.html


The font in use is Little Deuce Coupe by Nick's Fonts.

More links? Check my Twitter @pablolarah





Leave a Reply