Javascript Kit

1. Cut & Paste Blur Image effect

"Cut & Paste Blur Image effect

Credit: JavaScript Kit

Description: This Blur Image script lets you easily blur an image by varying intensities, either instantly or gradually. It uses the excellent StackBoxBlur script to power the effect, and works in all major browsers that support HTML5`s canvas element. The script works by replacing the original image you wish to blur with a canvas equivalent instead (dynamically added to the page following the image by the script), then operating on that canvas instead. In browsers that don’t support the canvas element, the image is left alone.

Note: In IE (as of IE11), the blur algorithm runs rather choppily, especially if you’re gradually blurring in or out. In IE then you might choose to change the blur behaviour to instantly instead. In Google Chrome, the blur effect is only applied when the image is viewed online, versus offline/ local hard drive."


Attribute Modules for CSS

2. AMCSS – Attribute Modules for CSS

"Attribute Modules (AM) is a technique for using HTML attributes and their values rather than classes for styling elements. In doing so, each attribute effectively declares a separate namespace for encapsulating style information, resulting in more readable and maintainable HTML & CSS.

It’s not a framework or a library, it’s a style that better describes the components you’re building. For an introduction to how AM was developed, see the original blog post by Glen Maddern. The specification itself is available on GitHub."

Smashing Magazine

3. Making Modal Windows Better For Everyone | Smashing Magazine

“To you, modal windows might be a blessing of additional screen real estate, providing a way to deliver contextual information, notifications and other actions relevant to the current screen. On the other hand, modals might feel like a hack that you’ve been forced to commit in order to cram extra content on the screen. These are the extreme ends of the spectrum, and users are caught in the middle. Depending on how a user browses the Internet, modal windows can be downright confusing.”


4. How to Show Web Site Passwords in Safari for Mac OS X


“Mac users who opt-in to use the Safari AutoFill username and password feature have a convenient way to show and retrieve those login credentials at any time. This is incredibly helpful if you’re prone to forget the passwords or logins for the billion and one websites we all use, and need to access that login data either for usage in another web browser or on another computer that doesn’t have iCloud Keychain enabled.”

Reveal Saved Login Name & Password for a Website in Safari for Mac OS X

  1. From the Safari app, go to the “Safari” menu and choose “Preferences”
  2. Choose the “Passwords” tab
  3. Click the checkbox for “Show passwords for selected websites” – this requires the administrator password to be entered for the Mac
  4. Choose the website from the list whose password you wish to reveal, then choose to “Allow” when permission is requested to reveal that logins password

The changelog

5. Centurion makes deploying Docker images easy – The Changelog

"Centurion makes deploying Docker images easy

New Relic has Open Sourced their tool for managing Docker deployments across multiple environments.

Centurion is a DSL for defining environment variables, Docker hosts to deploy to, volumes, and ports. Centurion can be used to define these on a per environment basis, ensuring the same image is shipped with the correct configuration for the environment it is being deployed to.

Centurion can even handle rolling deploys by deploying to a host and checking a specific URL to become available before moving to the next host."


6. Web Design & Development News: Collective #133

“HTML5 video player * Transparent JPG/PNG/SVG technique * Physijs Jenga * Shout IRC Client * Bézier Clock * SVG SMIL Animations * EnjoyHint * Unyson framework”


7. Top 50 WordPress Themes on ThemeForest

“As any web designer knows ThemeForest carries the widest selection of premium themes. This morning they are showing over 16,000 themes for sale in their marketplace. We have recommended their themes for years mainly because they give the broadest selection available. For any single category of site you want to build they give you the necessary tools to make it look just right. We have collected their top 50 themes by sales volume. We will keep this list up to date so you can always refer back to it if you want to purchase something popular and battle tested.”

This is a great resource, even if you design your own themes. Just look at the features, and feature trends in this batch of premium themes.


8. My Favorite Web Apps That Improve My Workflow

"Let’s consider an equation, where A is success and B is your freelance enterprise or small business. Then: A – B represents everything that’s currently going wrong with your company.

For designers who just started a small agency, most of the issues turn out to be of an administrative nature. Creative people just aren’t very skilled at tackling the managerial challenges that arise when they’re launching their first business.

Here’s how you keep a healthy company: you recruit web apps that help you manage time + finances + projects, and which boost your e-mail marketing campaigns, form building, and file sharing."


9. WordPress – Holicy – OnePage WordPress Theme | ThemeForest


"HOLICY is a Modern Businness premium WordPress Theme . It’s beautifull. It is suitable for Personal Website, Clean and simple website, Agency, Customer, Retail, Local Business and more. Design is multipurpouse, it’s thought-throu every detail and animation effect. It’s just easy to customize to fit your needs, replace images and texts.

The wordpress theme is responsive, check it out using mobile devieces!

Holicy is a perfect theme for a variety of uses from blogs to personal or business portfolios."

WordPress tv

10. Tabby Chapman: Functions.php And How To Quit It | WordPress.tv

"PUBLISHED – September 15, 2014

When developing a theme for a client, it’s super easy to throw all of the new functions and hooks into the theme’s functions.php file, wipe your hands, congratulate yourself for a hard day’s work and go have a beer. But, after a while, have you stopped to see the size of that functions.php file? It can be massive! It’s easy to create a large disorganized functions.php file with so many tutorials out there giving you little tips and tricks on hooks and doodads that you can add to the site to make it fancy. ‘Ohh! Look at this code that changes my background color based on weather patterns! I’ll just… put this… right… here… drops in functions.php file This session is about why you don’t want to fill up your functions.php file, the proper way to add code to your site, and why it’s proper for readability, security and extendability.

Presentation Slides »

EVENT – WordCamp Vancouver 2014 "