Useful Links September 12 2012 Pablo Lara H pablolarah blog






Web Design & Dev

10 Free Pure CSS UI Kits
http://speckyboy.com/2012/09/09/10-free-pure-css-ui-kits/

Toggle a Page’s Color and Content With Pure CSS
http://designshack.net/articles/css/lightsoff/

Ways to embed a Clickable SVG-Logo into Your Website
http://www.noupe.com/tutorial/svg-clickable-71346.html

Video Source by Screen Size
http://css-tricks.com/video-source-by-screen-size/

Sticky Menus Are Quicker To Navigate
http://uxdesign.smashingmagazine.com/2012/09/11/sticky-menus-are-quicker-to-navigate/

Creative Web Typography Styles
http://tympanus.net/codrops/2012/09/12/creative-web-typography-styles/

This is Responsive
http://bradfrost.github.com/this-is-responsive/index.html
http://responsive.rga.com/

Classic Digg-Style Radio Buttons with CSS and jQuery
http://speckyboy.com/2012/09/11/classic-digg-style-radio-buttons-with-css-and-jquery/

Using The :invalid CSS Pseduo Class
http://www.paulund.co.uk/using-the-invalid-css-pseduo-class

jQuery Stick ‘em: Make Content Sticky on Scroll, to a Point
http://viget.com/inspire/jquery-stick-em

How to Build Your Own Custom jQuery
http://net.tutsplus.com/tutorials/javascript-ajax/how-to-build-your-own-custom-jquery/

Responsive Carousel Project: Now Open Source
http://filamentgroup.com/lab/responsive_carousel/

Adobe’s CSS Shaders Now an Official W3C Editor’s Draft
http://www.webmonkey.com/2012/09/adobes-css-shaders-now-an-official-web-standard/

320 and Up
http://stuffandnonsense.co.uk/projects/320andup/

Dave Rupert: Five steps to gettin’ flexy
http://stuffandnonsense.co.uk/blog/about/dave_rupert_five_steps_to_gettin_flexy

30+ Epic Resources on How To SSH
http://www.andysowards.com/blog/2012/30-epic-resources-on-how-to-ssh/

The responsive pattern library
http://stuffandnonsense.co.uk/blog/about/the-responsive-pattern-library

Centering Elements
http://luiszuno.com/blog/centering-elements/

12 Incredible CodePen.IO Demos
http://davidwalsh.name/codepen-demos

Fancy Image gallery – jqFancyTransitions
http://www.script-tutorials.com/fancy-image-gallery-jqfancytransitions/

Designing for Retina Display
http://www.inserthtml.com/2012/09/designing-retina-devices/

A Guide To iOS SDK For Web Designers
http://mobile.smashingmagazine.com/2012/09/10/ios-sdk-for-designers/

Batch Resizing Using Command Line and ImageMagick
http://coding.smashingmagazine.com/2012/09/09/resizing-bash-script-batch-resizing-using-command-line/

Coming Soon: Native CSS Variables
http://www.sitepoint.com/native-css-variables/

The Personal Page
A free, simple, one-page mobile-friendly website.
http://thepersonalpage.me/


 Fonts

25 Awesome Fancy Script Fonts
http://creativefan.com/fancy-script-fonts/

UZUN | Free Font
http://www.behance.net/gallery/UZUN-Free-Font/5050159


Wordpress

SQL for Dummies: Demystifying The WordPress Database
http://www.noupe.com/wordpress/wordpress-database-71377.html

7 Lessons Learned from 7 Years of using WordPress
http://wplift.com/7-lessons-learned-from-7-years-of-using-wordpress

Luca’s Theme: A Free WordPress and BuddyPress Theme Based on Twitter Bootstrap
http://wpmu.org/lucas-theme-a-free-wordpress-and-buddypress-theme-based-on-twitter-bootstrap/

How to Create a Daily and Weekly Email Newsletter in WordPress
http://www.wpbeginner.com/wp-tutorials/how-to-create-a-daily-and-weekly-email-newsletter-in-wordpress/

The 36 Free Plugins That Every WordPress User Could Need
http://wpmu.org/free-wordpress-plugins/

Single Page Business/Portfolio WordPress Theme: NeoArtsWP
http://www.egrappler.com/single-page-businessportfolio-wordpress-theme-neoartswp/

Building your first WordPress plugin (part 1)
http://www.webdesignerdepot.com/2012/09/building-your-first-wordpress-plugin-part-1/

Solio - Wordpress Theme
http://medialoot.com/item/solio-free-single-page-portfolio-wp-theme/

Clean Response WordPress Theme
http://themefurnace.com/blog/portfolio/clean-response/

10 Plugins to Make WordPress Blazing Fast
http://wpmu.org/10-plugins-to-make-wordpress-blazing-fast/

Secrets Of High-Traffic WordPress Blogs
http://wp.smashingmagazine.com/2012/09/12/secrets-high-traffic-wordpress-blogs/

New Google SEO Copywriting Rules Essential for WordPress Users
http://wpmu.org/new-google-seo-copywriting-rules-essential-for-wordpress-users/


Photography

How to Prevent Lens Flare
http://digital-photography-school.com/how-to-prevent-lens-flare

How It Was Photographed: Emerald Isles
http://www.petapixel.com/2012/09/06/how-it-was-photographed-emerald-isles/

Dodge and Burn in Photoshop
http://phlearn.com/dodge-and-burn-in-photoshop

Adobe Lightroom: turn your shots into classic Hollywood portraits
http://www.practicalphotoshopmag.com/2012/09/10/adobe-lightroom-turn-your-shots-into-classic-hollywood-portraits/



Design Resources: Textures, actions, brushes, icons, etc

Free Concrete Textures
http://vandelaydesign.com/blog/free-resources/concrete-textures-2/

50 Useful Actions for Adding Vintage Effects to your Images
http://speckyboy.com/2012/09/06/50-useful-actions-for-adding-vintage-effects-to-your-images/

Custom Lens Flares Pack – 50 Free High Resolution Transparent Images
http://mediamilitia.com/custom-lens-flares-pack-50-free-high-resolution-transparent-images/

20 Free Icon Sets From Dribbble
http://dzineblog.com/2012/09/20-free-icon-sets-from-dribbble.html

Grimey Brushes (Free) by Mattox Shuler
http://dribbble.com/shots/715247-Grimey-Brushes-Free

Free Texture Friday – Dark Grunge Concrete
http://www.stockvault.net/blog/freebies/free-texture-friday-dark-grunge-concrete/

A roundup of great icon fonts
http://www.webdesignerdepot.com/2012/09/a-roundup-of-great-icon-fonts/

Best Sources To Hunt For Free PSDs
http://www.webresourcesdepot.com/best-sources-to-hunt-for-free-psds/

Scrapbook Backgrounds and Textures
http://www.psd-dude.com/tutorials/resources/scrapbook-backgrounds-and-textures.aspx



Blogger

Blogger Template: SARTORIAL 2 AND SARTORIAL 3 (FREE!)
http://www.blogxpertise.com/2012/09/free-premium-blogger-template-sartorial.html

Brick Style Label Cloud For Blogger
http://goodinblogging.blogspot.com/2012/09/brick-style-label-cloud-for-blogger.html

TIP: Adding interactive captions to your Blogger images on hover
http://www.blogxpertise.com/2012/09/interactive-captions-for-blogger-images.html


Tools

Introducing: CSSValues.com
http://www.impressivewebs.com/introducing-css-values/


Designer Toolbox
http://designerstoolbox.com/


Apps

Archy: The User-Friendly Google Drive App for Mac
http://maketecheasier.com/archy-the-user-friendly-google-drive-app-for-mac/2012/09/11

Fontly: An app for discovering and sharing vintage typography
http://thenextweb.com/dd/2012/09/11/fontly-an-app-discovering-sharing-vintage-typography/

A Selection Of Web Apps That A Web Designer Should Know About
http://www.designresourcebox.com/a-selection-of-web-apps-that-a-web-designer-should-know-about/


InDesign

Creating An Elegant Looking Resume With InDesign
http://vector.tutsplus.com/tutorials/designing/creating-an-elegant-looking-resume-with-indesign/


Awesomeness

Made by Hand
http://thisismadebyhand.com/

The fonts I used for the cover are:
1. Uzun
2. Valencia by Lost Type.
If you need more links, just check my Twitter Timeline at @pablolarah


Leave a Reply

.....^.....