background preloader

Code & Web Dev

Facebook Twitter

The League of Moveable Type. Sticky Plugin. Simplest jQuery Slideshow. A friend was looking at doing a simple slideshow.

Simplest jQuery Slideshow

The requirements were very straightforward: No animation controls. eg: play, stop. Simple jQuery Slideshow. Buttons. Default Buttons To create a Pure Button, add the pure-button classname to any <a> or <button> element.

Buttons

A Pure Button. Font Awesome, the iconic font and CSS toolkit. Online regex tester and debugger: JavaScript, Python, PHP, and PCRE. Ianmcd/corgrid. Get Mental Notes. DeadC.net. Scribu/wp-phptidy. Unslider — the super-tiny jQuery slider. Lemonade — A simple & flexible grid system. Developing With Sass and Chrome DevTools. In this article we'll take a look at how we can better integrate Chrome DevTools into our Sass development workflow.

Developing With Sass and Chrome DevTools

Tutorial Sneak Peek! Here's a peek of what we'll be doing in this tutorial via an animated GIF: On the left is a terminal and the Sublime text editor, and on the right is Chrome. Changes to the .scss file are being persisted to disk, which is reflected in Sublime, the Sass watch command is generating a new version of a CSS file when it detects changes to the Sass file, which is in turn picked up by DevTools and reflected onto the page. The Need for a Better Workflow So what are we trying to solve here? And now the CSS, which is generated by the above Sass file, would look like this: Now we just need a little bit of HTML to apply our styling to: Ok, so far so good.

In the image above, the left pane shows a source .scss file and the right side shows the processed version. Preparing for Sass Support Chrome. 23,104 free fonts for Windows and Mac - FontSpace. The latest version of my ‘killer contract’ for web designers and developers. Contract Killer The popular open-source contract for web designers and developers by Stuff & Nonsense Originally published: 23/12/2008Revised date: 15/12/2013 Original post.

The latest version of my ‘killer contract’ for web designers and developers

Webdesignrepo - a compact list of helpful webdesign links. Ghostlab. One site.

Ghostlab

One experience Whether you want it or not, your site is going mobile - every day. Use Ghostlab to make sure all your users get the same neat experience - whatever operating system, browser or smart phone they are using. Synchronized Testing. Really Ghostlab synchronizes scrolls, clicks, reloads and form input across all connected clients. Page scroll Form inputs Clicks Reload. Boom. Motherfucking text snippets on the command line.

boom

Overview boom lets you access text snippets from the command line. You probably hate typing the same shit over and over again. The kimono blog. Web scraping.

the kimono blog

It's something we all love to hate. If you're a developer, you know what we're talking about. You wish the data you needed to power your app, model or visualization was available via API. But, most of the time it's not.

iOS dev

Tutorials. Platforms and Libraries. Wordpress. CodeMirror. Website speed test. NextGen Gallery hacks: The lesser known $nggdb object « ariom.id.au. NextGen Gallery is a well known and popular image gallery plugin for WordPress.

NextGen Gallery hacks: The lesser known $nggdb object « ariom.id.au

It is fairly easy to use and is great for clients who like to manage their own images, galleries, and albums. It is also has a very flexible template system, so you can style it almost any way you want. One way I like using NextGen Gallery is to use the little known $nggdb class. While I’m aware there are other ways to play with NextGen Gallery such as the previously mention templates system and Shortcodes, using the $nggdb class allows you to display your images and galleries in areas you normally couldn’t such as your theme and plugin files.

Getting Started Firstly, the $nggdb class is stored within a global variable which means you need to declare it or create a new instance of it by using the following. Next, you need to use one of the $nggdbclasses many functions and assign the output to a local variable like below. <? The get_gallery function takes a number of arguements listed below: <? All together now. CouchCMS - A simple and Open-Source CMS for web designers. Free Hover Ad Generator (Hover Ads Generator) and Free Popup Generator v0.82. Mailtrap - perfect service for debugging your application's e-mail notifications. The ThemeShaper WordPress Theme Tutorial: 2nd Edition. Green Web Hosting, Sustainable Web Hosting and E-Commerce. A complete collection of web safe CSS font stacks. Free textures for your next web project.

Nothing like a field of beautiful flowers. Download Download These lovely water-colorful dots will make your designs pop. Download More leaves from another angle. Download Download. Stock Photos and Royalty Free Images from 123RF Stock Photography. Text Fixer - Online Text Tools. Chapter 2. A tour of Mercurial: the basics. Making your Tumblr an Endless Scrolling pageTumblring.

To make your own Tumblr have an endless scrolling page (until you reach your very own first post), also known as autopager or autopage, or infinite scrolling , you just need to paste a line of code into your description, but please, pay attention to the tutorial. UPDATE: We’ve received tons of mails telling us that the tumblr autopager script simply doesn’t work on some tumblr themes, so we added a couple of methods that should cover most layouts, though sometimes is just plainly impossible to make it work. Tumblr with Infinite Scrolling Pages. Method 1. Paste the following line of jscript code into your description box to make your blog endless scroll.

It doesn’t matter if the description already has text or anything else, since this script won’t show up. Go To Customize Appereance >> Description and paste the following script: Save and Close and check if it works.

Javascript

CSS 3. Free Development software downloads.