flov + javascript   88

Matomo – Open Analytics Platform
»Liberating Analytics – Matomo is the only analytics platform that gives you full control over your data and more: Free open-source software, 100% data ownership, User privacy protection, User-centric insights, Customisable and extensible, Easy to use, No data limits.«
analytics  webstats  webdesign  webdev  php  javascript  software  privacy 
9 weeks ago by flov
Animate a Container on Mouse Over Using Perspective and Transform | CSS-Tricks
»I’ve been working on a website in which large pictures are displayed to the user. Instead of creating a typical lightbox effect (a zoom-in animation with a black overlay) for these large pictures, I decided to try and make something more interactive and fun. I ended up coding an image container that tilts as the user moves the mouse cursor above it.«
webdesign  css  javascript  fx  tutorial 
march 2018 by flov
Direction Aware Hover Effects | CSS-Tricks
»This is a particular design trick that never fails to catch people's eye! I don't know the exact history of who-thought-of-what first and all that, but I know I have seen a number of implementations of it over the years. I figured I'd round a few of them up here.«
css  webdesign  fx  tutorial  javascript 
february 2018 by flov
Debugging Tips and Tricks | CSS-Tricks
»Writing code is only one small piece of being a developer. In order to be efficient and capable at our jobs, we must also excel at debugging.«
webdesign  webdev  css  javascript  debug  tutorial  reference 
april 2017 by flov
Modernizr: the feature detection library for HTML5/CSS3
»Respond to your user’s browser features. – Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.«
webdesign  webdev  library  javascript  html  css 
april 2017 by flov
ScrollMagic ♥ Demo
»The javascript library for magical scroll interactions. ScrollMagic helps you to easily react to the user's current scroll position.«
webdesign  webdev  fx  jquery  javascript 
january 2017 by flov
Get Started with Debugging JavaScript in Chrome DevTools  |  Web  |  Google Developers
»This step-by-step, interactive tutorial teaches you the basic workflow for debugging JavaScript in Chrome DevTools. The tutorial shows you how to debug one specific issue, but the general workflow you learn is helpful for debugging all types of JavaScript bugs. If you're using console.log() to find and fix bugs in your code, consider using the workflow outlined in this tutorial instead. It's often much faster and more effective.«
javascript  jquery  debug  tutorial  bestPractices  google  chrome/chromium 
january 2017 by flov
Basehold.it - quick, painless, javascript-free baseline overlays
»Baseline grids are super helpful for web designers, allowing us to maintain vertical rhythm on our designs. But short of a few Javascript bookmarklets, there isn't really a simple way to get a baseline grid overlay on our designs. Enter Basehold.it«
webdesign  typography  grid  baseline  javascript 
april 2016 by flov
Javascript Toolsammlung / praegnanz.de
»Notiz: Hier der aktuelle Stand an empfehlenswerten UI-Frameworks, wie wir ihn aktuell nach Bedarf einsetzen.«
webdesign  webdev  javascript  jquery  resource  linklist 
june 2015 by flov
Magnific Popup: Responsive jQuery Lightbox Plugin
»Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device (for jQuery or Zepto.js).«
webdesign  webdev  lightbox  image  javascript  jquery 
june 2015 by flov
jQuery Learning Center
»Over the years, an ecosystem of blog posts, books, support forums, and channels has grown to help cover the hows and whys of developing with jQuery, as well as explaining best practices, techniques, and workarounds for common problems. […] This site represents the jQuery Foundation's ongoing effort to consolidate and curate this information in order to provide this crucial "narrative documentation" to our community«
jquery  javascript  reference  tutorial  info 
february 2015 by flov
»This is my (living) collection of front-end links. It's not complete by all means, in fact, there isn't any of the obvious ones, like Can I use or so. Just some links that I need occasionally but can't remember their names, so I saved them here for quick access. Also, they're somewhat randomly ordered.«
webdesign  webdev  html  css  javascript  reference 
november 2014 by flov
Shaun Inman // Automatic Conditional Retina Images
»One line of JavaScript and a few mod_rewrite rules and we have no fuss Automatic Conditional Retina Images. No DOM crawling. No redundant requests. No server-side scripts. No cookies? No problem, they just get the original image. The only change you might need to make to your workflow is explicitly defining image width and height in HTML (you should really be doing this already) and background-size in your CSS.«
responsive  image  retina/hidpi  javascript  mod_rewrite  server  tutorial 
january 2014 by flov
Slider with Sliding Backgrounds | CSS-Tricks
»Among the many super nice design features of the Yahoo! Weather app for iOS is the transition between city screens. The background image doesn't just move away as the screen moves from one screen to the next, the background image itself slides. It appears to be hiding some of the "old" screen and revealing more of the "new" screen those closer you have it to being in full view. Let's try and pull it off on the web.«
webdesign  fx  css  html  javascript  tutorial 
may 2013 by flov
Line Clampin' | CSS-Tricks
»You want X lines of text. Anything after that, gracefully cut off. That's "line clamping" and it is a perfectly legit desire. When you can count on text being a certain number of lines, you can create stronger and more reliable grids from the elements that contain that text, as well as achieve some symmetric aesthetic harmony. There are a couple of ways to get it done, none of them spectacular.«
webdesign  css  html  javascript  tutorial 
may 2013 by flov
Using SVG | CSS-Tricks
»SVG is an image format for vector graphics. It literally means Scalable Vector Graphics. Basically, what you work with in Adobe Illustrator. You can use SVG on the web pretty easily, but there is plenty you should know.«
webdesign  webdev  svg  css  html  bestPractices  tutorial  icon  retina/hidpi  javascript 
march 2013 by flov
Tell CSS that JavaScript is available ASAP | 456 Berea Street
»[…] the script may not have kicked in when the page is first displayed to the user, causing an annoying jump when the menu is re-rendered. To avoid problems like that I have started adding the following tiny inline script straight after the title element, before anything else«
webdesign  webdev  javascript  tutorial 
october 2012 by flov
Managing JavaScript on Responsive Websites | Viget
»On a recent responsive project, I quickly ran into a new challenge: how to manage JavaScript on a site where the interface and functionality changes at different breakpoints. For example, an image carousel might need to be animated at one breakpoint but turn into a simple image grid at the next; you don't want that JavaScript to still be functioning if someone crosses between them.«
webdesign  webdev  javascript  responsive  tutorial 
july 2012 by flov
Pens picked by the Editors of CodePen
»Welcome to CodePen, a community of front end folks focused on inspiration and education. We're just getting started on this adventure, so we'd love to hear from you.«
webdesign  webdev  html  css  javascript  gallery  fx  exhibition  inspiration 
june 2012 by flov
How Apple.com will serve retina images to new iPads « Cloud Four
»One of the more interesting questions raised by the new iPad and its retina display is whether or not web sites should deliver higher resolution images when there is no way to know the connection speed. AppleInsider found that Apple.com is being prepped to deliver high-res images and documented how you can test it in Safari on your desktop.«
webdesign  webdev  image  browser  javascript  tutorial  apple  iPad 
march 2012 by flov
CodeKit — THE Mac App For Web Developers
»CodeKit automatically compiles Less, Sass, Stylus, CoffeeScript & Haml files. It effortlessly combines, minifies and error-checks Javascript. It supports Compass. It even optimizes jpeg & png images, auto-reloads your browser and lets you use the same files across many projects. And that's just the first paragraph.«
mac  software  webdev  webdesign  programming  sass/scss  javascript 
january 2012 by flov
HTML5 Video Player | VideoJS
»VideoJS is an HTML5 Video Player with 3 core parts: An embed code (Video for Everybody), a Javascript library (video.js), and a pure HTML/CSS skin (video-js.css).«
html  javascript  css  video  player  webdesign  webdev 
september 2011 by flov
The Heads-Up Grid
»The Heads-Up Grid is an overlay grid for use during in-browser website development, built with HTML + CSS + JavaScript.«
webdesign  grid  css  javascript 
august 2011 by flov
Loading spin animation completely done in CSS3 and Javascript, no images.
webdesign  css  javascript  animation 
august 2011 by flov
Create a new Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)
»JsFiddle is a playground for web developers, a tool which may be used in many ways. One can use it as an online editor for snippets build from HTML, CSS and JavaScript. The code can then be shared with others, embedded on a blog, etc. Using this approach, JavaScript developers can very easily isolate bugs. We aim to support all actively developed frameworks - it helps with testing compatibility.«
webdesign  webdev  javascript  html  css  webtool  editor  debug 
july 2011 by flov
NinjaKit - 0xFF
NinjaKit is an extension for Safari 5 and Google Chrome enabling the use of GreaseMonkey scripts.
safari  google  chrome  plugin/addon/extension  greasemonkey  javascript 
february 2011 by flov
Head JS :: The only script in your HEAD
»Load scripts like images. Use HTML5 and CSS3 safely. Target CSS for different screens, paths, states and browsers. Make it the only script in your HEAD. A concise solution to universal issues.«
javascript  framework  css  html5  webdev  jquery  optimization 
december 2010 by flov
Visually stunning travel journal. Great graphic design, inspiring Javascript UI and clever use of the Tumblr API.
design  webdesign  javascript  fx  gui  travel  blog 
november 2010 by flov
HTML5 enabling script
»Since HTML5 is getting more attention by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as <article>, is to use the HTML5 shiv, I've quickly put together a mini script that enables all the new elements.«
html  javascript  ie  webdev  webdesign 
october 2010 by flov
jQuery Fundamentals
»jQuery Fundamentals by Rebecca Murphey«
jquery  javascript  webdev  ebook  resource  tutorial 
october 2010 by flov
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8
»selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.«
webdesign  webdev  css  javascript  emulation  ie 
october 2010 by flov
ie7-js - Project Hosting on Google Code
»IE7.js is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.«
webdev  webdesign  ie  javascript  webstandards 
september 2010 by flov
Biolab Disaster - HTML5 Game on Vimeo
»Making-of Video for my HTML5 game "Biolab Disaster"«
game  arcade  html  javascript  video 
september 2010 by flov
Biolab Disaster
»The game you (hopefully) see above is not done in Flash. It's pure HTML5 and Javascript. You don't need any Plugin to play, just a good Browser.«
game  arcade  html  javascript 
september 2010 by flov
Creating Ajax form in Cakephp using jQuery | DevArticles.In
»Because of its being more flexible, extensible and precise nature the jQuery certainly has emerged as a more popular Javascript library as compared to prototype library. If you plan your Cakephp application depend heavily on Javascript, its right time to chose jQuery for your cakephp-cum-javascript needs.«
cakephp  jquery  ajax  javascript  tutorial 
june 2010 by flov
Make Your Own Bookmarklets With jQuery - Smashing Magazine
»Bookmarklets are small JavaScript-powered applications in link form. Often “one-click” tools and functions, they’re typically used to extend the functionality of the browser and to interact with Web services. […] In this article, we’ll go through how to make your own bookmarklets, using the jQuery JavaScript framework.«
jquery  javascript  webdev  bookmarklet  tutorial 
may 2010 by flov
Different Stylesheets for Differently Sized Browser Windows | CSS-Tricks
»Otherwise known as “resolution dependent layouts”. Single website, different CSS files for rearranging a website to take advantage of the size available.«
css  browser  javascript  jquery  tutorial 
april 2010 by flov
Event Delegation in jQuery and Performance (live vs bind vs other options) - ravelrumba
»[…] while trying to think of a better way to capture events in Google Analytics, I ended up comparing and testing different options for handling events, most involving delegation and most involving jQuery.«
jquery  webdesign  webdev  javascript 
january 2010 by flov
Fancybox | Fancy lightbox alternative
»FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses.«
webdesign  jquery  lightbox  javascript  gui  fx 
december 2009 by flov
Plugins | jQuery Plugins
»Adds the ability to do color animations to jQuery 1.2, and newer.«
jquery  plugin/addon/extension  color  css  webdesign  javascript 
october 2009 by flov
Raphaël—JavaScript Library
»Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.«
javascript  framework  library  graphics  fx  vector  webdesign  webdev 
october 2009 by flov
ModalBox — An easy way to create popups and wizards
»ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. It's inspired by Mac OS X modal dialogs. And yes, it may also be useful for showing bigger versions of images. :)«
webdesign  javascript  fx  lightbox 
august 2009 by flov
ColorBox - customizable lightbox plugin for jQuery
»Supports photos, photo groups, slideshow, ajax, inline, and iframed content. Lightweight: only 9KB of JavaScript. Appearance is completely controlled through CSS so users can restyle the box. Behavior settings can be over-written without altering the ColorBox javascript file. Completely unobtrusive, requires no changes to existing HTML. Preloads background images to avoid flash of unstyled content on first use. Can preload upcoming images in a photo group. Written in jQuery plugin format and can be chained with other jQuery commands. Generates W3C valid XHTML and CSS, adds no JS global variables & passes JSLint.«
webdesign  webdev  javascript  jquery  fx  image  lightbox 
july 2009 by flov
»FireQuery is a collection of Firebug enhancements for jQuery.«
firefox  jquery  javascript  plugin/addon/extension 
july 2009 by flov
Blend, a jQuery plugin effect for CSS backgrounds
»jQuery Blend – A jQuery based animation/effects, progressive enhancement plugin for CSS backgrounds. (1.4KBs)«
jquery  javascript  css  webdev  webdesign  fx 
july 2009 by flov
Hivelogic - The Anti-Spam Email Address Enkoder
»This is the Enkoder, an anti-spam email address encoding tool available for free as both an online web form and a downloadable Mac OS X application. Posting your email address on a website is a sure-fire way to get an inbox full of Spam. The Enkoder helps protect email addresses by converting them into encrypted JavaScript code, hiding them from email-harvesting robots while revealing them to real people.«
webdev  mail  security  javascript  mac  software 
july 2009 by flov
53 Jquery Tutorials, Resources, Tips And Tricks: Ultimate Collection | 1stwebdesigner - Love In Design
»[…] I created hopefully pretty complete collection of jQuery sites, tip and trick articles, video screencasts, tutorials, cheat sheets and lot’s more. Took a while to compile and research was really solid. Enjoy as always!«
jquery  javascript  ajax  tutorial  linklist 
july 2009 by flov
scripty2: for a more delicious web
»scripty2 is a powerful, flexible JavaScript framework to help you write your own delicious visual effects & user interfaces.«
javascript  framework  fx  gui  webdesign  webdev 
june 2009 by flov
jQuery TOOLS - The missing UI library for the Web
»jQuery Tools is a collection of the most important user-interface components for today's websites.«
jquery  javascript  gui  webdesign  webdev  fx 
june 2009 by flov
jQuery Captify Demo
»Captify is a plugin for jQuery written by Brian Reavis to display simple, pretty image captions that appear on rollover. It has been tested on Firefox, Chrome, Safari, and the wretched Internet Explorer. Captify was inspired by ImageCaptions, another jQuery plugin for displaying captions like these.«
javascript  jquery  plugin/addon/extension  image  webdesign  webdev 
june 2009 by flov
Maintainability Guide (Beta) – Jens Meiert
»This documentation on maintenance and maintainability means a start. I’ve been focusing a lot on these topics over the last few weeks, maybe a bit longer, so it’s been about time to share some beef, and to still, all of a sudden, double the documentation that’s out there.«
webdev  webdesign  html  css  javascript  organize 
june 2009 by flov
»We’ve been working with foundries to develop a consistent web-only font linking license. […] As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup […] We’ll be launching this summer with a great collection of beautiful and hardworking typefaces.«
typography  font  webdesign  webTool  javascript 
june 2009 by flov
Improve your jQuery - 25 excellent tips
»I'd call myself an "intermediate" jQuery user and I thought some others out there could benefit from all the little tips, tricks and techniques I've learned over the past year. The article also ended up being a lot longer than I thought it was going to be so I'll start with a table of contents so you can skip to the bits you're interested in.«
jquery  javascript  tutorial 
june 2009 by flov
jQuery Ajax tutorials, jQuery UI examples and more! - The Ultimate jQuery List
»The Ultimate jQuery List – a relly big 1-page list of plugins & examples for jQuery.«
jquery  javascript  ajax  tutorial  linklist 
june 2009 by flov
Usage - cufon - GitHub
»Cufón has been designed with developers in mind. Therefore the API is simple and configuration is usually not needed at all, as most of the needed information is provided by CSS style sheets.«
webdesign  webdev  typography  font  css  javascript 
february 2009 by flov
cufón - fonts for the people
»Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use. […] Cufón consists of two individual parts – a font generator, which converts fonts to a proprietary format and a rendering engine written in JavaScript.«
webdesign  webdev  typography  font  javascript  sifr 
february 2009 by flov
GlimmerMonkey // ShaunInman.com
»A couple weeks ago I came across GlimmerBlocker, a proxy-based ad-blocking System Preference for OS X. […] What caught my attention was that, even though it was designed for Safari, because it acts as a proxy, any browser that supports proxies can benefit from it’s rules. And GlimmerBlocker’s rules are quite powerful.«
safari  adblock  greasemonkey  proxy  javascript 
january 2009 by flov
minify - Google Code
»Minify is a PHP5 app that can combine multiple CSS or Javascript files, compress their contents (i.e. removal of unnecessary whitespace/comments), and serve the results with HTTP encoding (gzip/deflate) and headers that allow optimal client-side caching.«
software  php  utility  css  javascript  compression 
january 2009 by flov
jQuery.popeye - an inline lightbox alternative | Christoph Schüßler » Informationsarchitektur und so
»I wanted something more integrated in the flow of the web page - a box with a small preview image with caption, the possibility to flip through an array of more thumbnails and, of course, to show an enlarged version, all in one place.«
webdev  javascript  lightbox 
november 2008 by flov
CSS Browser Selector
»CSS Browser Selector is a very small javascript with just one line and less than 1kb which empower CSS selectors. It gives you the ability to write specific CSS code for each operating system and each browser.«
css  javascript  browser  webdev  webdesign 
october 2008 by flov
NoScript :: Firefox Add-ons
»The best security you can get in a web browser! Allow active content to run only from sites you trust, and protect yourself against XSS and Clickjacking attacks.«
firefox  plugin/addon/extension  javascript 
october 2008 by flov
Mike Davidson - sIFR
»sIFR is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users have that font installed on their systems.«
webdesign  sifr  typography  flash  css  javascript 
april 2008 by flov
cabel.name: FancyZoom 1.1
»This much-requested chunk of Javascript to zoom images inline, originally written for this blog but later rolled out to the Panic website and used for screenshots, is now polished up, bug-fixed, available for you to use on your website!«
javascript  css  image  lightbox  webdesign 
february 2008 by flov
phatfusion : multibox
>>multibox - lightbox that supports images, flash, video, mp3s, html.<<
webdesign  webdev  css  javascript  lightbox 
february 2008 by flov
sIFR Documentation & FAQ
»Scalable Inman Flash Replacement lets you use your favorite font on your websites by cleverly working with Flash, JavaScript and CSS.«
typography  sifr  webdesign  css  flash  javascript  wiki 
september 2007 by flov
ClickHeat | Clicks heatmap
»ClickHeat is a visual heatmap of clicks on a HTML page, showing hot and cold click zones.«
statistics  javascript  php 
august 2007 by flov
SWFFix Dev Blog
>>SWFFix is an open source project by Geoff Stearns, Michael Williams and Bobby van der Sluis with the goal to create a next generation JavaScript library for embedding Flash content.<<
flash  swf  javascript  embed  webstandards 
august 2007 by flov
YShout 5: A PHP + AJAX Shoutbox
»YShout is a lightweight yet full-featured package that allows you to easily add an interactive shoutbox to your website.«
ajax  javascript  php 
august 2007 by flov
MochiKit - A lightweight Javascript library
»MochiKit is a highly documented [...] suite of JavaScript libraries that will help you get shit done, fast. We took all the good ideas we could find from our Python, Objective-C, etc. experience and adapted it to the crazy world of JavaScript.«
javascript  ajax  css  library  framework  webdev 
august 2007 by flov
moo.fx - size does matter
»moo.fx is a superlightweight, ultratiny, megasmall javascript effects library, to be used with prototype.js or the mootools framework.«
javascript  ajax  css  library 
august 2007 by flov
Prototype JavaScript framework: Easy Ajax and DOM manipulation for dynamic web applications
>>Prototype is a JavaScript Framework that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice
javascript  framework  library  webdev 
july 2007 by flov
Scriptable Applications: Safari Bookmarks
>>Safari's robust JavaScript support and Mac OS X's built-in URL architecture enable direct communication between Safari and other applications via special bookmarks.<<
mac  safari  bookmarklet  javascript  applescript 
april 2007 by flov
script.aculo.us - web 2.0 javascript
»script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly.«
webdev  javascript  css  ajax 
march 2007 by flov
DOMTab - Navigation tabs with CSS and DOMscripting
»DOMtab is a JavaScript that turns a list of links connected to content sections into a tab interface.«
webdev  javascript  css  tab  interface 
march 2007 by flov
« earlier      
per page:    204080120160

Copy this bookmark: