uxcellence.com
What’s Cooking in UX for 2015? - UXcellence
http://www.uxcellence.com/2015/01/08/whats-cooking-in-ux-2015
Exploring excellent user experience. What’s Cooking in UX for 2015? January 8, 2015. Laquo; Back to all posts. Performance as a measure of experience. As sites and apps are tested and go live, everyone on the team should be responsible for monitoring and addressing performance issues. For more on designing a better performing experience, I’d strongly recommend picking up Designing for Performance by Lara Hogan. Want to test your site’s performance? Here are some good starting points:. Meta data and cards.
cutdek.com
Blog — cutDek Productions
http://www.cutdek.com/blog
Using FFMPEG to watermark your videos (on Mac OS X). October 28, 2015. Watermarkos.sh - Script to add watermark to video. Setup - folder structure. The script and watermark image should be in the root folder. The videos are in sub-folders (only one level deep) under the root folder. The script converts videos one folder at a time. Then folders get renamed with a tilde " " prepended to each folder name. Grant executable permissions on the script. Chmod 700 watermarkos.sh. Folder in my example.
johnhenry.ie
Various and Sundry - July 2013 - John Henry Donovan - Web Designer & Developer from Cork, Ireland
http://johnhenry.ie/articles/various-and-sundry-july-2013
Various and Sundry - July 2013. Bits an bobs from the last week or so I have collected. Statamic 1.5.3. Released with includes a new transform tag. A little known JavaScript framework. Using Web Inspector to Debug Mobile Safari - tutorial. Explaining Technical Things to Not So Technical People. ExpressionEngine Adding New Relic Compatibility. Competition, Ethics, and Add-ons. An explosive post from EllisLab. Latest podcast from Solspace. Making spheres in CSS in this comprehensive walkthrough.
techanic.net
Techanic » An Event Apart Boston 2015
https://techanic.net/2015/06/28/an_event_apart_boston_2015.html
Thoughts on technology from Josh Dick. June 28, 2015. An Event Apart Boston 2015. My notes from An Event Apart, "the design conference for people who make websites". I had the privilege of attending An Event Apart, "the design conference for people who make websites", for the fourth time. My notes from An Event Apart Boston 2015. Follow this introduction. The notes are grouped by talk, in the order that each talk happened at the conference. If you're interested, my notes from An Event Apart Boston 2014.
github.com
GitHub - filamentgroup/grunticon: A mystical CSS icon solution.
https://github.com/filamentgroup/grunticon
A mystical CSS icon solution. Use Git or checkout with SVN using the web URL. May 9, 2016. Failed to load latest commit information. Update version of grunticon-lib. Aug 27, 2015. Resquirreled fonts, fixes issues with s glyph on Windows. Feb 5, 2015. Remove all the testing and static assets that are currently in grunti. Jun 8, 2015. Add to the gitignore some folder that might pop up during testing. Dec 11, 2013. Build to site folder. Jan 28, 2015. Mar 9, 2015. Sep 12, 2013. Mar 31, 2015. Jun 10, 2015.
blog.pautlerdesign.com
General | Pautler Design Blog
http://blog.pautlerdesign.com/category/general
I like to write. My job, my family and my life. January 25, 2016. I attended my first online conference last week with Environments for Humans’. It was a great conference with some solid talks that taught me a lot about SVG. Below are some takeaways from the event, as well as the notes I took during each talk. 8217;s Introducing SVG and Brenda Storer. 8217;s Cracking the SVG Code), a few more complex talks that showed the awesome potential of SVG, but were a bit over my head (like Sarah Drasner. The chat...
filamentgroup.com
Open-Source Projects | Filament Group, Inc., Boston, MA | Filament Group, Inc., Boston, MA
https://www.filamentgroup.com/code
Filament Group, Inc. We’re strong believers in the benefits of open-source to our clients and the web community. Here are some projects we actively maintain today. Responsive images and media. A grunt-based tool to make it easy to use SVG graphics with fallbacks for older browsers. Grunticon in the browser, for those not comfortable with command line. A responsive image polyfill for. Lazy-load portions of HTML to improve perceived performance (works with media queries too). Feature tests and polyfills.
ericponto.com
Building a drag and drop JavaScript minifier | Eric Ponto
http://www.ericponto.com/blog/2014/05/22/build-drag-and-drop-javascript-minifier
Building a drag and drop JavaScript minifier. May 22, 2014. There are a million different tools to minify JavaScript files. There are different engines that do it: Uglify, JSMin, Closure Compiler, etc. And you can use these tools via the command line, using Grunt or Gulp, or with something like CodeKit. But sometimes you just have a one off need to take a JavaScript file where all of those solutions feel a little heavy. So lets build something. Drag and drop files. On the event object, you need to use.
adamreeve.co.nz
SVG for Icons on the Web - Adam Reeve
http://adamreeve.co.nz/blog/svg-web-icons.html
SVG for Icons on the Web. Fri 31 October 2014. When updating my website recently, I decided to use SVG (Scalable Vector Graphics) for icons. It's currently very popular to use an icon font, for example, Font Awesome. Which was developed for use with Twitter Bootstrap. SVG based icons are a great alternative. With SVG, you aren't constrained by the limitations of a font, and the icons are just an image so you don't have to hassle with text positioning. It is also possible to style individual compo...Alter...
pumpfinda.com
An Overview of SVG Sprite Creation Techniques ◆ 24 ways
http://www.pumpfinda.com/2014/an-overview-of-svg-sprite-creation-techniques
24 ways to impress your friends. An Overview of SVG Sprite Creation Techniques. Can be used as an icon system to replace icon fonts. The reasons why SVG. Makes for a superior icon system are numerous, but we won’t be going over them in this article. If you don’t use SVG. Icons and are interested in knowing why you may want to use them, I recommend you check out “Inline SVG. Vs Icon Fonts”. Once you’ve made the decision to use SVG. Just like bitmaps, we can create image sprites with SVG. Embedding techniq...
