Weekly freebies in your inbox.
Freebies By Design Shock
Read More
Read More
Read More
Friends
Weekly freebies in your inbox
Really Fresh Resources for web ninjas !
Here we are again as promised, with our second edition on resources for designers, that comes filled with the latest info on freebies and web design resources, just as our last premier did. But for those of you that still don’t really know much about the dynamics of our “resources for designers” editions, and are still wondering what this is all about…
Many of you may consider yourselves as webdesignshock.com followers, and if that’s the case, well you might already recognize us for: our constant feed of fresh web design related matters, high quality articles, well investigated pieces, and loads of freebies.
And as we have done for the webdesignshock.com posts, our creative team also takes great care of the contents that go onto the rest of our web contact sources, and twitter hasn’t been the exception to this rule, in fact! … it is one of the best examples to the rule due to it’s high quality feeds.
So, If you haven’t gotten the chance to tweet with us, and you’re missing out on loads of freebies and fresh info on web design resources seen through our twitter feed, here at webdesignshock.com you’ll be able to check out the best of our daily tweets on a regular basis with the weekly “resources for designers editions”, for the the ones that just simply can’t get enough of Web Design Shock’s feeds of information.
Come ‘on! …Don’t be the last one to get the scoop on this week’s latest web design info, and Check out some of our latest February tweets…
CSS3 Flip Switch
This demo was inspired by Mike Bernando. Background image is selected from the ever-useful Subtle Pattern and the google fonts used were Ropa Sans and Fugaz One. Works best in Chrome and Safari.
Page Scroller
Page Scroller is a powerful JavaScript based smooth scrolling navigation system that utilizes the robust jQuery library. Created entirely with ease of use in mind, the plugin will work on any website. Don’t believe me? Try it yourself…
CSS Button: the most amazing CSS button creator
You can get started by creating a new button, selecting a template to modify, or login to access saved buttons.
Sharrre
Sharrre is a jQuery plugin that allows you to create nice widgets sharing for Facebook,Twitter, Google Plus (with PHP script) and more.
The Real Missed Opportunity: Integration & Rebranding
As you all know, Microsoft announced the new Windows 8 logo. My opinion on it is simple: doesn’t look bad and easily communicates the concept behind Metro and Live Tiles, but ultimately, is a missed opportunity of integration and rebranding.
Amazing Parallax Effect
Amazing parallax effect
Building Sites And Browser Apps With JQuery Mobile
A fantastic post from Hongkiat.com on building Websites And Browser Apps With JQuery Mobile.
Sequence
Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3 — no jQuery knowledge required!
Ribbon builder
Amazing CSS3 ribbon builder (really amazing)
55 Stunning Tools, Tutorials, and Examples for Responsive Web Design
Very useful article posted by 1stwebdesigner.com about the rapid advancement of mobile internet has enabled more and more people to use their mobile device as a primary web browsing tool. “(…)Having a fluid and responsive website will not only make you cooler, it’s the new way of increasing conversions and engaging your visitors” they say.
WordPress Functions.PHP Snippets
WPFunction.Me lets you quickly build all the functionality you need for your next WordPress project!
Button builder
Another amazing tool: Button Builder
StylesInspiration.com
StylesInspiration aims to not only showcase the best and most innovative web design styles currently available, we also aim to give you a visual overview of current web design trends, highlight the latest in web technologies that will ultimately inspire you with your next web design project.
Responsive CSS3 Slider Without JavaScript
The actual slider is much like any JavaScript slider. It floats all of the content areas (articles) next to each other. And then hides the overflow. We then animate the margin of the inner div, so if we have 5 articles, moving the left-margin -100% would give us the second article. Best In Test: Firefox (transition performance), Full Support: Chrome, Firefox, Opera, Safari (latest versions of all browsers), Partial Support: IE9 (Functional, but does not support transitions).
The Proxority Principle in Web Design
“We’re going to examine a basic technique that could help you improve your general content flow, and, for lack of a better term, I’m going to call that technique the proxority principle (a portmanteau word that combines “proximity” and “priority”
LionBars 0.3
Free jQuery OSX style scrollbars. Lightweight, cross-browser, cross-platform
50 Fresh High-Quality Free Fonts for Your Designs
Piece from instantshift.com on how the proper selection of typography can convert your normal design into very attractive piece of art, with a collection of Fresh High-Quality Free Fonts to Enhance Your Designs.
Glisse.js
Glisse.js is a simple, responsive and fully customizable jQuery photo viewer. You’ll like the transitions between two pictures entirely assumed by CSS3.
Media Queries Performance Marketing Awards
These are the awards for Media Queries which is a W3C Candidate Recommendation—a widely reviewed document which is ready for implementation by browser vendors.
jsFiddle
Multi-direction hover effect
Open Mailto links with Gmail™
This extension will make mailto: links open in a Gmail compose window. Nothing more, nothing less.
Setting up a local server for WordPress development
A pretty nice post where Webdesignerdepot.com tells us about setting up a local server to use with WordPress.
Resolution Test
An extension for developers to test web pages in different screen resolutions, with an option to define your own resolutions.
Stylebootstrap.info
Style BootStrap as you wish.
Warp, an Open-Source Theme Framework for WordPress & Joomla
Warp, is the framework from YOOtheme that has just been released as open source. Warp is a lightweight theme framework designed for developers and focusing on simplicity and usability.
Author: Juan Pablo Sarmiento Founder and curator of:
iconshock
themeshock
boxofbundles
wpthemegenerator
webdesignshock
February 24th
At last, finally found an updated list of resources! Thanks for sharing all these!
February 24th
Lily, yes, and it always will be updated and fresh, don’t miss the next issue.
February 24th
Awesome list of resources again. Thanks a lot.
February 24th
Paul, great you like these, don’t miss the future issues, remember to join us in FB or Twitter or RSS.
February 24th
Hey I just get help from browsing and found Jquery Scroller from your site but it’s create problem I include all file of Javacript but it give error jquery.js is missing.I didn’t find that file in pack.
February 27th
We recommend the author of the resource for further information. Best regards!
February 26th
Awesome! Its really nice to view a fresh collection of this set.up and design.. I hope you can post some more….
February 27th
Be sure to check out all of our weekly and daily editions on fresh resources for designers, and follow us follow us on facebook and twitter, Best regards!
February 27th
This is really great! Iv’e been searching about this resources for a couple of days.. Good thing you posted this! Your such a heaven sent.. Great job!
February 27th
Be on the lookout for our following editions of weekly fresh resources editions and our daily ones, for example check on of latest daily editions: Amazing Parallax Web Design, Nike Rocking It Again!. Best regards!
February 27th
Great resources, I do appreciate the collection here :)
February 27th
Glad to see that our followers are getting great use of new weekly resources editions….hope you didn’t miss out on our pat issue on fresh resources Latest Resources For Designers!. Also we’re now releasing daily editions for example check one of our latest: Amazing Parallax Web Design, Nike Rocking It Again!. Best regards!
February 27th
Hi,
Thank you for nice article on Recycling. Its helpfull for all who need information for Recycle.
Thank
February 29th
?? these are very fresh !
February 28th
It was really great face of new features… Looking forward to witness some more fresh design….
February 28th
wow ! really very huge resources list for designers like me .. i think you spend too much time to found these tutorials , nice work :)
March 1st
I love articles like this one and especially when there is so many resources within it. Articles like this are great for me because with me being new to web design and only doing this for a few months, it gives me places I can go to learn more and speed up how I work. I think all of the links on this article will be of use to me as I move forward and learn more. Great post and I look forward to more from you.
March 2nd
thanks for the recognition. And this will only be this first one of many editions on fresh resources for designers to come, in case you missed our first edition visit: Latest Resources For Designers!. best regards!
March 1st
thanks for this great Css programing examples those are wonderful one by one لپ تاپ هتل يخچال ابزار
March 2nd
Sure thing! don’t miss out on our next edition on the latest resources for designer and in case you missed the first edition why don’t you check it out?: Latest Resources For Designers!. Best Regards!
March 2nd
Thanks for the varied selection of quality resources; I think you’ve managed to cover most areas of web design with these links. I will find these sites to be of great use on my current projects. I love the selection of css3 tools and sliders, especially the flip switch, which uses some very cool animation.
March 2nd
Glad to hear positive feedback from our followers, we recommend you check out our first weekly edition on resources for designers Latest Resources For Designers!, also don’t forget to follow us on Facebook and Twitter. best regards!
March 2nd
Thanks, especially for the mobile tips.
March 7th
Don’t miss out! we’re posting these resources on a daily basis just in case here’s a few for you to check out: Amazing Font: 150 Free Css Icons Ready For BootStrap, Web Based Less Compiler and Pure CSS3 Social Icons
Really Fresh Resources for web ninjas ! http://t.co/iVIA0qXA via @webdesignshock
Really Fresh Resources for web ninjas ! don’t miss the latest discoveries ! by @WebDesignShock http://t.co/7qfFP1BX
Really Fresh Resources for web ninjas ! http://t.co/WBqif0ib via @webdesignshock
RT @WebDesignShock: Really Fresh Resources for web ninjas ! http://t.co/Dxm2ODbG
Really Fresh Resources for web ninjas ! http://t.co/Rhb3DP8e
Really Fresh Resources for web ninjas ! http://t.co/ZT0nV9PW via @webdesignshock Enjoy this list of very nice tools!
RT @WebDesignShock: Really Fresh Resources for web ninjas ! don’t miss the latest discoveries ! by @WebDesignShock http://t.co/w1PSPv1e
[...] Really Fresh Resources for web ninjas ! – WebDesignShock. Tags: code, css Previous postTo Five Smashing Years… And A Free Anniversary eBook Treat! – Smashing Magazine | Smashing Magazine [...]
Really Fresh Resources for web ninjas ! http://t.co/e4BV98rH via @zite
#Friday #Stealth #NinjaMission #Explore
:)
Really Fresh Resources for web ninjas ! http://t.co/K5pnzyJ4 via @webdesignshock
[...] 12. Really Fresh Resources for web ninjas! [...]
[...] 12. Really Fresh Resources for web ninjas! [...]
RT @artatm: Fresh Resources For Web Ninjas! #jquery #css #wp #social #windows8 PLEASE RT http://t.co/OYq1h2wx via @webdesignshock
RT @WebDesignShock: Really Fresh Resources for web ninjas ! – by @WebDesignShock http://t.co/vfjHNGS7
Fresh Resources For Web Ninjas! #jquery #css #wp #social #windows8 PLEASE RT http://t.co/ZXTOz4SQ via @webdesignshock
Fresh Resources For Web Ninjas! #jquery #css #wp #social #windows8 PLEASE RT http://t.co/kb98dEhB via @webdesignshock
Great Fresh Resource for Web Designers!: http://t.co/pMGg3QxR
RT @bkmacdaddy: Really Fresh Resources for web ninjas! WebDesignShock http://t.co/lSIX0NTW
Really Fresh Resources for web ninjas ! http://t.co/zFc0XJZE via @zite
Really Fresh Resources for web ninjas ! http://t.co/S7oPx1pW #webdesign
[...] Really Fresh Resources for web ninjas ! [...]
Really Fresh Resources for web ninjas ! http://t.co/lkBQB30a via @zite
Really Fresh Resources for web ninjas ! http://t.co/OrWQoKkW via @zite
Fresh Resources For Web Ninjas! #jquery #css #wp #social #windows8 PLEASE RT http://t.co/JBxQdpNS via @webdesignshock
Really Fresh Resources for web ninjas ! http://t.co/FvzyBT1h via @zite
[...] original story Posted in Web Design Element | Tagged button builder, css button, css3, css3 flip swich, css3 slider, glisse.js, jqery mobile, jquery mobile, jsfiddle, lionbar, mark bernando, navbar, page scroller, parallax effect, php snippet, ribbon builder, sequence, sharrre, smooth scroller, stunning tool, subtle paternal, subtle pattern, theme framework, wampserver, warp, wordpress local server [...]
Fresh Resources For Web Ninjas! #jquery #css #wp #social #windows8 PLEASE RT http://t.co/qzwomKFx via @webdesignshock
Fresh Resources For Web Ninjas! #jquery #css #wp #social #windows8 PLEASE RT http://t.co/UE7S1fXd via @webdesignshock
RT @pablolarah: Really Fresh Resources for web ninjas ! http://t.co/OlgerW3s @WebDesignShock
RT @pablolarah: Really Fresh Resources for web ninjas ! http://t.co/OlgerW3s @WebDesignShock
.. some nice resources for designers ~ Really Fresh Resources for web ninjas! – via @webdesignshock http://t.co/KervIcco #design
Really Fresh Resources For Web Ninjas http://t.co/I27DB7VH
Really Fresh Resources for web ninjas ! – WebDesignShock http://t.co/43lofzqJ
RT @UnderworldMagz: Fresh Resources For Web Ninjas! #jquery #css #wp #social #windows8 PLEASE RT http://t.co/HDlpPRpM via @webdesignshock
Lots of goodies! #DTC RT @UnderworldMagz Fresh Resources For Web Ninjas #jquery #css #wp PLEASE RT http://t.co/RlbG1Mf8 via @webdesignshock
Really Fresh Resources for web ninjas ! http://t.co/i5dILmEH via @zite
Really Fresh Resources for web ninjas ! http://t.co/E1acZGTw RT @StupidcatDesign
Really Fresh Resources for web ninjas ! http://t.co/0APX9cs1 #jquery
Really Fresh Resources for web ninjas ! – by @WebDesignShock http://t.co/7qfFP1BX
RT @WebDesignShock: Really Fresh Resources for web ninjas ! don’t miss the latest discoveries ! by @WebDesignShock http://t.co/vfjHNGS7
Really Fresh Resources for web ninjas ! http://t.co/3C9WKuw6
Really Fresh Resources for web ninjas ! http://t.co/oUr8WMAV via @zite
Really Fresh Resources for web ninjas ! http://t.co/7yZDWnDq via @webdesignshock
Recursos interesantes para desarrolladores web: http://t.co/7t8jagCv
[...] Really Fresh Resources for web ninjas ! – WebDesignShock As you all know, Microsoft announced the new Windows 8 logo. My opinion on it is simple: doesn’t look bad and easily communicates the concept behind Metro and Live Tiles, but ultimately, is a missed opportunity of integration and rebranding. Amazing Parallax Effect [...]
Really Fresh Resources for web ninjas ! – by @WebDesignShock http://t.co/S7HH0YCX
Some definite gems in here… Really Fresh Resources for web ninjas! http://t.co/npfYn07w
[...] Really Fresh Resources For Web Ninjas ! [...]
[...] considering the success that the first one: Latest Resources For Designers! had, followed by Really Fresh Resources For Web Ninjas!; and, this goes without even mentioning the daily editions…that’s right we just can’t get [...]
[...] View Source [...]