Skip to content
From Twitter

Web Performance Checklist https://t.co/rfcXeJRn6c

07.10.2020

Web Performance Checklisthttps://t.co/rfcXeJRn6c — Tayyab Azam (@tabzam) October 7, 2020 from Twitter https://twitter.com/tabzam… Read More

From Twitter

Web Share API https://t.co/NAPPQXiPlS

06.10.2020

Web Share APIhttps://t.co/NAPPQXiPlS — Tayyab Azam (@tabzam) October 6, 2020 from Twitter https://twitter.com/tabzam… Read More

Links, Pocket, wordpress

Load gravity forms JS in footer

04.10.2020

Instantly share code, notes, and snippets. Source… Read More

From Twitter

Extract Citical css https://t.co/eedp7eSACC

03.10.2020

Extract Citical csshttps://t.co/eedp7eSACC — Tayyab Azam (@tabzam) October 3, 2020 from Twitter https://twitter.com/tabzam… Read More

From Twitter

Top Website Layouts That Never Grow Old

28.09.2020

https://t.co/24zIm1verK — Tayyab Azam (@tabzam) September 28, 2020 from Twitter https://twitter.com/tabzam… Read More

Links, optimisation, Pocket

Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.

22.09.2020

Source… Read More

javascript, Links, Pocket

Framework-free frontends with Malina.js

20.09.2020

Malina.js is a new library inspired by Svelte. It compiles your web application to JavaScript, meaning your app uses no framework on the frontend side. In this article, you’ll be looking at what Malina.js is all about, how to build applications with it, and its syntax. Source… Read More

Links, Pocket, seo

How Often Should You Perform Technical Website Crawls for SEO?

20.09.2020

Any seasoned SEO professional will tell you how important website crawls are for maintaining strong technical SEO. But here lies the better questions – how frequently should you perform website crawls? Source… Read More

From Twitter

How to define element aspect-ratios with CSS custom properties

11.09.2020

https://t.co/3CJFy4V6Tn — Tayyab Azam (@tabzam) September 11, 2020 from Twitter https://twitter.com/tabzam… Read More

Medium, Uncategorized

Bookmarked: 10 Extraordinary GitHub Repos for All Developers

02.09.2020

I bookmarked 10 Extraordinary GitHub Repos for All Developers on Medium. Read More

Medium, Uncategorized

Bookmarked: 6 Programming Jokes That Will Make You LOL

30.08.2020

I bookmarked 6 Programming Jokes That Will Make You LOL on Medium. Read More

css, Links, Pocket

Understanding CSS Multiple Backgrounds

29.08.2020

CSS background is one of the most used CSS properties. However, using multiple backgrounds is still not well known across all developers. I will hugely focus on the potential of using multiple backgrounds and leverage the CSS to its full power. Source… Read More

Links, optimisation, Pocket, wordpress

Native Lazyload

28.08.2020

Lazy-loads media using the native browser feature. Learn more about the new loading attribute or view the WordPress core ticket where inclusion of a similar implementation in WordPress core itself is being discussed. Source… Read More

Links, optimisation, Pocket, wordpress

Flying Pages

28.08.2020

Description Flying Pages preload pages before the user click on it, making them load instantly Quick Links How it Works? Flying Pages injects a tiny JavaScript code (1KB gzipped), waits until the browser becomes idle. Then it detects pages in the viewport and on mouse hover and preloads them. Read More

Links, optimisation, Pocket, wordpress

Why I built FlyingPress, how it’s different

28.08.2020

I mostly build websites using ReactJS, VueJS, and other static site generators after that. It was fun. I’ve full control over everything. When I deploy it, I use Netlify or similar static hosting services, and after updating content, I simply push it to GitHub. Source… Read More

Links, Pocket, wordpress

Official AMP for WordPress Plugin Updated to Version 2.0

28.08.2020

Version 2.0 of the Official AMP for WordPress plugin is now available and comes with a number of useful features for site owners. The plugin is designed to offer essential tools to assist with the creation of AMP content. Source… Read More

acf, Links, Pocket, Resources, wordpress

Dynamically Overwrite WordPress Permalinks with Filters

14.08.2020

If you’re looking to overwrite the permalink for a post or page, WordPress provides you with a few functions to filter the permalink. post_link, page_link, and post_type_link. These filters let you completely overwrite the URL or add query parameters to the end. Source… Read More

Links, Pocket

50+ Free tools and resources to create awesome user interfaces (Part 2)

17.07.2020

After the success of the first post, and incited by several of you to publish a second edition, I decided to spend a few hours this weekend to release the Part 2 of 50+ free tools and resources to create awesome user interfaces. Source… Read More

Links, Pocket, Resources, workflow

One developer’s favorite Mac coding tools for PHP and web development

20.06.2020

According to the 2020 Stack Overflow Developer Survey, more coders work on Macs (27.5%) than on Linux (26.6%), but only by a very small margin. By contrast, nearly twice as many developers (45.8%) use Windows as their development machines. Source… Read More

bootstrap, bootstrap 4, bootstrap4, css, Links, Pocket

How to Add a New Breakpoint in Bootstrap

09.06.2020

Bootstrap claims to be a “mobile first” framework. However, judging from the breakpoints, it’s a mobile-only layout framework. The largest breakpoint is 1200 pixels wide. Even my 15” MacBook has much more screen estate: its screen is 1440 pixels wide. Source… Read More

Links, Pocket

Using BugHerd to Track Visual Feedback on Websites

26.05.2020

Now, the BugHerd website becomes my dashboard for dealing with visual bugs. This unlocks a continual cycle of polish that that is how great websites get great! Note the kanban board setup, which is always my prefered way to work on any project. Source… Read More

Links, Pocket

Lunch and Dinner Take Away Menu – Wellington Restaurant – Spring Kitchen

15.05.2020

Source… Read More

learning, Links, Pocket, Resources

Frontends

09.05.2020

While most “todo” demos provide an excellent cursory glance at a framework’s capabilities, they typically don’t convey the knowledge & perspective required to actually build applications with it. Source… Read More

Links, Pocket

Pilot – The Australian Mens’ Health Navigator

02.05.2020

The elephant-sized problem. Australian males are experts at sticking our head in the sand when it comes to seeing a doctor. (In fact, it’s a badge of honour for most guys that they don’t need a doctor, or help generally). Source… Read More

ajax, javascript, Links, Pocket, wordpress

How to send AJAX request from WordPress theme

21.04.2020

AJAX makes easier to perform operations without submitting the form like – fetch, insert, delete records from MySQL database, file uploading, etc. Using AJAX in WordPress is a little different. Here, need to consider two things – Source… Read More

html, javascript, Links, notifications, Pocket

Creating Scheduled Push Notifications

10.04.2020

Registering a Service Worker Adding and removing scheduled push notifications Enhancing push notifications with action buttons Handling push notifications in the Service Worker Source… Read More

css, Links, Pocket

A Few Background Patterns Sites

20.03.2020

If I need a quick background pattern to spruce something up, I often think of the CSS3 Patterns Gallery. Some of those are pretty intense but remember Source… Read More

forms, frontend, Links, Pocket

What to Use Instead of Number Inputs

07.03.2020

You might reach for… Read More

Links, Pocket, wordpress

A Follow-Up to PHP Templating

01.03.2020

Chris Geelhoed took a different approach than I did, passing data to a functio then using a require statement for a template file that expects global variables you set right before the require. If you’re into the idea of using Twig as a PHP templating engine on your WordPress… Read More

Links, Pocket, woocommerce, wordpress

How to Customize the WooCommerce Cart Page on a WordPress Site

29.02.2020

We’re adopting a two-column layout instead of the single full-width layout of the default template. This allows us to bring the “Cart totals” element up top so it is more visible on larger screens. Source… Read More

css, Links, Pocket

While You Weren’t Looking, CSS Gradients Got Better

16.02.2020

linear-gradient(90deg, #5461c8 12.5% /* 1*12.5% */, #c724b1 0, #c724b1 25% /* 2*12.5% */, #e4002b 0, #e4002b 37.5% /* 3*12.5% */, #ff6900 0, #ff6900 50% /* 4*12.5% */, #f6be00 0, #f6be00 62.5% /* 5*12.5% */, #97d700 0, #97d700 75% /* 6*12.5% */, #00ab84 0, #00ab84 87.5% /* 7*12. Source… Read More

Links, Pocket, wordpress

10+ Great Gutenberg Add-Ons to Bring Additional Blocks and More Functionality in WordPress

20.01.2020

Since the release of WordPress 5.0 “Bebo” in December 2018, WordPress has a new default content editor named Gutenberg. Unlike the previous default Classic editor, titled WYSIWYG (“what you see is what you get”), where you find all functions in a toolbar, Gutenberg uses blocks. Source… Read More

javascript, jquery, Links, Pocket, wordpress

How to Properly Add jQuery Scripts to WordPress

28.12.2019

Despite the fact WordPress has been around for a while, and the method of adding scripts to themes and plugins has been the same for years, there is still some confusion around how exactly you’re supposed to add scripts. So let’s clear it up. Source… Read More

Links, Pocket, wordpress

Online Generator

05.12.2019

Drag each item into the order you prefer. Click the arrow on the right of the item to reveal additional configuration options. Source… Read More

css, Links, Pocket

Flexbox – The Ultimate CSS Flex Cheatsheet (with animated diagrams!)

13.10.2019

This comprehensive CSS flexbox cheatsheet will cover everything you need to know to start using flexbox in your web projects. CSS flexbox layout allows you to easily format HTML. Flexbox makes it simple to align items vertically and horizontally using rows and columns. Source… Read More

Links, Pocket

Make your site’s pages instant in 1 minute

21.08.2019

Amazon and others found that removing 100 milliseconds of latency improves sales by 1%. But latency on the web is hard to overcome. Amazon (PowerPoint, slide #15): 100 ms of latency resulted in 1% less sales. Source… Read More

Links, Pocket, Resources

What Does Your IDE/Code Editor Look Like?

15.08.2019

I have FINALLY gotten my code editor to be my ideal setup. But now I’m curious, what does your code editor/IDE look like? I’m using VS Code. Although I’ve used Sublime Text and Atom Editor previously, I’ve found VSCode to be the winner. Source… Read More

css, html, javascript, Links, Pocket, Resources

Responsive Full Width Text With CSS and JavaScript | Flexible Text Block

28.07.2019

How we can create a flexible full-width text using HTML, CSS, & JavaSript? Solution: Responsive Full-Width Text With CSS and JavaScript, Flexible Text Block. I am sure that you get what I am talking about. Source… Read More

frontend, Links, Pocket

?My Web Development VS Code Settings, theme, Extensions, tips and tricks

27.07.2019

I have been using a lot of editors and IDE’s since I began programming. Eclipse, Netbeans, Notepade++, Brackets Editor, Sublime Text 2, Sublime Text 3, Webstorm, Atom Editor and probably some more I forgot. Currently, I’m using Visual Studio Code. Source… Read More

Links, Pocket, Resources

Web Developers and Designers, where do you get your raw materials from?

08.06.2019

Web Development is perhaps the fuzziest science of our times. It keeps evolving constantly and you must keep up with tons of things. One of the most important things are resources, be it fonts, css and bootstrap themes, stock icons and background images or javascript frameworks. Source… Read More

acf, acf php wordpress, Links, php, Pocket, wordpress

Advanced Custom Fields 5.8.0 Introduces ACF Blocks: A PHP Framework for Creating Gutenberg Blocks

11.05.2019

After six months in development, Advanced Custom Fields 5.8.0 was released yesterday with a new PHP-based framework for developing custom Gutenberg block types. Source… Read More

javascript, javascript framework, Links, Pocket, vue, vuejs

Making the Move from jQuery to Vue

05.05.2019

Twitter Facebook Finding something in the DOM (with the idea of doing something with it later) Changing something in the DOM (e.g. Source… Read More

Links, Pocket, react

React Select

08.03.2019

Source… Read More

angularjs, Links, Pocket

AngularJS, Animated Placeholder & Endless Scrolling

07.12.2018

I came across a 2015 post on StackOverflow today, and realized that I like this “placeholder grid” style loading animation that was studied in an article by George Philips. This placeholder animation style will look familiar if you’ve been on Facebook or LinkedIn. Source… Read More

css, framework, html, javascript, Links, Pocket

chrisdiana/cms.js

03.12.2018

UPDATES COMING SOON! CMS.js is fully client-side, Javascript site generator in the spirit of Jekyll that uses plain ol’ HTML, CSS and Javascript to generate your website. CMS.js is like a file-based CMS. Source… Read More

Links, optimisation, Pocket

Squoosh

13.11.2018

Drag & drop or Or try one of these: Source… Read More

animations, Links, Pocket

The ultimate guide to proper use of animation in UX

10.11.2018

Nowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the application or simply directs a user’s attention. Source… Read More

Links, Pocket, wordpress

QuadMenu Review – Making Magic With Mega Menu

08.11.2018

Let us travel back in time a bit: Do you remember the time when there was no online map so we had to rely on paper maps? Who here used a map when visiting a new place? I did, and I bet a lot of you shares the same… Read More

javascript, Links, Pocket

Pull to Re-flesh

23.10.2018

This Pen is a fork, but the parent Pen is now private. Source… Read More

css framework, Links, Pocket

Flexbox Grid

20.10.2018

Responsive modifiers enable specifying different column sizes, offsets, alignment and distribution at xs, sm, md & lg viewport widths. Percent based widths allow fluid resizing of columns and rows. Source… Read More

Links, Pocket

Log In ‹ Ranbuild — WordPress

06.10.2018

Source… Read More

angularjs, Links, Pocket

AngularJS Directive for FusionCharts

16.09.2018

Embed FusionCharts in your AngularJS Application with our AngularJS directive which comes with native support for Data Binding and Controllers. Source… Read More

angularjs, Links, Pocket

chinmaymk/angular-charts

16.09.2018

Note: chartType, data and config are properties of scope. Not the actual values. x defines what goes on x axis, must be a string, y defines what goes on y axis, must be an array of numbers. Values are mapped to series by index. y[0] belongs to series[0], y[1]… Read More

angularjs, Links, Pocket

Keeping Angular “service” list data in sync with controllers

14.09.2018

Learning Angular has been one of the greatest productivity boosts for rapid application development in my career. However, some of the common strategies implemented can be improved in my opinion. In AngularJS, there is a great deal of importance placed on separation of concerns. Source… Read More

angularjs, Links, Pocket

AngularJS: Notifying about changes from services to controllers

14.09.2018

Once you write enough Angular code you (hopefully) start pushing off as much logic as you can from your controllers to services (note: I’m saying “services” as in the general concept, but technically these are usually factories). Source… Read More

google maps, Links, maps, Pocket

How to get the center of a polygon in google maps v3?

13.09.2018

It doesn’t need to be 100% correct, it can be the center of the bounding rectangle. Run through all the points in the polygon. For all the points find; Source… Read More

Links, Pocket

5thGarage

11.09.2018

Sorry, no posts matched your criteria. Source… Read More

angularjs, Links, Pocket

Getting query string parameters with AngularJS

11.09.2018

Generally, AngularJS does make it straightforward to analyze query parameters.  However, getting there is not so obvious.  Here are some hurdles that I recently overcame when researching and implementing. If you do not add this line, you will get a ‘nobase’ error in the console. Source… Read More

angular, Links, Pocket, Resources, videos

Learn Angular 6 in 60 Minutes – Free Beginners Crash Course

09.09.2018

For the love of god, SUBSCRIBE if you enjoy!Written version of this course: https://goo.gl/77uqcaIn this 100% free crash course, you’re going to learn how to get up and running with Angular 6, along with a very solid and basic understanding of how Angular works.We’re going to build an actual… Read More

Links, plugins, Pocket, Resources, wordpress

Lara: WordPress Google Analytics Dashboard Widget

01.09.2018

With Lara, Google Analytics Dashboard Widget you can quick and simple viewing your website’s Google Analytics account straight from your WordPress dashboard. Source… Read More

design, Links, Pocket, Resources

How to Draw People

01.09.2018

If you want to learn how to draw people, you may search for a tutorial that will teach you everything you need. Source… Read More

Links, Pocket, Resources

Progressive Tooling

01.09.2018

A list of community-built, third-party tools that can be used to improve page performance Package CLI API (Web/Server) Website/GUI Accessibility Visualize, audit and test accessibility parameters in your project Performance auditing Audit and test the performa Source… Read More

design, Links, Pocket

The Best Freebies Every Designer Must Have

29.08.2018

Starting up a business is a dream not everyone can conquer. Source… Read More

javascript, Links, Pocket, wordpress

How to Add Infinite Scrolling to Your WordPress Site?

29.08.2018

Infinite scrolling is a feature that allows your users to browse through your content, simply by scrolling rather than clicking on the ‘Next’ button or the page links. Infinite scroll automatically enables loading new content into view when a reader approaches the bottom of the page. Source… Read More

Links, Pocket, wordpress

Organic Builder Widgets

11.08.2018

If you are looking for an alternative to the complicated and expensive WordPress page builders, Organic Builder Widgets is just what you need! What sets it apart from other page builders is that it uses the familiar interface of the customizer so there’s almost no learning curve to go… Read More

Links, Pocket

thedaviddias/Front-End-Performance-Checklist

28.07.2018

Performance is a huge subject, but it’s not always a “back-end” or an “admin” subject: it’s a Front-End responsibility too. Source… Read More

Links, Pocket

Uber

25.07.2018

Source… Read More

geolocation, Links, Pocket, Resources

Common Uses of IP Geolocation

21.07.2018

Have you ever tried to visit Amazon.in from the US? Do you see how Amazon suggests you should go to Amazon.com as it’s the site which can serve you better? How do they do it? Source… Read More

css, html, Links, Pocket, Resources

8 Ways to Make the Search Field Sexy with CSS

17.07.2018

The search field is very much a utilitarian part of your average website. But that doesn’t mean it should be ignored. Quite the contrary. Search provides users with a simple way to find what they’re looking for and can be invaluable on content-heavy sites. Source… Read More

css, javascript, Links, menu, Pocket

Priority Nav Scroller – Priority+ navigation in a horizontal scrollable container with controls

09.06.2018

Priority Nav Scroller is a plugin for the priority+ navigation pattern. When the navigation items don’t fit on screen they are hidden in a horizontal scrollable container with controls. The script is an ES6(ES2015) module but a compiled version is included in the build as index.js. Source… Read More

Links, Pocket, Resources, wordpress

What Is The Best WordPress Table Plugin? 4 Options Compared

09.06.2018

Trying to choose the best WordPress table plugin for your site? In this post, I went hands-on with 4 popular table plugins and compared them for you. Tables can come in handy in all types of situations. You can use them to create comparison tables and pricing tables. Read More

Links, Pocket, Resources

Need to store some data?

09.06.2018

With CodePen being a front-end environment, of course, you can use things like localStorage or indexedDB to store data. You know, data that will be there even if the page refreshes. Source… Read More

css, Links, Pocket, Resources, sass

The backdrop-filter CSS property

20.05.2018

I had never heard of the backdrop-filter property until yesterday, but after a couple of hours messing around with it I’m positive that it’s nothing more than magic. Source… Read More

css, javascript, Links, Pocket

Managing :focus styles without breaking accessibility

10.05.2018

We’ve all done it at one time or another. The browser’s default focus style for links and form controls doesn’t mix well with a design we’re building, so either at someone’s request or of our own volition, we throw something like this into our CSS: It’s seems harmless. Read More

geolocation, Links, Pocket, Resources

What Is the Best API for Geolocating an IP Address?

02.05.2018

While working on a recent project for a client, I found myself in the need of a good and reasonably reliable Geolocation API to find out more about a user that visits your site. So, I did a little research for currently available APIs and came up with somewhat an… Read More

geolocation, Links, maps, Pocket, Resources

Less creepy geolocation – Nathan Shubert-Harbison

01.05.2018

You don’t have to dig too far into the HTML5 geolocation API before you find web developers asking the wrong question: how do you use the geolocation API without asking user permission? Fortunately the geolocation API can’t be invoked without user permission, as mandated by the spec. Source… Read More

Links, Pocket, wordpress

How to Create Interactive Images in WordPress

17.04.2018

Do you want to create an interactive image for your WordPress blog? An interactive image allows you to highlight, link, and animate certain areas of your image. In this article, we will show you how to create interactive images in WordPress. Source… Read More

Links, Pocket, Resources

Top 8 Website Responsiveness Testing Tools to Test Your Website Design

12.04.2018

Responsiveness and smooth functioning is a way to lock your visitor’s interest in a website or any related interface. It is important that you test the website design on every device that is mostly used and has more users. Source… Read More

Links, Pocket, sass

at-import/jacket

08.04.2018

Conditional Styles with Sass. Dress your CSS appropriately. Jacket is a Compass component that prints or hides styles based on context variables you set in your stylesheet. Source… Read More

Links, Pocket, sass

Critical CSS using Sass and Jekyll

08.04.2018

_critical.scss _screen.scss critical.css critical.scss demo.html non-critical.css non-critical. Source… Read More

Links, Pocket, react

ReactJS Transitions

10.02.2018

Create fluid transitions using ReactJS. This Pen is a fork of Kelly Harrop’s Pen Persona Builder – ReactJS. Source… Read More

html, Links, Pocket

Phone number links and accessibility · Matt Smith

10.02.2018

One design challenge that used to stump me was making phone numbers accessible in the browser while still being functional. The WCAG 2.0 guidelines state: Link underlines or some other non-color visual distinction are required (when the links are discernible to those with color vision). Source… Read More

Links, Pocket

PixelSnap

10.02.2018

The fastest way to measure everything on screen. Easily measure distance and dimensions on screen. Source… Read More

css, Links, Pocket

Clippy — CSS clip-path maker

10.02.2018

The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source. CSS Animations and transitions are possible with two or more clip-path shapes with the same number of points. Source… Read More

javascript, jquery, Links, Pocket

javve/list.js

10.02.2018

Perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML. Really simple and easy to use! Source… Read More

javascript, jquery, Links, Pocket

List.js

10.02.2018

Existing list and add Existing list and add items Source… Read More

javascript, jquery, Links, menu, Pocket, Resources

Context Menu

07.01.2018

Paste the following code into the head section of your site’s HTML. Position value of the context menu, if the user is not set, is fixed. If fixed, not dependent on the scrolling when the page is scrolled, the position is fixed. Source… Read More

Links, Pocket, Resources

16 Conference Talks From 2017 Every Designer and Developer Needs to Watch

22.12.2017

It’s impossible to attend as many conferences as you’d like. Fortunately, a lot of great talks from design and development events around the world are recorded, but how can you discover them, and — as there are so many — how do you decide which ones to watch?… Read More

Links, Pocket, Resources

Reshader

19.12.2017

Source… Read More

Links, Pocket

How to Show Weather Forecast in Your WordPress

10.11.2017

Recently one of our users asked us if there was an easy way for her to display local weather on her blog. After doing some research, we found that there were tons of plugins available that will let you display weather forecast in WordPress. Source… Read More

gravity forms, Links, Pocket, Resources, wordpress

Using Gravity Forms with Bootstrap Styles

20.10.2017

I use Bootstrap as a starting point for a lot of the themes that I build as a great starting point for reusable components. But one of the problems I’ve run into is trying to integrate Gravity Forms with Bootstrap. Source… Read More

Links, Pocket

How Different CMS’s Handle Content Blocks

28.09.2017

Imagine a very simple blog. Blog posts are just a title and a paragraph or three. In that case, having a CMS where you enter the title and those paragraphs and hit publish is perfect. Perhaps some metadata like the date and author come along for the ride. Read More

acf, Links, Pocket, Resources, wordpress

Adding fields to Menu Items

20.09.2017

This guide will demonstrate how to add custom fields to a WordPress Menu Item and how to then modify the Menu Item’s HTML. Menus are used to organize a group of links (menu items) for your theme to display as navigation. Source… Read More

Resources, Uncategorized, wordpress

Custom Walker: how to get ID in function start_lvl

20.09.2017

class ThemeTruck_Nav_Walker extends Walker_Nav_Menu { private $curItem; // retrieve the curItem function start_lvl(&$output, $depth = 0, $args = array()) { var_dump($this->curItem ); } // store the curItem function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0) {… Read More

design, Links, Pocket, Resources

Tools of the Modern UI Designer

20.09.2017

Carrie is a freelance writer and designer with more than 15 years of experience in the communications industry, including writing for print and online publications, and design and editing. You can connect with Carrie on Twitter @carriecousins. Source… Read More

Links, Pocket, Resources, svg

URL-encoder for SVG

09.09.2017

Source… Read More

Links, Pocket

Muzo – State of the Art Vibration Monitoring Sys.

27.08.2017

Source… Read More

Links, Pocket, Resources, wordpress

How to Add a Parallax Effect to Any WordPress Theme

16.08.2017

Recently, one of our readers asked us how to add a parallax effect to any WordPress theme? Parallax effect is a web design trend where a background image scrolls slower than foreground content. In this article, we will show you how to easily add a parallax effect to any… Read More

ideas, Links, Pocket, Resources

dimsemenov/Magnific-Popup

16.08.2017

Fast, light and responsive lightbox plugin, for jQuery and Zepto.js. Optionally, install via Bower bower install magnific-popup or npm: npm install magnific-popup. Ruby gem: gem install magnific-popup-rails. Source… Read More

css, html, ideas, javascript, jquery, Links, Pocket, Resources

Flickity

16.08.2017

Link directly to Flickity files on unpkg. If you want to use Flickity to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept proprietary. Read more about Flickity commercial licensing. Source… Read More

examples, ideas, Links, Pocket, Resources

A forward-looking digital agency in Leeds and London

16.08.2017

We’d love to hear from you! Send us a message using the form opposite, or email us. Hello. We’re a digital agency in Leeds & London. A good one. We design and build websites and apps. Source… Read More

Links, Pocket, Resources

ScrollReveal

15.08.2017

Easy scroll animations for web and mobile browsers. Source… Read More

Links, Pocket

7 Enterprise-Level Websites From Australia That Are Built With WordPress

11.08.2017

Recently we talked about the state of the WordPress community in Australia on this blog. The tightly-knit community is remarkable for a country divided by lots of open space. In this post, we want to continue with the theme of WordPress and Australia. Source… Read More

design, illustration, illustrator, Links, logo, Pocket

How to Make a Logo in Illustrator – KD #6

08.08.2017

Get my design courses at : http://ift.tt/1uV5o9D or sign up to my blog newsletter to get the source files for this episode at http://ift.tt/1XHRUcn this episode, I go over how to create a typographical logo in illustrator! This tutorial is for everyone, so if you’ve n Source… Read More

Links, php, Pocket, Resources, security, wordpress

Restrict Access to wp-content/uploads when User is not Logged In

02.08.2017

require_once(‘wp-load.php’); is_user_logged_in() || auth_redirect(); list($basedir) = array_values(array_intersect_key(wp_upload_dir(), array(‘basedir’ => 1)))+array(NULL); $file = rtrim($basedir,’/’).’/’.str_replace(‘.. Source… Read More

Links, php, Pocket, regex vimeo parser, Resources

Regex Vimeo Parser

11.07.2017

Today’s Regex is used to parse a string for Vimeo links and extract the Video_ID. Once we have the Video_ID we’re able to create a standard embed code from Vimeo links. The following Regex supports these Vimeo links and embed code snippets. Source… Read More

css, Links, Pocket, Resources, sass

Implementation of Liquid button

29.06.2017

Original work: https://material.uplabs. Source… Read More

php, Resources, Uncategorized, wordpress

Reset positions of metaboxes in admin

03.05.2017

SELECT * FROM `wp_usermeta` WHERE `user_id` =1 AND `meta_key` LIKE 'meta-box%'… Read More

javascript, jquery, Links, Pocket, Resources

jQuery-svg-progress

02.04.2017

Инфографика на сайте! Это уникальный и единственный в своем роде jQuery plugin позволяющий отображать инфографику на вашем веб ресурсе. Source… Read More

javascript, jquery, Links, notifications, Pocket

storeLocator

18.03.2017

The compiled bundle supports AMD, commonjs, commonjs2 and variable injection into given context (UMD) as export format: You can use a module bundler if you want. Source… Read More

javascript, jquery, Links, Pocket

Paroller.js : Parallax Scrolling jQuery Plugin

17.03.2017

Source… Read More

css, frontend, html, javascript, jquery, Links, Pocket, Resources

Essential HTML, CSS and JavaScript Tools and Libraries

14.03.2017

Front-end development is tricky: it’s not difficult to learn, but it’s quite difficult to master. Luckily, developers and designers out there keep releasing useful tools and resources for all of us to learn, improve our skills and just get better at what we do. Source… Read More

javascript, jquery, Links, Pocket

jQuery Pagination Plugins

04.03.2017

This popular article was updated in February, 2017, to reflect the current state of jQuery pagination plugins. Presenting a long, unwieldy list of results is generally a poor approach to displaying your information. That’s why pagination, especially with longer content, is important to get right. Source… Read More

javascript, Links, Pocket

Image Processing in Javascript

04.03.2017

If you’re looking for a way to process or manipulate pictures in your web project, it might be worth having a look at some of the libraries introduced in this blog post. Source… Read More

animations, jquery, Links, notifications, Pocket

AmaranJS

01.03.2017

Nice, sleek and stylish notifications. Check examples section for more. Source… Read More

Links, Pocket, wordpress

How to Add Autocomplete for Address Fields in WordPress

09.02.2017

Recently, one of our users asked us how to add autocomplete for address fields in WordPress forms. Autocomplete allows users to quickly select address from suggestions generated in realtime as they type. Source… Read More

Uncategorized

Building a morphing hamburger menu with css

09.02.2017

https://scotch.io/tutorials/building-a-morphing-hamburger-menu-with-css… Read More

email, Links, Pocket, wordpress

Send HTML Emails Using wp_mail and SMTP in WordPress

07.02.2017

WordPress has its own email function for sending emails, i.e. wp_mail(). With wp_mail, you can send email as easily as in general PHP function: mail(). If you want to use extra information with the message, like From, CC, BCC, you can simply put those in $headers. Source… Read More

images, javascript, jquery, Links, Pocket

Progressively is a javascript library for loading images progressively

05.02.2017

Progressively is a javascript library for loading images progressively. It’s written entirely in JavaScript so it doesn’t depend on 3rd-party libraries like jQuery. It’s super small, < 1. Source… Read More

javascript, Links, Pocket

Quick Tip: The Easiest Way To Show Browser Notifications

30.01.2017

The JavaScript Web Notification API allows both desktop and mobile browsers to display notifications with custom content. Although it’s support used to be quite inconsistent, the API is now compatible with most modern browsers and we are already seeing it implemented in many websites and apps. Source… Read More

css, Links, Pocket

Level Up Your CSS Skills With These 20 Pro CSS Tips

29.01.2017

Front-end development is quickly becoming more and more focused on efficiency – faster loading and rendering through selector choice and minimizing code. Source… Read More

email, Links, Pocket

Making Responsive HTML Email Coding Easy With MJML – Smashing Magazine

25.01.2017

Email is one of the best ways to engage with your users, especially during the holiday season. However, if you want to stand out, no matter how beautiful your emails are, you need to make sure they render correctly in your reader’s inbox, regardless of what email client they’re… Read More

javascript, Links, php, Pocket, Resources

5 way(s) to pluralize

11.01.2017

Programmers are lazy or maybe they just can’t count. More and more I see sites out there with dumb things like “1 page(s)” or worse just “1 pages”. Source… Read More

css, html, java, javascript, Links, Pocket

Responsive CSS and JS Pop-up

11.01.2017

You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we’ll apply it, in the order you have them, before the CSS in the Pen itself. If the stylesheet you link to has the file extension of a… Read More

css, html, Links, Pocket

Responsive CSS Tabs

11.01.2017

Loading ……………… Source… Read More

javascript, jquery, Links, Pocket

Advanced Autocomplete jQuery plugin

03.01.2017

When the input changes, a call is made, retrieving the results for the user input. If “list.php/” is provided, “list.php/userInput” will be called, and so on. Source… Read More

Links, Pocket, wordpress

How to View and Control WordPress Cron Jobs

23.12.2016

Recently, one of our readers asked if it was possible to view and control the WordPress cron job system in the dashboard. Cron is a technology to run scheduled tasks on web server. Source… Read More

css, html, javascript, jquery, Links, Pocket, Resources

Front-end Tools: My Favorite Finds of 2016

22.12.2016

Another year has passed and, as we all expected, the Web Platform is continuing to explode with innovation, irritation, fatigue, and a huge influx of new tools and technologies that promise to make our lives as developers easier. Source… Read More

wordpress, Wordpress

19.12.2016

$menu_name = 'primary'; $locations = get_nav_menu_locations(); $menu = wp_get_nav_menu_object( $locations[ $menu_name ] ); $menuitems = wp_get_nav_menu_items( $menu->term_id, array( 'order' => 'DESC' ) ); ?>… Read More

Links, Pocket, wordpress

Customizer JavaScript APIs: The Previewer

29.11.2016

Let’s assume we’ve built a theme with a number of Customizer Settings and Controls which allow your theme users to customize a number of things on the theme front-end such as the website title, tagline, and color. Source… Read More

Links, Pocket, wordpress

Filter Posts by Custom Taxonomy in Admin

22.11.2016

If you have lots of posts in your WordPress site, you have probably used the Category and/or Tag filters at the top of the post list page. Source… Read More

Links, Pocket, wordpress

Adding a Taxonomy Filter to Admin List for a Custom Post Type?

22.11.2016

How can I do add a dropdown list of Businesses to the admin list for the Listings? UPDATE: I’ve included a new complete answer but even so I’ve left my original response at the bottom to which the first few comments reference. Source… Read More

Links, Pocket, wordpress

How to automatically notify members of your new posts

15.11.2016

Your WordPress website is almost done. You still have a thing here and a thing there to tweak but you have already published your website and gathered numerous views and some registered members who really like your articles. Source… Read More

Links, plugins, Pocket, wordpress

Customize WordPress help

06.11.2016

If you’re using WordPress, you already know about that little help tab on top of your screen which can guide you through some basic WordPress options. This little tips from developers can help you if you’re a new user or even remind you about stuff you don’t use WP… Read More

css, html, Links, Pocket

Tasty CSS-animated hamburgers

06.11.2016

Using Hamburgers for your site is easy (well, that was my intention anyway). You can use s (if you insist), but they’re not accessible as a menu button. Source… Read More

apps, css, html, javascript, Links, Pocket

Convert Websites to Apps

05.11.2016

Converting a website to a native app, whether on mobile or desktop, can be quite useful.  The problem with bookmarks, especially for software engineers, is that we often need to work in different browsers, so having everything in one browser’s bookmark set can be a pain. Source… Read More

Links, Pocket, wordpress

You Might Not Need That WordPress Plugin

02.11.2016

Do you find yourself asking, “Do I really need that WordPress plugin”? WordPress plugins are a great way to quickly and easily add functionality to your WordPress website. However, running badly coded plugins can slow down your site, cause vulnerabilities, security issues and other problems. Source… Read More

Links, Pocket, Resources

10 Websites for Free High-Quality Images

01.11.2016

Free high-quality images aren’t always easy to find, especially with so many poor stock photography websites out there. Whether you have a blog or design websites for clients, finding unique, free high-quality images can make your website content more appealing to visitors. Source… Read More

javascript, jquery, Links, Pocket

PrognRoll

01.11.2016

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Source… Read More

javascript, Links, Pocket, threejs

jeromeetienne/startupthree.js

01.11.2016

StartupTHREE.js startupthree.js is a little tool to help you write your first demo. You know the code you have to repeat at the begining of every three.js demo ? you don’t ? Good, startupthree. Source… Read More

css, Links, Pocket, productivity, Resources

jareware/css-architecture

31.10.2016

This is the manifest of things I’ve learned about managing CSS in large, complex web projects during my many years of professional web development. I’ve been asked about these things enough times that having a document to point to sounded like a good idea. Source… Read More

css, Links, Pocket

What is the difference between CSS variables and preprocessor variables?

27.10.2016

Variables are one of the major reasons CSS preprocessors exist at all. The ability to set a variable for something like a color, use that variable throughout the CSS you write, and know that it will be consistent, DRY, and easy to change is useful. Source… Read More

css, Links, Pocket, print

etimbo/jquery-print-preview-plugin

29.09.2016

The jQuery Print Preview plugin is designed to provide visitors with a preview of the print version of a web site. Unlike traditional print previews this plugin brings in all content and print styles within a modal window. Developed by Tim Connell. Source… Read More

javascript, jquery, Links, Pocket, video

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

24.09.2016

Source… Read More

australian, australian postcodes, Links, Pocket, postcodes, postcodes australian

20.09.2016

Source… Read More

css, Links, Pocket

Understanding CSS3 Flexbox for Responsive Design

03.09.2016

This guide will cover the fundamentals of CSS flexbox usage and shares some helpful resources for digging deeper into the topic. Most developers are familiar with CSS floats and clearfix hacks to get proper multi-column layouts. Source… Read More

Links, Pocket, wordpress

How To Make WordPress Hard For Clients To Mess Up – Smashing Magazine

03.09.2016

WordPress is a wonderfully powerful CMS that ships with many versatile features giving it the flexibility to work out of the box for a wide range of users. However, if you are a professional building custom themes and plugins, sometimes these features can be problematic. Source… Read More

Links, Pocket

How to apply different CSS classes for different browsers

28.08.2016

WordPress is a powerful system. While there are endless possibilities when it comes to extending WordPress, its core version already contains numerous functions and filters which get upgraded and extended each time WordPress is updated to a newer version. Source… Read More

css, html, javascript, Links, Pocket

WTF, forms?

18.08.2016

Each checkbox and radio is wrapped in a for three reasons: It provides a larger hit areas for checking the control. It provides a helpful and semantic wrapper to help us replace the default s. It triggers the state of the automatically, meaning no JavaScript is required. Source… Read More

javascript, Links, Pocket, Resources

Experiment Time: Scroll Anchoring

18.08.2016

Have you ever visited a web page, started reading some of the content and then the page sort of pops due to ad’s or images loading, making you lose your place on the page? Well it might be worth checking out the Scroll Anchoring flag in Chrome 51. Read More

css, Links, Pocket, Resources

Sharingbuttons.io

18.08.2016

Sharingbuttons.io Super fast and easy Social Media Sharing Buttons. No JavaScript. No tracking. Source… Read More

css, javascript, Links, Pocket

Kissui.scrollanim – CSS3 and JavaScript scroll animation

17.08.2016

Scrollanim is a CSS3 and JavaScript library to create stunning scroll animations that work everywhere. It’s open-source (MIT), free and easy to use Oh, and it’s 9KB. Source… Read More

Links, Pocket

Quote of the Day

15.08.2016

“It’s nice to think that art can help provide a small respite from the ugliness of the world. Source… Read More

animaatecc, Links, Pocket

Creating HTML5 Ads with Animate CC: High-DPI Compatible HTML5 Canvas Output and Author-Time Bitmap Snapping

10.08.2016

Our series highlighting some of the best Animate CC features for creating HTML5 ads continues! In case you’ve missed them, check out other posts from this series. Source… Read More

javascript, jquery, Links, Pocket

overhang.js

10.08.2016

A JQuery plugin to display sleek, instant notifications, confirmations or prompts inside a given element. Success Message $(“body”).overhang({ type: “success”, message: “Woohoo! It works!” }); Closable Message Timed Message $(“body”). Source… Read More

email, html, Links, Pocket

Coding mobile-first emails

10.08.2016

You may have read our announcement on the Campaign Monitor blog that email campaigns created with our Email Builder now render beautifully across all major devices and clients. This includes the Gmail and Yahoo! Mail apps on Android and iOS. Source… Read More

Links, Pocket, wordpress

4 Conditional Menu Items Plugins for WordPress

10.08.2016

WordPress makes it easy to create custom menus for your website. You may not want to display the same menu or menu items on each page. Here are 4 conditional menu plugins that give you more control over WordPress menus: Source… Read More

Links, Pocket, Resources

Build and deploy a new website quickly

10.08.2016

This repo is a boilerplate that helps me build websites quickly using node, webpack, React, and deploy them on Heroku. Among other things, it includes: This repo is mainly for me. This is how I build my websites. But I’m publishing it for the sake of others who may… Read More

Links, Pocket, wordpress

How to Easily Import and Export WordPress Users

08.08.2016

Do you want to import and export WordPress users from one site to another? This could be really helpful when you are merging sites and want to automatically add all users from existing websites. In this article, we will show you how to easily import and export users in… Read More

Links, Pocket, wordpress

How to create a backdoor in WordPress

06.08.2016

When the front door is closed, you might try the backdoor. This might sound like a malicious way of using the code for entering the site without having the access to it, but there are actually times when you need to control your own site if somebody stole it. Read More

Links, Pocket, Resources, wordpress

Top 100+ websites about WordPress (part 2)

27.07.2016

After we started the list of top 100+ websites about WordPress with the part 1, you’ve probably never guessed – it’s time for the second part of the list. Source… Read More

javascript, Links, Pocket

A JavaScript gesture detection library for the modern web

23.07.2016

ZingTouch provides six standard gestures that are completely customizable.Note: These demos are best viewed on a touch capable device. A tap event is a quick start and end of an input. Source… Read More

css, Links, Pocket, print

CSS: The Perfect Print Stylesheet

20.07.2016

Even today, there are still many people that want to print out the entire internet. This can have many reasons. Maybe a team seeks to discuss an article’s content in a meeting. Or maybe somebody wants to read your article somewhere where they don’t have an internet connection. Read More

Links, Pocket, wordpress

10 Awesome WordPress Features That You Probably Didn’t Know Existed

19.07.2016

WordPress comes with so many awesome features and is continuously changing. Some of these features may not get the attention they deserve and remain a little hidden. In this article, we will show you 10 awesome WordPress features that you probably didn’t know existed. Source… Read More

Links, Pocket, wordpress

An Automated Way of Taking Website Screenshot in WordPress

14.07.2016

We were visiting one of our favorite sites (Binary Moon) and noticed this extremely cool service that WordPress has. Most people do not even know that WordPress has an option which lets you take screenshots of any website. Source… Read More

html, javascript, Links, Pocket

A JavaScript library for building web user interfaces — Monkberry

12.07.2016

Monkberry Guide API GitHub Share Tweet Monkberry is blazingly fast, small 1kb and simple JavaScript library for building web user interfaces. Install v4.0. Source… Read More

css, html, Links, Pocket

You-Dont-Need-Javascript/README.MD at master · NamPNQ/You-Dont-Need-Javascript · GitHub

12.07.2016

Please give me a hand. Source… Read More

frontend, Links, Pocket, Resources

Frend

29.06.2016

Frend components are modest and dependency-free. They are built with web standards as a priority and aim to avoid assumptions about tooling or environment. Care has been taken to make sure each component is compliant, keyboard navigable and properly interpreted by assistive technologies. Source… Read More

javascript, Links, maps, plugins, Pocket, Resources

Algolia Places

21.06.2016

Easy to use A JavaScript one liner to turn any HTML into fast & beautiful address auto-complete menus. Source… Read More

css, Links, Pocket

You Don’t Need JavaScript for That!

21.06.2016

I often use a few CSS alternatives to common JavaScript interactions when I’m developing the front-end of a website (especially a prototype). There are some projects where downloading a plugin or creating a new file for a few lines of code seems like overkill. Source… Read More

Links, Pocket, svg

Export SVG Animations for the Web with Snap.SVG Animator

12.06.2016

Animate.CC is primarily a vector animation tool. SVG is the vector language of the web. So it seemed to make sense that Animate would have the ability to create vector animations you could then export and run natively as vectors on the web. This was the vision behind Snap.SVG… Read More

Bootstrap 3, Links, Pocket

THE BOOTSTRAP 3 BUILDER

12.06.2016

There is none higher. Wow thank you for changing my life. jetstrap.com via @jetstrap Intro’ing my students to @jetstrap, an amazing mockup tool that outputs Bootstrap pages saving hours of development when the design is done. Source… Read More

Links, Pocket, Resources, threejs

Three.js Inspector in Chrome Devtools

09.06.2016

Recently people started to experiment with three.js and Chrome devtools. The excellent @thespite first did Shader Editor Extension and then Three.js Editor Extension. @mrdoob did it too here where he links directly to the three.js editor itself. Source… Read More

Links, Pocket

15 Most Annoying Things about WordPress and How to Fix Them

08.06.2016

Like most things in life, WordPress also has it’s fair share of annoying things. Dealing with these annoyances is very easy with the right system and processes. In this article, we will show you the 15 most annoying things about WordPress and how to fix them. Source… Read More

admin, Links, Pocket, wordpress

Modifying Admin Post Lists In WordPress

06.06.2016

Have you ever created a custom post type and then found that only the titles and dates of your posts are displayed in the admin lists? While WordPress will add taxonomies for you, that’s the most it can do. Source… Read More

Links, Pocket, wordpress

Hacking the WordPress Admin: Mastering Custom Columns

06.06.2016

The WordPress admin panel changed from version to version, and 3.2 introduces an even newer look for the whole admin section. Source… Read More

Links, Pocket, wordpress

Customizing the WordPress Admin Area to Make It Your Own

05.06.2016

There are a number of reasons why you might want to customize the admin area of a WordPress website. One of those reasons could be to make the dashboard area easier to use from your perspective as a site administrator. Source… Read More

Links, Pocket, wordpress

Customizing the WordPress Admin – Listings Screens

05.06.2016

In this fifth instalment I’ll show you how to customize listings screens in the admin. Source… Read More

Links, Pocket, Resources, wordpress

The 14 Best Premium Plugin Purchases You Can Make For Your WordPress Site

05.06.2016

After all, you’re paying for those special – and usually necessary – extras. Source… Read More

html, Links, Pocket, Resources, responsive

22.05.2016

Source… Read More

Links, plugins, Pocket, Resources

Browser Calories

22.05.2016

The web is getting fatter. If you take a look at the top 1 million sites, you will see that median page weight is now bigger than SimCity 2000. Can you believe that? Page weight is a super important metric and affects conversion, retention, and SEO. Source… Read More

javascript, jquery, Links, Pocket

CodePen – #3 – Custom Select Box

22.05.2016

Source… Read More

Links, Pocket, Resources, server

Installing WP-CLI with MAMP

22.05.2016

About four years ago, I shared a post about WP-CLI. It wasn’t exactly a new project at the time, but it was far less developed than it is now. Source… Read More

Links, Pocket

NextGen ActionScript

22.05.2016

You tried JavaScript, but real-world projects need proper classes and strict compile-time type checking. What can you do when clients demand HTML5? What if you could ditch the plug-in — but keep using ActionScript? Source… Read More

Links, plugins, Pocket, Resources

Plyr

18.05.2016

Plyr A simple, accessible HTML5 media player by @sam_potts from @selz Source… Read More

Links, Pocket, Resources

Reducing JPG File size — Medium

13.05.2016

If you’re a modern developer, then you use JPG files. Doesn’t matter if you’re a web dev, mobile dev, or some weird sysadmin who just sends around memes all day. JPGs are a part of your job, and critical to the experience of the users who benefit from that… Read More

frontend, jquery, Links, Pocket

Essential UX Tips for Your Website

13.05.2016

The Community of Web Design Professionals. Maybe you all know what UX is and what it really means. UX or user experience is an important aspect of website development that gauges of the reactions of visitors to the design. Source… Read More

apps, Links, Pocket, Resources

Build pixel perfect apps in peace

13.05.2016

Just this April, 853,311 Sketch designs were exported to Zeplin, turned into powerful specs and resources. Source… Read More

Links, Pocket, Resources

Image Picker

04.05.2016

Image Picker is a simple jQuery plugin that transforms a select element into a more user friendly graphical interface. Then just call imagepicker on the target elements. Source… Read More

learning, Links, Pocket, tutorials

Beginning with 3D WebGL (pt. 1) – The Scene

04.05.2016

This is part 1 in a series for beginners wanting to get in to using 3D WebGL. If you haven’t checked out the other post be sure to have a look: Before I started working for CodePen I worked for a digital shop that has made some of the… Read More

debugging, Links, Pocket, Resources

A selection of author settings for Chrome Developer Tools.

04.05.2016

If you use DevTools as your frontend development environment, DevTools Author provides a small set of options to enhance your authoring experience. Source… Read More

Links, Pocket, wordpress

More Surprising Statistics About WordPress Usage

29.04.2016

WordPress keeps amazing us with it’s possibilities and popularity, from the amount of people that use WordPress from day to day, to the time WordPress developers invest in developing code and keeping WordPress secure. Source… Read More

css, Links, Pocket, Resources

28.04.2016

Source… Read More

javascript, Links, Pocket, Resources

Waterfall.js

24.04.2016

Currently the best option today to do this job is Masonry, but it’s very heavy and have dependency of jQuery. Please understand: this isn’t a problem is most cases, but in cases when perfomance and page weight matters, the best case is try other options: maybe pure CSS? It’s… Read More

Uncategorized, wordpress

WordPress Ajax call

21.04.2016

<script> // Ajax call to get a single dealer // fetch_individual_dealer() in functions.php function fetch_individual_dealer_information(id) { // We'll pass this variable to the PHP function fetch_dealers var dealer_id = id; var ajaxurl = "<?php echo admin_url('admin-ajax.php')?>"; var mobile_dealer = $('#mobile-dealer'); var loader = $('.uil-spin-css-container'); loader.show(); // This does the ajax… Read More

Bootstrap 3, css, Resources, Uncategorized

Bootstrap 3 change grid column count and gutter width using SASS

20.04.2016

/************************************ ***** column vars *************************************/ $new-columns : 12; $new-gutter-width : 40px; $grid-columns : $new-columns; $grid-gutter-width : $new-gutter-width; @mixin column-adjust($column,$gutter) { // set custom variables for our grid structure $grid-columns: $column !global; $grid-gutter-width: $gutter !global; .row { @include make-row(); } @include make-grid-columns(); // @include make-grid(xs); @media (min-width: $screen-sm-min) { @include make-grid(sm);… Read More

css, html, Links, Pocket, Resources

Better Interface Design: Logins, Menus, Toggles And Other Fancy Modules

13.04.2016

CodePen has become the playground for developers. The sandbox where you can build whatever your imagination fancies. Practical things, experimental concepts — it’s a treasure chest, bound to fuel your ideas. Source… Read More

Links, Pocket, Resources, wordpress

How to Add Google Search in a WordPress Site

13.04.2016

As you may have discovered, in spite of its phenomenal performance as a blogging platform/CMS, WordPress falls woefully short in the search department. There are other plugins available that will improve your search results, like Amazon CloudSearch in WordPress with Lift or SearchWP. Source… Read More

css, Links, Pocket

State of affairs: Bootstrap 4 vs Foundation 6.2

09.04.2016

Bootstrap 4 and Foundation 6 are the latest versions of the most widely used CSS frameworks out there. Foundation 6 is stable whereas Bootstrap 4 hasn’t been released yet. Source… Read More

Links, Pocket, Resources

24 Best Free Responsive HTML5 Website Templates for your next projects

03.04.2016

Best free html5 templates 2015 have amazing features to make your website outstanding. All these free responsive html5 website templates released in 2015. HTML5 has been around for a while now and we can see all developers have started to share free resources in HTML5, CSS3. Source… Read More

Links, Pocket, Resources, wordpress

Alternatives for WordPress Transactional Emails

12.03.2016

If you are reading this article you probably are upset about the move MailChimp is making to raise the prices of Mandrill, their transactional email service, by as much as 4x. Source… Read More

css, Links, Pocket, svg

Probably Don’t Base64 SVG

06.03.2016

Perhaps you’ve heard of data URIs. It’s a really nice way of including a resource that would have otherwise been a separate HTTP request. The format that you use in a data URI can vary. Essentially you just tell it what content type it is (e.g. image/png), semicolon, then… Read More

email, Links, Pocket, Resources

Is Mandrill Done? 5 Alternatives for Your Transactional Email

27.02.2016

But that’s, more or less, the case. Mandrill is was probably the perfect solution for sending transactional email. For instance, if you have a website that needs this sort of functionality (e.g an eCommerce store) or an app, you can use Mandrill for one-to-one communication with your customers. Read More

acf php wordpress, Links, Pocket

Extending Advanced Custom Fields With Your Own Controls – Smashing Magazine

26.02.2016

Advanced Custom Fields1 (ACF) is a free WordPress plugin that replaces the regular custom fields interface in WordPress with something far more powerful, offering a user-friendly interface for complex fields like location maps, date pickers and more. Source… Read More

css, javascript, jquery, Links, Pocket, Resources

DoSlide

15.02.2016

A flexibly-configured, easily-extensible switch pattern with functionalities. Source… Read More

javascript, jquery, Links, Pocket, Resources

Split.js

15.02.2016

Bacon ipsum dolor amet beef ribs meatloaf picanha pork loin pork chop rump pig sausage bacon shank boudin beef fatback. Pork loin turducken t-bone chicken. Brisket andouille cow ball tip. Ham ground round short loin tri-tip ribeye t-bone boudin, pork loin turkey drumstick tongue pork chop. Source… Read More

css, html, Links, Pocket, Resources

[UI] Phone styled IFrame

15.02.2016

You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we’ll add it, in the order you have them, before the JavaScript in the Pen itself. If the script you link to has the file extension of a… Read More

css, Links, Pocket, Resources

CodePen – Modal Dialog

14.02.2016

Source… Read More

css, Links, Pocket

CSS Optimization Checker

13.02.2016

audio, canvas, video {*display: inline} audio, canvas, video {*zoom: 1} legend {*margin-left: -7px} button, input, select, textarea {*vertical-align: middle} button, html input[type=button], input[type=reset], input[type=submit] {*overflow: visible} input[type=checkbox], input[type=radio] {*height: Source… Read More

css, Links, Pocket, Resources

functions.php

10.02.2016

How to load CSS files asynchronously in WordPress (using Scott Jehl’s “loadCSS”) functions.php Source… Read More

Links, Pocket, Resources

Screaming Frog SEO Spider Tool

10.02.2016

The Screaming Frog SEO Spider is a small desktop program you can install locally on your PC, Mac or Linux machine which spiders websites’ links, images, CSS, script and apps from an SEO perspective. Source… Read More

javascript, Links, php, Pocket

Automatically art-directed responsive images

08.02.2016

This is a guest post by Eric Portis – a proud member of (and newsletter-writer for) the Responsive Issues Community Group. The RICG formulated, championed, and standardized the new HTML features presented in the article. Source… Read More

Links, Pocket, Resources

Designer Bio Generator™

06.02.2016

Generate your next twitter or website bio. Inspired greatly by tumblr page. Made by Taulant Sulko. Thanks to Alliy Brown for helping with the content and Ricky Miller for polishing up the code. Source… Read More

Links, Pocket

What is CMS.js?

03.02.2016

CMS.js is fully client-side, Javascript site generator in the spirit of Jekyll that uses plain ol’ HTML, CSS and Javascript to generate your website. It takes your content, renders Markdown and delivers a complete website in Single-Page App fashion… Source… Read More

Links, Pocket, wordpress

Make WordPress Yours

31.01.2016

WordPress Evolved Make WordPress Yours Download Pods 2.3. Source… Read More

javascript, Links, Pocket, Resources

30.01.2016

Source… Read More

css, Links, Pocket, Resources

Flexbox playgroung

30.01.2016

function changeFlex(e, t) { for (var n = document.querySelectorAll(“.” + e), l = document.querySelector(“#” + t), r = 0; r < n.length; r++) n[r].addEventListener("change", function() { var e = this.value; l. Source… Read More

javascript, jquery, Links, Pocket, Resources

Async CSS w/ link[rel=preload]

28.01.2016

This is a test page that references a slow-loading stylesheet using the new standard link[rel=preload]. Source… Read More

javascript, jquery, Links, Pocket

jQuery Sortable Photos

27.01.2016

Source… Read More

css, Links, Pocket

button or link hover

25.01.2016

Button hover Touch Me Touch Me Touch Me Touch Me Touch Me Touch Me Touch Me Touch Me Touch Me Touch Me Touch Me Touch Me Touch Me Button hover with text change Source… Read More

css, javascript, jquery, Links, Pocket

CodePen – Another fuc*ing hamburger

25.01.2016

Source… Read More

jquery, Links, Pocket, Resources

ahmad-sa3d/rcswitcher

22.01.2016

rcSwitcher Jquery Plugin rcSwitcher plugin ‘Radio Checkbox Switcher’ let you transform your input checkboxs and radios into a nice switch buttons with a nice interfaces. Source… Read More

jquery, Links, Pocket

Section Scroll

22.01.2016

Section Scroll is a lightweight jQuery plugin for automatically generating a side bullet navigation on your one page scrolling website. Click on the navigation to scroll smoothly through different sections, automatically selects the correct navigation items. Source… Read More

Links, Pocket

DateBox : Home

21.01.2016

DateBox is a jQueryMobile / Bootstrap / jQueryUI plugin that aims to make user interaction with dates and times simple and intuitive. It is a collaborative work, with a full range of features allowing easy implementation, and painless extensibility. Source… Read More

css, Links, Pocket, Resources

CSS3 spin preloader + preload Page

20.01.2016

We’re all for progressive enhancement, but CodePen is a bit unique in that it’s all about writing and showing front end code, including JavaScript. It’s required to use most of the features of CodePen. Need to know how to enable it? Go here. Source… Read More

Links, Pocket, Resources

Low Poly Tree Generator

17.01.2016

/* Used initially for a client to create this greeting card : http://www.meusinvest. Source… Read More

jquery, Links, Pocket, Resources

Tabslet

17.01.2016

Hover $(‘.tabs’). Source… Read More

Links, Pocket, Resources

Squeezebox Portfolio Template

17.01.2016

Project title here Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, ullam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Source… Read More

Links, Pocket, wordpress

The WordPress Theme Customizer: a Comprehensive Developer’s Guide

16.01.2016

This tutorial will explain in detail how to add support for the WordPress theme customizer to your WordPress theme. The theme customizer was introduced in WordPress version 3.4. Source… Read More

Links, Pocket

Dance to Calypso

16.01.2016

One of the hardest things to do in technology is disrupt yourself. But we’re trying our darndest, and have some cool news to introduce today. Source… Read More

Links, Pocket, wordpress

WordPress › Responsive Images in WordPress 4.4 – Make WordPress Core

14.12.2015

WordPress 4.4 will add native responsive image support by including srcset and sizes attributes to the image markup it generates. For background on this feature, read the merge proposal. WordPress automatically creates several sizes of each image uploaded to the media library. Source… Read More

Links, Pocket

How to Optimize WordPress for Holiday Traffic

14.12.2015

The holiday season is drawing near. And for many WordPress sites, this means one thing – more traffic. Even if you’re a WordPress blogger who isn’t selling anything, it’s important to understand that holiday shoppers are performing more research than ever before. Source… Read More

Links, Pocket, Resources

Useful Pens for Everyday Front End Development

02.12.2015

This collection is a way of bookmarking some techniques that will be useful in practice in everyday dev. Source… Read More

Links, Pocket, Resources

01.12.2015

Source… Read More

html, javascript, Links, Pocket

24.11.2015

Hopscotch is a framework to make it easy for developers to add product tours to their pages. Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing the tour progress. Source… Read More

javascript, Links, Pocket

notie.js by Jared Reich

24.11.2015

Source… Read More

Links, Pocket

G-RO: Revolutionary Carry-on Luggage

23.11.2015

G-RO’s wheels make the bag to feel lighter while also being more spacious and more durable. G-RO glides easily over any kind of terrain—cobblestones, curbs, steps, gravel, snow, sand. Source… Read More

Links, Pocket, Resources, wordpress

30 of the Top WordPress Freebies of 2015

22.11.2015

This WordPress collection is a one-stop resource for all your WordPress-related needs. Themes, plugins, tutorials, guides… we have it all. So, don’t hesitate to scroll down and download, view or bookmark the resource that you find useful. Source… Read More

Links, Pocket, wordpress

Top 5 Appointment and Booking Plugins for WordPress

19.11.2015

Does your business require your clients to make appointments or book services ahead of time? Managing appointments and bookings on paper or through emails can become time consuming and inefficient over time – especially when your business starts to take off. Source… Read More

Links, Pocket, wordpress

The Divi Nation Podcast, Episode 12 – Developing Systems to Work Smarter, Save Money & Live Better with Sarah Oates

12.11.2015

In this episode of Divi Nation I sat down with Sarah Oates, our very first guest from Australia! Sarah is a web designer who over the years has had to develop certain systems, habits, rituals, and the like to optimize both her work and life. Source… Read More

Links, Pocket, wordpress

14 Essential & Must-Have Free WordPress Plugins for 2016

12.11.2015

It requires a lot of efforts to make a website stand out. However, if your website is lacking functionalities or appropriate design, you are just shooting an arrow in the dark. Though WordPress is a powerful tool to build a website today, it cannot always do everything you want. Read More

Links, Pocket, wordpress

Cream of the Crop: The 14 Best WordPress Plugins of 2015

07.11.2015

One of the many great things about WordPress as a platform is the continual improvement each and every year brings. The core software today is barely recognizable from even five years ago, and the pace of change is only getting faster. Source… Read More

Links, multisite, Pocket, wordpress

Dead-Simple Migration for WordPress Multisite Networks, by ServMask

03.11.2015

We’ve written at length about our love for All-in-One WP Migration, a beautifully simple and easy-to-use tool for WordPress site migration. Source… Read More

Links, Pocket, wordpress

WordPress › All-in-One WP Migration

03.11.2015

Source… Read More

Links, Pocket, Resources, wordpress

Moving Your WordPress Site From A Staging Server To Live

02.11.2015

This article assumes that you have a Staging Environment Version of your WordPress site already set up and tested and are looking to move that site into a Live Environment. 3. Select the Copy Database To option. Enter in the name of your Live Database that you created in… Read More

css, Links, Pocket, Resources

Blend : Generate simple and beautiful CSS3 gradients.

01.11.2015

    Source… Read More

javascript, jquery, Links, menu, Pocket, Resources

NavNav

01.11.2015

A ton of CSS, jQuery, and JavaScript responsive navigation examples, demos, and tutorials from all over the web. Next page Loading… Source… Read More

Links, Pocket, Resources, wordpress

Top 15 Guides on How to Build a WordPress Website

31.10.2015

You need to build a WordPress website, but don’t know what to start with? Some people may say that it is almost impossible to undertake a job like this without specific skills and practice. Well, nothing is impossible and even a beginner is capable of building a site quite… Read More

javascript, jquery, Links, Pocket

List of jQuery menus for Web Developers #1

29.10.2015

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. jQuery is the most popular JavaScript library in use today. jQuery is free, open-source software licensed under the MIT License. Source… Read More

Links, Pocket, Resources

Ghost Inspector – Automated Website Testing and Monitoring – © 2015 Runscope Inc.

25.10.2015

Simply install our extension in your Chrome web browser. Click the toolbar icon on your website to start recording a test. Learn More Our extension records clicks, form submissions and more. You can then set assertions that must be made for your test to pass. Learn More Source… Read More

Links, Pocket, Resources, wordpress

Debugging Minified Files in WordPress

25.10.2015

As much as I’m a proponent of concatenating and minifying dependencies, it’s not without challenges. Sure, this is includes both stylesheets and JavaScript, but I’m specifically talking about debugging minified files in WordPress. Source… Read More

Links, Pocket, wordpress

23.10.2015

Source… Read More

Links, Pocket, wordpress

Beginners Guide on How to Add Twitter Cards in WordPress

21.10.2015

Twitter is slowly rolling out this experimental technology called Twitter Cards which makes it possible for you to attach media experiences to your tweets that link to your content. This very similar to Facebook status. Source… Read More

backup, Links, Pocket, wordpress

How to Clone a WordPress Site in 7 Easy Steps

18.10.2015

Generally speaking, cloning is considered an unethical practice. However, when you think of cloning in terms of making a duplicate WordPress site, a whole new world of completely ethical possibilities can open up for your business. Source… Read More

debugging, Links, Pocket, wordpress

Debugging WordPress Tips and Snippets

17.10.2015

Most developers know of the common WP_DEBUG in the config file, but some don’t know there are way more possibilities with WordPress and PHP in general. In this article, I’m going to show you some tips and tricks that I use when debugging WordPress plugins and themes. Source… Read More

Links, Pocket, theme, wordpress

Divi Builder Plugin Review : Elegant Themes’ New Drag-&-Drop Page Builder

17.10.2015

Elegant Themes is one of the leading WordPress theme shops out there today. Their flagship theme Divi has been a runaway success, thanks largely to its unique drag-and-drop page builder tool. Source… Read More

Links, Pocket, wordpress

The WordPress Nav Walker Class: A Guided var_dump()

16.10.2015

Source… Read More

aws, cloud, Links, Pocket, wordpress

How To Install WordPress on Google Cloud

15.10.2015

Today we’re going to take a look at how to install WordPress as a one-click image in Google Cloud – Google’s very own cloud infrastructure. Source… Read More

Links, Pocket, security, wordpress

Beginner’s Guide to Fixing Your Hacked WordPress Site

15.10.2015

A sad reality about running websites is that sometimes they could get hacked. Having our WordPress site hacked a few times in the past, we know exactly how stressful it can be. Not to mention the impact it has on your business and readership. Source… Read More

Links, Pocket, wordpress

How to Browse and Restore Individual Files or Folders on Your WordPress Site

10.10.2015

Ever wish you could go back in time? We all do. When it comes to making changes on your WordPress site, one wrong bit of code can take the whole thing down. If you know the panic of a fatal error or a blank screen in your browser, this… Read More

javascript, Links, Pocket

Jets.js Native CSS search engine

07.10.2015

*AND Will find [Mikki Doe] in [Mikki Rurk, John Doe, Mike Vazovsky, Mikki Doe] by search phrase “Doe Mikki” or even “Do ikki” *OR Will find [Mikki Rurk, John Doe, Mikki Doe] in [Mikki Rurk, John Doe, Mike Vazovsky, Mikki Doe] by search phrase “Doe Mikki” or even “Do… Read More

Links, Pocket

slack cheat sheet at DuckDuckGo

04.10.2015

⬆ Source… Read More

Links, Pocket, Resources, wordpress

WordPress › Shortcodes Ultimate

03.10.2015

Shortcodes Ultimate is WordPress plugin that provides mega pack of shortcodes. This is really premium plugin that you can get absolutely for free! With this plugin you can easily create tabs, buttons, boxes, different sliders, responsive videos and much, much more. Source… Read More

Links, Pocket, wordpress

02.10.2015

Source… Read More

html, ionic, javascript, Links, Pocket, Resources, wordpress

Create a Mobile Application Using WordPress, Ionic, and AngularJS

02.10.2015

In this tutorial, I will explain you step by step how to create a modern, hybrid, mobile application (iOS and Android) of your WordPress website using the latest technologies. We’ll be using Ionic Framework, ECMAScript 6, npm, webpack, and Apache Cordova. Source… Read More

Links, Pocket, wordpress

02.10.2015

Source… Read More

Links, Pocket, Resources, responsive, wordpress

Hassle Free Responsive Images for WordPress

02.10.2015

Update: The plugin created in this article has moved here and now uses the more appropriate srcset attribute. It’s the official WordPress plugin of the Responsive Images Community Group and is endorsed by the WordPress Core Team. Source… Read More

Wordpress

List terms in a given taxonomy using wp_list_categories

30.09.2015

list terms in a given taxonomy using wp_list_categories (also useful as a widget if using a PHP Code plugin) [code] $taxonomy = ‘location’; $orderby = ‘name’; $show_count = 0; // 1 for yes, 0 for no $pad_counts = 0; // 1 for yes, 0 for no… Read More

Links, Pocket, Resources, wordpress

WP_Query Arguments: Taxonomies

30.09.2015

So far in this series, you’ve learned how WP_Query is structured and what its properties and methods are. Now we’re looking at the various arguments you can use with WP_Query and how you code them. WP_Query has a large number of possible arguments, which makes it extremely flexible. Source… Read More

javascript, Links, maps, Pocket, Resources

Programmatically List Google Maps Markers

30.09.2015

I’ve written a few articles on working with the Google Maps API – some simply based on the API itself, others within the context of WordPress. Generally speaking, I’m not a huge fan of the API. Source… Read More

Links, Pocket, wordpress

30.09.2015

Source… Read More

css, html, Links, Pocket, Resources

Flexbox Quote Bricks

27.09.2015

You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we’ll add it, in the order you have them, before the JavaScript in the Pen itself. If the script you link to has the file extension of a… Read More

Links, Pocket, Resources, wordpress

3 Key Steps to Enhancing Your WordPress Site’s Load Speed With Caching

26.09.2015

Page speed is a hugely influential factor in the success of your website. Put simply, if your website doesn’t load quickly, people won’t stick around long enough to discover what it can offer them. Source… Read More

Links, Pocket, Resources, wordpress

A Smarter Way To Find WordPress Plugins

25.09.2015

A Smarter Way To Find WordPress Plugins Find Plugins for your site by Reviews, Categories, Tags, Download Count, Last Update Date, Rating and Votes! Browse All pluginsOR WP Plugin Directory.org – We handpick the best WordPress plugins and categorize, recommend and review them. Source… Read More

Links, Pocket, Resources, svg

Minimize SVG files

24.09.2015

Last Saturday I gave a talk about WebPerformance at FroSCON. On the same day Tobias Baldauf (@tbaldauf) of Akamai gave a great talk about JPEG compression which was very interesting. Source… Read More

javascript, jquery, Links, Pocket, Resources

jquery.peekABar

24.09.2015

Apply a custom CSS class to the bar. Please note that this will override all styles set in the options. Source… Read More

Links, Pocket, Resources, wordpress

WP Video Robot: Add Videos To Your Site, Automatically

24.09.2015

Of late, videos have grown in popularity, and more and more websites are now offering video content to their users. Source… Read More

Links, Pocket, wordpress

24.09.2015

Source… Read More

Links, Pocket, wordpress

24.09.2015

Source… Read More

jquery, Links, Pocket, Resources

» A lazy loading and multi-serving image script «

23.09.2015

What is bLazy? bLazy is a lightweight lazy loading image script (less than 1.2KB minified and gzipped). It lets you lazy load and multi-serve your images so you can save bandwidth and server requests. The user will have faster load times and save data loaded if he/she doesn’t browse… Read More

css, jquery, Links, Pocket, Resources

Responsive overlay menu framework examples

23.09.2015

Responsive overlay menu framework examples Examples for https://github. Source… Read More

Links, Pocket, Resources, wordpress

13 Plugins and Tips to Improve WordPress Admin Area

23.09.2015

Want to customize WordPress admin area? Perhaps you want to change the default color scheme, add your own branding, or even add new help section for clients? In this article, we will share 13 plugins and tips to improve your WordPress admin area. Source… Read More

css, Links, Pocket

It’s Tuesday.

21.09.2015

A quirky CSS Animation Library. Source… Read More

Links, Pocket

Using Modernizr with Flexbox

21.09.2015

The Modernizr feature-detection script now includes four tests for flexbox support, which you can use to target browsers with varying levels of support more precisely. Last week, Modernizr was updated to version 3, and with that upgrade gained some useful new tests for flexbox support. Source… Read More

advertising, Links, Pocket, Resources, wordpress

How to Monetize Your WordPress Blog

20.09.2015

Making money isn’t easy – offline or online. In fact, maybe it is a tad more difficult online. On the other hand, the costs involved in getting online revenue are fewer thus making it attractive. Well, at least the day-to-day costs. Source… Read More

Links, Pocket, productivity, Resources, wordpress

Top 10 companies winning at remote work culture and their secrets

20.09.2015

The workforce as a whole is moving closer to remote, distributed teams made of freelance and independent workers, as we uncovered in the top freelance trends of 2016. Source… Read More

Links, Pocket, wordpress

18.09.2015

Source… Read More

Links, Pocket, wordpress

18.09.2015

Source… Read More

Links, Pocket, Resources, wordpress

WordPress Sitemap Walker

17.09.2015

Walker_Sitemap is a basic Page Walker that outputs all pages of your website as simple HTML. This walker is intended to be used to generate a dynamic real time Site Map of your website as it will output the page’s description if available. Source… Read More

Links, Pocket, Resources, social media, wordpress

The Custom Facebook Feed WordPress Plugin

17.09.2015

1. Creating and maintaining the most useful, functional, beautiful, robust and down-right awesomist social media plugins your website has ever seen. 2. To provide the quickest, friendliest and most mind-blowingly amazing product support you have ever experienced. Source… Read More

css, html, Links, Pocket, Resources

Bootstrap Social Icons: Pure CSS Icons and Buttons

17.09.2015

Today I’ll present you a new set of Bootstrap Social Icons that I’ve created lately and I hope will help you save some time in your next projects. These icons are pure CSS, with no use of images, and ready to integrate in your next Bootstrap project. Source… Read More

blog, Links, Pocket, wordpress

9 Ways to Convince Your Client That WordPress Is the Best CMS

16.09.2015

Client education is all in a day’s work for web developers and designers; often, it’s part of the pitching process. Some clients don’t care how we build their sites, as long as we build them well. Source… Read More

api, Links, Pocket, Resources, rest, wordpress

WordPress REST API Basics

13.09.2015

WordPress has been gradually moving away from being just a blogging for years now. The final nail in the coffin of that outdated perception is the REST API. Source… Read More

Links, Pocket, Resources, wordpress

32 Must-Have (And Free) WordPress Plugins

13.09.2015

WordPress will never be able to do everything you want it to do… and that’s a good thing. If the platform contained every functionality known to man, it would be a monster. Goodbye, five-minute install! Fortunately, there are plugins. Lots of plugins. Source… Read More

Links, Pocket, wordpress

11.09.2015

Source… Read More

Links, Pocket

South West Events › Log In

11.09.2015

Source… Read More

Links, Pocket, wordpress

Accepting Payments on WordPress – How to Choose and Integrate Your Payment Processor

10.09.2015

The shift to a global economy has already begun, but that doesn’t mean there aren’t a lot of merchant accounts and service providers still playing catch-up. Even governments are scrambling to adapt to a new economy as evidenced by the EU VAT laws that came into place earlier this… Read More

Links, Pocket, Resources, wordpress

10.09.2015

Source… Read More

Links, Pocket, wordpress

10.09.2015

Source… Read More

html, jquery, Links, Pocket, Resources

Quick[select]

07.09.2015

Do you like select boxes? Select boxes are a two tap/click operation. They take the user out of the flow of the form, and usually there are certain answers that will be more commonly chosen than others. Take the example above, most would reply with “yes” or “no”. Read More

jquery, Links, Pocket

Scrollissimo

07.09.2015

Use Trigger Scrollissimo on each scroll: $(window).scroll(function(){ Scrollissimo.knock(); }); Add Greensock Tween (Timeline) to Scrollissimo: var myTween = new TweenLite($(‘#myElem’), 1000, { top: 100, left: 350, rotation: ‘270deg’, opacity: .7, scale: 2 }); Scrollissimo. Source… Read More

css, html, jquery, Links, Pocket, Resources

Squeezebox Portfolio Template in CSS and jQuery

07.09.2015

We’ve been experimenting with some motion effects to build a simple portfolio template. The idea is to show a gallery of projects as a separate, secondary module, with the first block still partially visible – just one click away. Source… Read More

javascript, Links, Pocket, Resources

Reveal Animations When Scrolling — WOW.js

04.09.2015

such easy very JS WOW no jquery many anims aint joke how small 3 kb only just scroll reveal now so impress WOW no jquery?! that sucks! Made and used by materialup.com: See WOW. Source… Read More

javascript, Links, Pocket, Resources

imakewebthings/waypoints

04.09.2015

Waypoints is a library that makes it easy to execute a function whenever you scroll to an element. If you’re new to Waypoints, check out the Getting Started guide. Source… Read More

Links, Pocket, Resources

sindresorhus/speed-test

03.09.2015

speed-test Test your internet connection speed and ping using speedtest. Source… Read More

Links, Pocket, wordpress

Building a Magical Golden Bridge from PHP to JavaScript with wp_localize_script()

03.09.2015

One of the great reasons to love WordPress is the number of programming tasks it makes easy. Today we’ll look at perhaps my favorite bit of WordPress magic: wp_localize_script(). Source… Read More

Links, Pocket, Resources, wordpress

How to Search Everything Within Custom Post Types

03.09.2015

But I still wasn’t seeing the page show up in results. Looking at the Product post type, I saw that we were adding nearly all of our content to each Product via fields in a custom meta box. Source… Read More

Links, Pocket, Resources, wordpress

Customize WordPress Admin Color Scheme

02.09.2015

WordPress just got a new upgrade and 3.8 comes with a bunch of new thing to be excited about. One that you will notice immediately, is that the WP-Admin UI now has a new look. Source… Read More

Links, Pocket, Resources, wordpress

How to Change the Admin Color Scheme in WordPress 3.8

02.09.2015

WordPress 3.8 introduced an entirely new WordPress dashboard design. The new design is responsive, modern, and beautiful. However some of our users did not like the dark color scheme. Well if you’re not a fan of the dark color scheme, then you’re in luck. Source… Read More

Links, Pocket, Resources, wordpress

WP MAMP Manager

02.09.2015

Manage all your WordPress sites from one location, simply click WP Manager, choose a site from the drop down list and you are ready go. Change your installed theme from the WP MAMP Manager. It comes with with two pre-installed themes Flat and Dark, both displaying great and modern… Read More

html, Links, Pocket, Resources, seo, wordpress

Getting Started with SEO and WordPress

02.09.2015

As WordPress continues to grow, online business continues to become more and more competitive, so naturally, search engine optimization (SEO) continues to be a top priority for many of our clients. Source… Read More

Links, Pocket, wordpress

02.09.2015

Source… Read More

Links, Pocket, wordpress

02.09.2015

Source… Read More

javascript, Links, Pocket, Resources

mike-zarandona/SmarterImages

31.08.2015

SmarterImages aims to be the most flexible dynamic image replacement jQuery plugin. Think CDN, but without the server. The plugin watches the browser viewport width on load() and resize(), and when the zone changes the plugin rebuilds a new src URL. Source… Read More

Links, Pocket, Resources, security, wordpress

How Secure Is Your WordPress Website?

30.08.2015

You’ve gone through all the trouble of building the website of your dreams. How do you know if your site is as secure as possible? In this webinar, we look at multiple ways to gauge the security level of your WordPress site. Source… Read More

Links, Pocket, Resources

Paletton, the color scheme designer

30.08.2015

In love with colors, since 2002. Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Source… Read More

Links, Pocket, Resources, wordpress

Toolbox of the Smart WordPress Developer: Series Finale

28.08.2015

You thought you’d never see the end of this series, didn’t you? After all, there are thousands of great WordPress tools to talk about in the WordPress community! But as the wise Oracle in the Matrix once said, everything has a beginning has an end, Neo. Source… Read More

javascript, jquery, Links, Pocket

A simple, yet customizable live search jQuery plugin

26.08.2015

Source… Read More

html, javascript, jquery, Links, Pocket, Resources

10 Cool and Useful Premium JavaScript Plugins for your next projects

26.08.2015

JavaScript is a dynamic programming language. It is most commonly used as part of web browsers, whose implementations allow client-side scripts to interact with the user, control the browser, communicate asynchronously, and alter the document content that is displayed. Source… Read More

css, html, Links, Pocket, Resources

How to Create CSS3 Animated Checkboxes

26.08.2015

HTML forms have a lot of elements which function differently. Some of them provide options while others need input from the user. HTML checkboxes are a good example of this. Source… Read More

Links, Pocket

Tired of Those Old Fashioned Themes ? We have 20+ Fresh Plugins/Themes

25.08.2015

Source… Read More

css, Links, Pocket, Resources

Twitter-like Header Parallax Effect Using Pure CSS / CSS3

23.08.2015

A pure CSS approach to creating Twitter-like header background parallax scrolling effects using CSS, CSS3 transforms and :before pseudo element. How to use it: Create a parallax header for your web page. Parallax header The basic CSS styles. Source… Read More

jquery, Links, php, Pocket

jQuery AjaxDownloader

23.08.2015

An HTML form is created and submitted to ad invisible IFrame. You can pass parameters like you would in a regular Ajax request. The server should answer the request providing a file to download of course. Source… Read More

jquery, Links, Pocket, Resources, responsive

responsivelyLazy – Lazy Load Responsive Images

23.08.2015

Lazy loading is a technique that defers image loading until it becomes visible on the screen. This saves bandwidth and can drastically improve page loading time and user experience. Subscribe to email newsletter for latest jQuery plugins & tutorials. Source… Read More

javascript, jquery, Links, Pocket, Resources, svg

CodePen – SVG Loader Animation

23.08.2015

Source… Read More

Links, plugins, Pocket, Resources, wordpress

10 WordPress plugins we greatly admire

20.08.2015

With so many plugins available for your self-hosted WordPress site, it can often be really tough to choose the ones that best suit your needs. Source… Read More

Links, Pocket, Resources, wordpress

GenerateWP – User friendly tools for WordPress developers

20.08.2015

The easiest and the fastest way to create custom and high quality code for your WordPress project using the latest WordPress coding standards and API’s. Select from dozens of generators to enhance your workflow. Source… Read More

javascript, jquery, Links, Pocket, Resources, responsive

Annotator Pro – Image Tooltips & Zooming Preview – CodeCanyon

19.08.2015

Source… Read More

css, html, Links, Pocket, Resources

10 jQuery Parallax and Web Scroll Plugins for Amazing Web Experience

19.08.2015

With a constant evolution in web technology, web developers and designers are utilizing innovative methods and techniques to deliver an unforgettable web experience to the user. Many new techniques have emerged over the years and one of the most popular techniques is “Parallax”. Source… Read More

css, html, javascript, Links, Pocket, Resources

ran­dom­Color

19.08.2015

A color gen­er­a­tor for JavaScript. Source… Read More

Links, php, Pocket

PHP file Download Script to download any file.

18.08.2015

TweetIn this article am going to explain you how to create PHP file downloader to download any files from web server to local machine. This application works mainly on the header of the PHP. This type of file download script I have used in most of my web application. Read More

Links, Pocket, Resources, wordpress

WordPress login to download uploaded files · GitHub

18.08.2015

Skip to content hakre/dl-file.php HTTPS clone URL Subversion checkout URL You can clone with or . Download ZIP Something went wrong with that request. Please try again. Source… Read More

Links, Pocket

A simple way to limit file downloads to only logged in users in WordPress

18.08.2015

So, you’ve used WordPress to build your client’s site and to provide downloads for the site’s users. You’re hiding the links to download content based on the user’s logged in status. Great. Source… Read More

Links, Pocket, Resources, svg

HalfTone.svg (Image to Halftone Conversion via )

18.08.2015

console.clear(); console.time = console.time || function(){}; console.timeEnd = console.timeEnd || function(){}; var maxSize = 512; (function(){ “use strict”; function each(obj,fn) { var length = obj. Source… Read More

javascript, jquery, Links, Pocket

A jQuery – Bootstrap plugin

16.08.2015

In this section you are going to learn how to create your own custom template and how to use it in your project. Let’s assume that we have the following HTML markup with one page and four tiles. Source… Read More

Bootstrap 3, Links, Pocket, sass

Managing Responsive Breakpoints with Sass

15.08.2015

When dealing with responsive design, you often find yourself defining a lot of media queries, checking various properties, with various values. Source… Read More

css, Links, Pocket, Resources

Office Hours

15.08.2015

is for live help with web design and development. When office hours are in session, you’ll be able to talk directly to another human being about any problem you might be having with web design or development. How This Works We’ll be using Google Hangouts. Source… Read More

javascript, jquery, Links, Pocket

CollagePlus – Image Gallery Plugin for jQuery

14.08.2015

CollagePlus is a plugin for jQuery will arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height. Source… Read More

css, Links, Pocket, video

Emulating background-size : cover for HTML5 video (CSS only)

14.08.2015

You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we’ll add it, in the order you have them, before the JavaScript in the Pen itself. If the script you link to has the file extension of a… Read More

html, javascript, jquery, Links, Pocket

jQuery Lazy – Delayed Image and Background Loader

13.08.2015

jQuery Lazy is a fast and lightweight delayed image and background loading plugin for jQuery. It is designed to speed up page loading times and decrease traffic to your users and customers by only loading the content in view. Source… Read More

Links, Pocket

This RoboCop + Terminator Mashup Figure Needs to Exist

13.08.2015

Two of film’s greatest robotic leading men have finally been mashed up into this wonderful prototype figure that Neca teased on its Twitter feed last night. But supposedly it’s not just the company’s designers messing around, Neca might actually produce the figure in 2016. Source… Read More

jquery, Links, Pocket

12.08.2015

Source… Read More

Links, Pocket

CUPBOARD ORGANISERS

12.08.2015

Source… Read More

html, javascript, jquery, Links, Pocket

jQuery Auto Fix Anything

10.08.2015

jQuery auto fix is a little plugin will let you automatically fix position of any container on your website with one JS call. With this plugin you can dynamically fix a container within the viewport with one JS call. The plugin will detect when to fix/unfix the position automatically. Read More

Links, Pocket, Resources, wordpress

WordPress › HTML5 Maps

10.08.2015

Source… Read More

Links, Pocket, wordpress

Determine if a WordPress post or page has children

10.08.2015

Here’s a simple function to determine if a post, page, or custom post has children in WordPress. It works by getting the children of the current post and returning a count. It will return 0 (false) if there are no children and some positive integer (true) if there are… Read More

javascript, jquery, Links, Pocket

jquery-confirm.js | The multipurpose alert & confirm

10.08.2015

Welcome to jquery-confirm! A jQuery plugin that provides great set of features like, Auto-close, Ajax-loading, background-dismiss, themes and more. This plugin is actively developed, We would love you have your suggestions here or mail me hey@craftpip.com. Source… Read More

css, html, Links, Pocket, Resources

CodePen – Context Menu

10.08.2015

Source… Read More

Links, Pocket, Resources

Zoommy Application

10.08.2015

Finding the perfect photo with Zoommy. https://t.co/oVryKL4aBQ Just found a Mac app to search through free stock photo sites. Great for a beta 🙂 Zoommy. http://t.co/5AvvXRhh1H http://pic.twitter.com/sxItfjpfpC Source… Read More

Links, Pocket, Resources

Spaces

10.08.2015

Intuitive tab management Spaces is a workspace manager for chrome. It treats each chrome window like a different workspace and lets you name and save each space. You can close a window full of tabs at any time then reopen it later and continue exactly where you left off. Read More

Links, Pocket, wordpress

Checkout

08.08.2015

By clicking “Complete Your Purchase” you agree to the Terms of Service, Privacy and Refund policies. Source… Read More

Links, Pocket, wordpress

Shop CM WordPress Plugins Store

08.08.2015

Source… Read More

Links, Pocket, wordpress

6 Simple Steps to Change Your Table Prefix in WordPress

07.08.2015

If your table prefix is “wp_” or “wp1_” or even “wordpress_”, then changing it will bring your WordPress site security to a higher level. By default Fantastico installation sets “wp_” as a prefix for each WordPress table name. Source… Read More

Links, Pocket, Resources

Selectivity.js

07.08.2015

Note: If this example stops working, please wait a few minutes. There is an active rate-limit in the GitHub API. Call $(selector).selectivity(options) to initialize a Selectivity instance on the element specified by the given selector. Source… Read More

Links, Pocket, wordpress

Disable emojicons introduced with WP 4.2

06.08.2015

We will hook into init and remove actions as followed: function disable_wp_emojicons() { // all actions related to emojis remove_action( ‘admin_print_styles’, ‘print_emoji_styles’ ); remove_action( ‘wp_head’, ‘print_emoji_detection_script’, 7 ); remove_action( ‘admin_print_scripts’, ‘prin Source… Read More

Links, Pocket, wordpress

WordPress Theme CSS and JS Cache Busting

06.08.2015

If you’re actively developing on a website and running into caching issues when deploying updates it can be helpful to employ a cache busting technique. I have seen a number of them which browsing Google search results and ran into two methods that work well. Source… Read More

Links, Pocket, wordpress

Setting Up Sublime Text for WordPress Development

05.08.2015

For developers around the world, Sublime Text is often pitched as one of the best code editors. Owing to its simple user interface, intuitive approach, faster performance and customization tweaks, Sublime Text easily outwits other text editors for coders and developers. Source… Read More

Links, Pocket, Resources

SVGOMG : SVGO’s Missing GUI

04.08.2015

Precision Source… Read More

Links, Pocket, wordpress

WordPress › Developer

04.08.2015

This plugin will help you optimize your development environment by making sure that you have all the essential tools and plugins installed. If you’d like to check out the code and contribute, join us on GitHub. Pull requests, issues, and plugin recommendations are more than welcome! Source… Read More

Links, Pocket, wordpress

04.08.2015

Source… Read More

Links, Pocket, wordpress

WordPress › Debug This

04.08.2015

This plugin gives WordPress super admins an easy way to peek under the hood of the front-face of a WordPress installation via the admin bar. Forty-nine debug modes are included. Here is a sample of the packed-in debug goodness: Source… Read More

Links, Pocket, wordpress

WordPress hooks database

04.08.2015

What is a hook? In brief, WordPress hooks enable you to change how WordPress behaves without editing any core files. Because you leave the WordPress files untouched, you can painlessly upgrade your blog with each new version of WordPress. Source… Read More

Links, Pocket, Resources

How to Choose a Perfect Color Scheme for Your WordPress Site

04.08.2015

Are you having a hard time deciding on your website’s color scheme? Choosing the right color combination not only increases your site’s visual appeal, but it can also generate favorable response from your visitors in terms of sales and conversions. Source… Read More

Links, Pocket, Resources, wordpress

Building Custom Login and Registration Pages in WordPress

27.07.2015

WordPress started life as a blog engine, web software for creating blogs. Over the years, it has evolved into a content management system (CMS), even though some developers might disagree on it being considered a CMS. Source… Read More

Links, Pocket, Resources, wordpress

27.07.2015

Source… Read More

Links, Pocket, wordpress

About us

10.07.2015

Dean and Emily welcome adolescents, adults and families to their practice and provide individual and group based support. They are both Medicare Providers and accept Mental Health Care Plan referrals. Source… Read More

css, javascript, Links, Pocket

Importing CSS Breakpoints Into Javascript

16.06.2015

There are a lot of challenges within responsive web design, and one that that has constantly been a pain is triggering JavaScript based on the current CSS media query breakpoint. The problem is that the breakpoints are in CSS, which JavaScript has no native way to access. Source… Read More

css, html, Links, Pocket, Resources

angular interactive box-model diagram

24.05.2015

@import “bourbon”; $color-margin: #DE6A63; $color-padding: #C5D936; $color-content: #63BCF8; $color-border: #F8CC63; $color-box-sizing: #8ADFE0; $color-bg: #242930; $color-dark-light: #343434; $color-dark-lighter: #444; $color-dark-lightest: #777; $color-body: #808386; Source… Read More

Links, Pocket

WhatsApp, Kik, Viber or ReTXT: Which third-party messenger is right for you?

20.05.2015

There is no shortage of third-party messaging apps in either the iTunes App Store or the Google Play Store and it’s pretty easy to see why. While every smartphone has a default messaging app, none have many extras. Source… Read More

css, html, Links, Pocket

SCSS triangles mixin

14.05.2015

A SCSS mixin for creating triangles on the edge of a container. You can specify the position, orientation dimensions and color. Source… Read More

css, html, Links, Pocket

Sass Burger

14.05.2015

Source… Read More

css, Links, Pocket, Resources, sass

Sass Theming with Configuration Files

01.05.2015

For well over the last year or so I’ve been working on a large scale project with multiple websites based on the same codebase. All of these sites require the same core functionality but at times differed with extra features or unique styles. Source… Read More

html, javascript, Links, Pocket, Resources

dragula

01.05.2015

dragula Drag and drop so simple it hurts Move stuff between these two containers. Note how the stuff gets inserted near the mouse pointer? Great stuff. Move me, but you can only drop me in one of these containers. If you try to drop me somewhere other than these… Read More

css, html, Links, Pocket, Resources

Free HTML5 & CSS3 Templates

01.05.2015

Handcrafted HTML Templates built with Bootstrap Made for developers, designers & people from out of this world. Source… Read More

css, html, javascript, jquery, Links, Pocket, sass

Toolkit

22.04.2015

Optimized for mobile and touch devices by designated them as first-class priorities. Fluid by design to work seamlessly in all resolutions. No more pixel perfect designs — unless that’s your thing. Source… Read More

css, html, Links, Pocket

A Pen by Captain Anonymous

22.04.2015

We’re all for progressive enhancement, but CodePen is a bit unique in that it’s all about writing and showing front end code, including JavaScript. It’s required to use most of the features of CodePen. Need to know how to enable it? Go here. Source… Read More

Links, Pocket

Responsive image map

09.04.2015

Following on from the last post, Image mapping and playing audio files onmouseover, I realised that I needed to make my image map responsive to take into account viewing the image on different divices. Source… Read More

html, javascript, Links, Pocket

A really fast AJAX autocomplete service and widget

06.04.2015

Download autocompeter.min.css and autocompeter.min.js and insert into your site. Check out the documentation on how to use the API. Source… Read More

css, javascript, jquery, Links, Pocket

A touch slideout navigation menu for your mobile web apps.

06.03.2015

1. First of all, you’ll need to have a menu (“#menu”) and a main content (“#panel”) into your body. 2. Add the Slideout.js styles (index.css) in your web application. Source… Read More

css, javascript, Links, Pocket

CSS Browser Selector

26.02.2015

Source… Read More

css, Links, Pocket, sass

Mixin to Qualify a Selector

26.02.2015

There is no easy way of qualifying a selector from within its associated ruleset. By qualifying I mean prepending an element name (e.g. a) to a class (e.g. .btn) so that a ruleset gets specific to a combination of an element selector and a class selector (e.g. a.btn) for… Read More

css, Links, Pocket

CSS Ruler

24.02.2015

Whoops! You need to select a length type to see it in action. Source… Read More

Links, Pocket, wordpress

Use Gravity Forms to submit custom post types

21.02.2015

In my previous post I explained how I used the Types plugin to create a new custom post type. That custom post type will be used to display a table of supported themes for my WordPress SEO plugin, and is therefor called wpseo-theme. Source… Read More

css, html, javascript, jquery, Links, Pocket

Flickity beta

27.01.2015

Help make Flickity better for it’s v1.0.0 release. Try out Flickity and provide any feedback. We’ll send you some Metafizzy stickers for helping us out. Source… Read More

css, html, javascript, Links, Pocket, Resources

Fixed Background Scrolling Layout

14.01.2015

Post Flat Design * GitHub Cheat Sheet * steps() * CSS and SVG Masks * Color Picker * Treed * Cognitive Lode * Torpedo… read more Google Night Walk * Font-To-Width * GitBook * Magic of CSS * GridList * Infinite Creativity * Resource Lists… read more Source… Read More

html, javascript, jquery, Links, Pocket, Resources

Midnight.js lets you switch fixed headers on the fly

14.01.2015

Want to use custom markup for each header? You just need to add a div with the class .midnightHeader.default inside your header, as well as any other custom headers you want. Source… Read More

css, Links, Pocket

ICONO

09.01.2015

Pure css icons, with only one element Download icono.min.css Github repo… Read More

Links, Pocket, Resources

willianjusten/awesome-svg

09.01.2015

A curated list of SVG. The main idea is that everyone can contribute here, so we can center all the informations about SVG and keep up-to-date. How to use, documentation, elements and everything else to start the studies about SVG. Source… Read More

css, html, Links, Pocket, Resources

Text Input Effects Simple ideas for enhancing text input interactions

08.01.2015

Minoru First Name Middle Name Last Name Source… Read More

css, html, jquery, Links, Pocket, Resources

20 Useful jQuery HTML5 CSS3 Navigation Menu Tutorials

04.01.2015

By showcasing different tutorials on our site, we tend to help our fellow designers who are looking for a more specific and interactive medium to learn certain techniques and skills. And, for today’s session we have come up with jQuery HTML5 CSS3 Navigation Menu Tutorials. Source… Read More

html, Links, Pocket, Resources

The Fastest and Best Way to Test Internet Explorer on OS X

03.01.2015

There comes a time in every developer’s life where we have to do the unthinkable: open Internet Explorer. But if we’re not using Windows, where can we find it? Oh yeah, that’s right, IE doesn’t work on OS X. Source… Read More

css, html, Links, Pocket

SVG Loaders – Sam Herbert

01.01.2015

Source… Read More

css, html, javascript, jquery, Links, Pocket

Formstone

01.01.2015

A collection of thoughtfully crafted front-end components focused on simple implementation and easy customization. Because you already know how to style an H1. And ready for what comes next. Formstone components are designed mobile-first to ensure fast, usable interfaces, no matter the screen size. Source… Read More

css, Links, Pocket

31.12.2014

Source… Read More

html, javascript, Links, Pocket

The JavaScript library for modern browsers and touch devices. No jQuery.

31.12.2014

// Simple list var list = document.getElementById(“my-ui-list”); new Sortable(list); // That’s all. // Grouping var foo = document.getElementById(“foo”); new Sortable(foo, { group: “omega” }); var bar = document. Source… Read More

css, html, javascript, Links, Pocket

Sandra

30.12.2014

Howdy, I’m a dialog box You might also like: Fullscreen Overlay Effects and Nifty Modal Window Effects Source… Read More

css, html, javascript, Links, Pocket

A look back at2014

30.12.2014

Just like any year, 2014 was no exception at being an exciting year for front-end developers and web designers. The year was marked by animated lines, morphing shapes, smart effects and new interaction concepts. Source… Read More

css, html, Links, Pocket

demosthenes.info – Better Buttons With Blend Modes and Filters

24.12.2014

Developers and designers use a variety of techniques to create site icons that change on hover or use, often by drawing different icon states in sprite sheets. These techniques are labor-intensive, and make later design changes difficult. Source… Read More

fun, Links, Pocket

The Best Drone for Every Beginner

22.12.2014

‘; if (google_ads[0].bidtype == ‘CPC’) { /* insert this snippet for each ad call */ google_adnum = google_adnum + google_ads.length; } document. Source… Read More

Links, Pocket

Immerse › Log In

19.12.2014

Source… Read More

javascript, Links, Pocket

Regulex JavaScript Regular Expression Visualizer.

17.12.2014

Regulex JavaScript Regular Expression Visualizer. Source… Read More

css, html, javascript, Links, Pocket

Elastic SVG Elements

15.12.2014

Today we’d like to share some inspiration for adding elasticity to elements. The idea is to integrate an SVG element into a component and then animate it from one path to another with an elastic animation. Source… Read More

javascript, Links, Pocket

getify/You-Dont-Know-JS

13.12.2014

This is a series of books diving deep into the core mechanisms of the JavaScript language. Please feel free to contribute to the quality of this content by submitting PR’s for improvements to code snippets, explanations, etc. Source… Read More

html, Links, Pocket

Tips for authoring fast-loading HTML pages

12.12.2014

These tips are based upon common knowledge and experimentation. An optimized web page not only provides for a more responsive site for your visitors, but also reduces the load on your web servers and Internet connection. Source… Read More

Bootstrap 3, jquery, Links, Pocket

The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3+ – BootstrapValidator

07.12.2014

Handcrafted with and a lot of by @nghuuphuoc Hire me Best jQuery plugin to validate form fields Download v0.5.3 · 2014.11. Source… Read More

html, jquery, Links, Pocket

Labelauty jQuery Plugin

07.12.2014

Source… Read More

Bootstrap 3, css, html, javascript, Links, Pocket

metisMenu

07.12.2014

Source… Read More

Links, misc, Pocket

DEPLOY WITH CONFIDENCE

07.12.2014

Phusion Passenger is a web server and application server for Ruby, Python, Node.js and Meteor web apps. It makes web app deployments a lot simpler and less complex, by managing your apps’ processes and resources for you. Source… Read More

css, html, Links, Pocket, sass

About Andy.SCSS

07.12.2014

Andy is meant to be an open-source repository of SASS mixins, so if something seems wrong or if you wish to add your own mixins, please feel free to fork it on Github. The great majority of those mixins are home-made, but some were found during my researches. Read More

Bootstrap 3, Links, Pocket

Bootstrap Toggle

07.12.2014

You can download the latest version of Bootstrap Toggle or use CDN to load the library. Warning If you are using Bootstrap v2.3.2, use bootstrap2-toggle.min.js and bootstrap2-toggle.min.css instead. Source… Read More

html, javascript, Links, Pocket

Material Design Preloader

07.12.2014

A jQuery plugin that recreates the Material Design preloader (as seen on inbox). Source… Read More

css, html, javascript, Links, Pocket

PhotoSwipe 4.0β

07.12.2014

PhotoSwipe is the first open-source gallery to support JavaScript-based image zooming. Even if a browser’s native zooming has been disabled, image zooming will still work. The gallery’s background will gradually fade out as the user zooms out. Source… Read More

css, html, Links, Pocket

gillesbertaux/andy

29.11.2014

Andy.scss: Open-Source Collection of Useful SASS Mixins Library. Homepage: http://gillesbertaux.com/andy The purpose of Andy is to gather useful mixins and avoid enless researches or heavy framework use. Feel free to fork it on Github and add your own mixins: https://github. Source… Read More

javascript, Links, Pocket

RegulexJavaScript Regular Expression Visualizer.

26.11.2014

RegulexJavaScript Regular Expression Visualizer. Source… Read More

html, javascript, Links, Pocket

drawer

24.11.2014

jQuery plugin for displaying the drawer menu using CSS animations in the event of a trigger. Setting the position can be selected either the right or left. And also supports Responsive design. Source… Read More

javascript, Links, Pocket

Midnight.js lets you switch fixed headers on the fly

19.11.2014

Want to use custom markup for each header? You just need to add a div with the class .midnightHeader.default inside your header, as well as any other custom headers you want. Source… Read More

css, javascript, Links, Pocket

Marka

17.11.2014

Beautiful transformable icons built for the web. Source… Read More

javascript, Links, Pocket

alvarotrigo/pagePiling.js

17.11.2014

Pile your sections one over another and access them scrolling or by URL! Customizations of the plugin available upon request for some reasonable price. Contact me. Source… Read More

Links, Pocket

Live cricket score: Pakistan vs New Zealand, 1st Test at Abu Dhabi, Day 1

09.11.2014

After humiliating the Australians, Pakistan will take on New Zealand in the first Test of three match Test series. Source… Read More

css, html, Links, Pocket

Flexbox Cheatsheet Cheatsheet

02.11.2014

While I am no stranger to the magic of Flexbox, I find that I am not using it very often just yet. As a result I end up pausing and referring back to this post at CSS-Tricks whenever an opportunity to utilize its powers presents itself. Source… Read More

Links, Pocket, wordpress

Solutions to WordPress eCommerce Challenges

01.11.2014

In the previous part of this series, we looked at some of the challenges come up when implementing an eCommerce solution using WordPress themes and plugins. Source… Read More

css, html, Links, Pocket

CSS Media Queries for All Devices and Browsers (Including IE7 and IE8)

30.10.2014

In CSS3, web developers/designers can define a media type such as screen or print, and specify the look of the content by setting conditions such as width, height, or orientation. A CSS media query combines a media type and a condition that shows how web content will appear on… Read More

html, Links, Pocket

HTML5 Online Animation Editor | Animatron

27.10.2014

Source… Read More

javascript, Links, Pocket

Sweet Alert

27.10.2014

Sweet Alert A beautiful replacement for Javascript’s “Alert” So… What does it do? Here’s a comparison of a standard error message. The first one uses the built-in alert-function, while the second is using sweetAlert. Normal alert Code: alert(“Oops… Source… Read More

Links, Pocket

This Amazing Universe Simulator Makes Me Want To Buy A New PC

22.10.2014

SpaceEngine: a free space simulation program that lets you explore the universe in three dimensions, from planet Earth to the most distant galaxies. Areas of the known universe are represented using actual astronomical data, while regions uncharted by astronomy are generated procedurally. Source… Read More

Bootstrap 3, Links, Pocket

Curate this. — The Missing (Bootstrap) Breakpoint

09.10.2014

Bootstrap 3 is incredibly useful – used by many – but lacking an important breakpoint in a region where it’s arguably, most needed. It’s also been out for over a year now, which means I’m a bit late to the party with this. Source… Read More

Links, Pocket, Resources

High Performance Map Interactions Using HTML5 Canvas

09.10.2014

Last week, you may have noticed that we released a facelift for our interactive maps. Our Deal Score markers have finally been brought up to 2014 design standards to match the Omnibox. Source… Read More

Links, Pocket, Resources

Dimensions Browser Extension

03.10.2014

Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser. Your designer handed you mockups as PNGs or JPEGs? Just drop them into Chrome, activate Dimensions and start measuring. Source… Read More

javascript, Links, Pocket

JavaScript hacks explained

02.10.2014

There are several JavaScript tricks that are used widely by experienced programmers. Many of them may not be instantly obvious, especially for beginners. Source… Read More

Links, Pocket

01.10.2014

Source… Read More

Links, Pocket

01.10.2014

Source… Read More

html, jquery, Links, Pocket, wordpress

Don’t Make Your Mobile Users Think: Support Gestures On Your WordPress Site

27.09.2014

Many tablet and mobile users are app-trained to expect swipes and taps to result in navigation. Many WordPress themes don’t include gesture support out-of-the-box but it’s actually surprisingly easy to add to an existing site. Source… Read More

css, html, javascript, Links, Pocket, Resources, responsive

Scroll-Then-Fix Content

18.09.2014

A reader sent me in a GIF showing off a cool effect they saw on Google on mobile. Source… Read More

html, javascript, Links, Pocket

Play and Pause Buttons for YouTube and Vimeo Videos (via Their APIs)

18.09.2014

Sometimes you just need to start a video playing by some user interaction on the page other than clicking right on that video itself. Perhaps a “Play Video” button of your own creation lives on your page and you want to start that video when that button is clicked. Read More

Links, Pocket, Resources

EnjoyHint

15.09.2014

A free web-tool that is created to prompt users to navigate a website or an app intuitively and easily. It gives an excellent way to create interactive tutorials with hints and embed them into your web apps, thus, enhancing their usability and value/effectiveness. Source… Read More

css, html, Links, Pocket, Resources

Performance tooling today

15.09.2014

Source… Read More

Links, Pocket

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

10.09.2014

Source… Read More

css, html, Links, Pocket

Favicons, Touch Icons, Tile Icons, etc. What All Do You Need?

09.09.2014

The following is a guest post by Philippe Bernard. Philippe has done research on what it takes to make a favicon (and all the related graphics and markup) such that you are covered with the best quality output everywhere. Spoiler alert: it’s a lot of different graphics and markup. Read More

css, Links, Pocket

CSS PREprocessors

09.09.2014

CSS PRE is a project that aims to collect as much information about the popular CSS Preprocessors as possible, in order to serve as a one-stop reference. It is a collaborative project, edits on GitHub are welcome. Source… Read More

Links, Pocket

Migrating your websites to the DV server

31.08.2014

Whether you have a site with just static html pages or a dynamic database-driven one, this migration guide will help you get started with your new DV server. This document is by no means comprehensive but it should cover the basics to get you on your way. Source… Read More

css, html, Links, Pocket, Resources, responsive

Tablesaw: A Flexible Tool for Responsive Tables

30.08.2014

Next to coming up with project names, managing tables in a responsive layout is one of the trickiest problems in web development. Semantically structured tables are notoriously difficult to style as anything other than… well… a table. Source… Read More

css, html, Links, Pocket, Resources

COLORS

22.08.2014

A simple color palette for the web. Out of the box, the color strings that css provides aren’t… the tops. This is a set of sass variables and css classes that should help fix that. The sass source can be found in a folder I creatively titled “sass. Source… Read More

html, Links, Pocket, Resources

Favicons, Touch Icons, Tile Icons, etc. What All Do You Need?

19.08.2014

The following is a guest post by Philippe Bernard. Philippe has done research on what it takes to make a favicon (and all the related graphics and markup) such that you are covered with the best quality output everywhere. Spoiler alert: it’s a lot of different graphics and markup. Read More

Links, Pocket, Resources, wordpress

SVG Spritemap

16.08.2014

SVG Spritemap is a WordPress plugin that lets you add SVGs with the Media Uploader, as well as create and manage an SVG spritemap from your Media Library. After selecting and updating the SVGs for your spritemap, a combined defs.svg SVG spritemap is automatically generated. Source… Read More

Links, Pocket, Resources

Radar #55

15.08.2014

Source… Read More

css, html, Links, Pocket, Resources

Flexy Boxes — CSS flexbox playground and code generation tool

07.08.2014

Three versions of the flexbox spec – each with different syntax – have been implemented in browsers. The two 2012 specs are roughly equivilant in terms of features, differing mainly in syntax. The earlier 2009 spec is less comprehensive though covers a lot of the same ground. Source… Read More

javascript, jquery, Links, Pocket

Flexbox Based Responsive Equal Height Blocks With JavaScript Fallback

05.08.2014

After I’ve published the post on how I had implemented responsive equal height blocks into Readerrr, I received some useful feedback from the community. Daniel Sturm suggested using CSS3’s Flexbox rather than JavaScript, and Veerle Pieters tweeted “… Read More

javascript, jquery, Links, Pocket, responsive

Naver

05.08.2014

A jQuery plugin for responsive navigation. Current Version: 3.0. Source… Read More

css, html, Links, Pocket, Resources

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

03.08.2014

Source… Read More

css, html, javascript, Links, Pocket, Resources

Dirty Markup · Tidy up your HTML, CSS, and JavaScript code

03.08.2014

Source… Read More

css, html, Links, Pocket, Resources

Emmet’s hidden power features

03.08.2014

Emmet (formerly known as Zen Coding) is a plugin for text editors helping you create CSS and HTML faster by using abbreviations to write common values saving ridiculous amounts of time along the way. There are heaps of really useful features alongside Emmet’s primary text-expanding function. Source… Read More

Uncategorized

Simple, use-anywhere, semantic, pure CSS spinner. – JSFiddle

03.08.2014

http://jsfiddle.net/csswizardry/M2D4M/… Read More

javascript, Links, Pocket, Resources

sokolovstas/SublimeWebInspector · GitHub

03.08.2014

Sublime Web Inspector works on top of WebInspectorProtocol. All information is displayed in console and text files. You can click on objects from console or stack trace to evaluate them. You can also click on a file name to goto the file and line instantly. Source… Read More

Adobe air/Flash, Links, Pocket

Adobe Gaming

01.08.2014

Better game. More easily. For more people. Source… Read More

css, font, Links, Pocket, Resources

jKit – jQuery based UI Toolkit – Index

30.07.2014

Learn how to use the library and configurate it to your own needs. Bind different things to other things. Only your imagination sets the limit. Source… Read More

html, Links, Pocket, Resources

Minimalect

30.07.2014

Minimal select replacement for jQuery by @groenroos. Include jquery.minimalect.min.js after you load jQuery (1.7 or newer). Then simply do; Source… Read More

css, html, jquery, Links, Pocket, Resources

Inspiration for Custom Select Elements

28.07.2014

Previous Demo Back to the Codrops Article Source… Read More

css, html, jquery, Links, Pocket, Resources

Simple Effectsfor Drop-Down Lists

28.07.2014

« Previous Demo: Flexible Calendar Plugin Icons created with Icomoon Back to the Codrops Article Simple Effectsfor Drop-Down Lists Demo 1 Demo 2 Demo 3 Demo 4 Demo 5 Demo 6 In this example we use a gutter of 5 and stack the items with a slight offset… Read More

css, Links, Pocket

Angelina Fabbro: CSS In Your Pocket – Mobile CSS Tips From The Trenches [CSSConfUS2014]

26.07.2014

If you’re building a modern web application, you know you want to target as many devices and deployment channels as possible, so what’s holding you back? Unfamiliarity with a CSS debugging workflow that deals with both responsive, hosted applications and packaged apps delivered through marketplace d Source… Read More

jquery, Links, Pocket

jQuery Flip Out Cards

23.07.2014

22°C It’s Pretty Hot Hover to see more Source… Read More

Actionscript, Adobe air/Flash, Links, Pocket

ActionScript Snippets

23.07.2014

Sign In Source… Read More

Bootstrap 3, css, html, Links, Pocket

Themes Complete layout and color re-styling of the base Bootstrap

23.07.2014

Source… Read More

css, html, Links, Pocket

Responsive Images: Use Cases and Documented Code Snippets to Get You Started

23.07.2014

Finally, true responsive images are becoming a reality on the web — in pure HTML, without convoluted hacks. Source… Read More

Links, Pocket, Resources

21.07.2014

Source… Read More

Links, photoshop, Pocket

LiveShare PS: Real-time Design Meetings Inside Photoshop

21.07.2014

We’re so excited to introduce our new FREE Photoshop plug-in, LiveShare PS. Whether you’re presenting high fidelity designs or just talking through some rough concepts, LiveShare PS offers powerful one-click collaboration. Source… Read More

Links, Pocket, Resources, technology

srvdir – make any folder a secure public fileserver

18.07.2014

srvdir is a program that takes a path to a directory and then creates a secure, public HTTPS endpoint which serves the files from that folder. Source… Read More

css, html, Links, Pocket, Resources

17.07.2014

Source… Read More

css, html, Links, Pocket

HTML Table generator

14.07.2014

You can import table data by uploading file in CSV format (Comma Separated Value). Most spreadsheet software, both desktop and online, allows to save tabular data in CSV format — it is usually available in the File menu under the name “Save As…” or “Export”. Source… Read More

Bootstrap 3, css, html, Links, Pocket

Freebie: “Halcyon Days” One Page Website Template

14.07.2014

Today we are happy to share a creative one page portfolio template with you. Halcyon Days is a modern and stylish HTML5/CSS3 template with a pixel-perfect design and smooth effects. Source… Read More

html, Links, Pocket, video

CoverVid

11.07.2014

Source… Read More

javascript, Links, Pocket, Resources

How to Learn AngularJS – Your AngularJS Sherpa

08.07.2014

Learning AngularJS can be complex. There are an overwhelming number resources available on the web. The blog posts can be conflicting and confusing, and a simple google search can turn up 5 articles all describing the same thing in a completely different way. Source… Read More

css, html, Links, Pocket, Resources, youtube

Testing multi-screen web pages

08.07.2014

So you need to build a responsive site. We’ll look at how you set up your dev environment to best test across multiple devices and screen sizes. Source… Read More

css, html, Links, Pocket

Hover Effect Ideas Inspiration for subtle hover effects

08.07.2014

Sadie never took her eyes off me. She had a dark soul. When Layla appears, she brings an eternal summer along. Source… Read More

css, html, javascript, jquery, Links, Pocket, youtube

PrettyEmbed.js Demo – CodePen

08.07.2014

Source… Read More

Adobe air/Flash, Links, Pocket

How-to add Flash Player 9 to Flash Pro CC : (PC… : Adobe Community

08.07.2014

As you know that Flash 9 is still required for a majority of flash adverts and the DFP platform is especially critical of the flash version on a SWF creative. Currently in Flash Pro CC the lowest version of flash you can save as is 10.3. Even when you… Read More

css, html, javascript, Links, Pocket, Resources

Getting Your PageSpeed Score Up

08.07.2014

PageSpeed Insights is a great way for developers to check how their site performs out in the wild, but how do you actually improve your score if it’s not what you were expecting? Well in this session we will take a web application and use Grunt to create a… Read More

css, html, javascript, Links, Pocket, Resources

simpl.info

07.07.2014

Simplest possible examples of HTML, CSS and JavaScript. There are shortcuts for many of these pages (see full list). For example, simpl.info/v redirects to simpl.info/video. Source… Read More

css, html, Links, Pocket, Resources

Web Starter Kit

07.07.2014

Responsive layout is included with the kit that adapts to fit the device your user is viewing it on. This helps you hit the ground running with an experience that looks good everywhere. Source… Read More

css, html, Links, Pocket, Resources

Tab Atkins | Present and Future of CSS Layout | CSS Day

07.07.2014

Designing a page’s layout in CSS has traditionally been a hard problem, though developers have come up with a lot of amazing hacks. Today, and in the near future, much of this pain will disappear, as CSS introduces new layout specs, like Flexbox and Grid, and other layout tools,… Read More

Links, Pocket, youtube

GoPro Batting – Adam Gilchrist vs Shaun Tait | Access All Areas

07.07.2014

Stunning ‘point of view’ GoPro footage of Adam Gilchrist hitting former Australia teammate Shaun Tait for two boundaries during MCC vs Rest of the World at Lord’s.Subscribe to http://ift.tt/1jZ5LWv and we’ll have the full innings available early next week: http://ift.tt/1rHn6uC Source… Read More

css, html, javascript, Links, Pocket, Resources

CSS polyfills from the future : GSS

03.07.2014

Web developers are expected to build increasingly sophisticated UIs faster, cheaper, with tools that have not evolved with the times. Source… Read More

css, html, javascript, Links, Pocket, Resources

Next-gen constraint layouts in the browser with Grid Style Sheets

03.07.2014

Complex layouts, positioning, making beautiful UI’s for the web – it all gets pretty challenging for a complex web app. Could there be an easier way? In this post I want to share on possible future tech you can try today. Source… Read More

css, html, Links, Pocket, Resources

Troubleshooting CSS

30.06.2014

CSS is a mess. First introduced in ~1995, it was meant to style basic text documents. Not websites. Not applications. Text documents. It has come a long way since then. Probably a bit too long. On the bright side, this is what makes CSS fun (or kinda)! And this… Read More

css, html, Links, Pocket

CSS Overlay Techniques

30.06.2014

Design patterns, a set of best practices and techniques that aim to solve some of the most common design “problems”, are usually presented in the context of design principles. One of these design principles is the “Stay On Page” principle. Source… Read More

css, html, Links, Pocket

HTMLHint

30.06.2014

Place your html code here: Theme: HTMLHint HTMLHint: help your html code better Standard tagname-lowercase attr-lowercase attr-value-double-quotes attr-value-not-empty attr-no-duplica Source… Read More

html, javascript, Links, Pocket

Prefilling Forms with a Custom Bookmarklet

30.06.2014

The following is a guest post by Adam Lichtenstein. Adam works at Wufoo, a web app for building web forms, so you can imagine the need for testing forms is at least double what the rest of us need. Adam took a different road than I took, so I’ll… Read More

css, html, javascript, Links, Pocket

Giving Animations Life

30.06.2014

I love animations. That’s why I created Bounce.js, a tool (and soon to come) JavaScript library for generating beautiful CSS3 keyframe animations. In this post I want to show how you can use Bounce.js, and some concepts from classical animation, to bring life to your animations in your web… Read More

html, Links, Pocket, Resources

Favicon Generator. For real.

30.06.2014

As a web designer or developer, you are creating your brand new web project. It is beautiful and was designed for PC, smartphones, tablets… Source… Read More

Links, Pocket, Resources

Google Design

30.06.2014

Explore the wide variety of programs, internships, and scholarships we offer for students and educators. Source… Read More

Bootstrap 3, javascript, jquery, Links, Pocket

ClockPicker

30.06.2014

Download ZIP CSS < 6KB, JS < 9KB, after minified. All major browsers are supported, including IE 9+. It should look and behave well enough in IE 8. Source… Read More

Links, Pocket, Resources

Web Developer Checklist

30.06.2014

Web Developer Checklist Get the Chrome extensionMenuHome NodeJS (planned) PHP (planned) Python (planned) Rails (planned) Usability (planned) Accessibility (planned) Performance (planned) Help needed Optional: 0/8 Source… Read More

Bootstrap 3, Links, Pocket

Bootstrap 3.2 highlights mobile features, adds browser bug tracking

29.06.2014

Bootstrap 3.2, the latest version of the popular front-end Web framework originally developed by engineers at Twitter, has just been released. It may only be a revision to the right of the decimal point, but the official Bootstrap blog bills it as a “monster of a release. Source… Read More

Links, Pocket, Resources

Snazzy Maps – Free Styles for Google Maps

28.06.2014

Subtle Grayscale Paulo Ávila on October 30, 2013 A nice, simple grayscale version of the map with color extremes that are never too harsh on the eyes. Originally created for http://ift.tt/1krvQAx. More info… Source… Read More

Bootstrap 3, Links, Pocket

Bootstrap Form Builder

28.06.2014

Source… Read More

css, Links, Pocket

CSS Shrink

26.06.2014

Source… Read More

css, html, Links, Pocket, technology

Chrome 38 Introduces a Responsive Design View

26.06.2014

Chrome 38 has introduced a responsive design view in Chrome Developer tools. It allows you to view the available breakpoints for the loaded site. Clicking each of the bars resizes the window to the specified breakpoint or selecting the device will resize the window to that devices resolution. Read More

html, javascript, Links, Pocket

smallworld.js

26.06.2014

smallworld.js is a utility for generating map overviews using GeoJSON and HTML Canvas. It was created out of a need to render simple map previews, quickly and efficiently, without strict Terms of Use and without heavy client libraries. Source… Read More

html, javascript, Links, Pocket

Responsive News — Building a responsive SVG map

26.06.2014

Source… Read More

css, html, javascript, Links, Pocket

Draggable Dual-View Slideshow

26.06.2014

Today we’d like to share an experimental slideshow with you. The idea is based on the great navigation concept from the Wild website where one can view the projects in either fullscreen or in a carousel mode. Source… Read More

css, Links, Pocket

css vocabulary

24.06.2014

#content -webkit-font-smoothing antialiased background url img/gradient. Source… Read More

Links, Pocket, wordpress

How to Add Numeric Pagination in Your WordPress Theme

22.06.2014

One of our readers recently asked us how do we add numeric pagination on the WPBeginner blog page. Default WordPress themes and many other themes display pagination links by adding Older posts and Newer Posts links at the bottom of your WordPress archive pages. Source… Read More

Bootstrap 3, Links, Pocket

Bootsnipp

22.06.2014

Bootsnipp is an element gallery for web designers and web developers created by Maks, anybody using Bootstrap will find this website essential in their craft. Source… Read More

Links, Pocket, Resources

Call to Idea – Get inspired!

22.06.2014

Design ideas to keep the wheels rolling when you are stuck. Source… Read More

Bootstrap 3, css, html, Links, Pocket

Bootstrap 3 responsive columns of same height

21.06.2014

You have to add the classes .container-xs-height and .row-xs-height to the container and the row, and also add .col-xs-height to the columns. If you want to restrict the effect to a certain media query, just use .col-sm-height or .col-md-height or . Source… Read More

css, html, Links, Pocket

Improving Link Display for Print · An A List Apart Article

21.06.2014

When I was nearing completion of my last article, I printed a copy of it for my wife, Kelly, to proofread. As it was an article for publication online, I had written it in HTML and printed it from the test server, taking advantage of my trusty print style… Read More

Resources, Revue de Presse, wordpress

VelocityPage

20.06.2014

Use VelocityPage’s unique drag-and-drop interface to control how every page on your WordPress website will look – right on your webpage. Source… Read More

javascript, Links, Pocket

randomColor

17.06.2014

Why does this exist?  There are lots of clever one-liners for generating random colors: [code]’#’+Math.floor(Math.random()*16777215).toString(16);[/code] Unfortunately, this code naturally produces lots of greys and browns and murky greens.  randomColor generates attractive colors by default. http://ift.tt/1u8gHY6… Read More

css, javascript, Revue de Presse

Love Generating SVG With JavaScript? Move It To The Server!

17.06.2014

By SVGTechniquesTools I hope that by now, in 2014, there is no need to explain why SVG is a blessing to developers who want to ensure that their graphics look sharp on all devices, especially with their huge diversity of resolutions. But just like any other technology, SVG has its… Read More

Articles, Pocket

Retina Display Media Query

17.06.2014

Article Complet : http://ift.tt/NoDIjN via Pocket… Read More

Uncategorized

Whoa, a weather plugin?

17.06.2014

A simple jQuery plugin to display the current weather information for any location using Yahoo! Weather. Developed by James Fleeting. Check out the original demo on codepen. Source… Read More

Links, Pocket

Checking Media Queries With Javascript

17.06.2014

With the web being used on so many different devices now it’s very important that you can change your design to fit on different screen sizes. via http://ift.tt/1lAXawW… Read More

Adobe Air, AS3, Flash

Find extension of a file

14.04.2013

/** * * find extension of a file */ private function findExtension(str : String) : String { return String(str.split(".")[1]).toLowerCase(); }… Read More

Uncategorized

Resize image to fit in a rectangle

14.04.2013

/** * resize image to fit in a rectangle */ public function resizeToFit(mc : MovieClip, width : Number, height : Number) : void { var largeWidth : Number = mc.width; var largeHeight : Number = mc.height; initialContainerWidth = largeWidth; initialContainerHeight = largeHeight; mc.width = int((fitPercent / 100) * largeWidth); mc.height… Read More

AS3, Flash

Set the movieclip color

14.04.2013

/*** set the movie clip color */ public function setColor(mc : MovieClip, color : Number) : void { var colorTransform : ColorTransform = mc.transform.colorTransform; colorTransform.color = color; mc.transform.colorTransform = colorTransform; }… Read More

AS3, Away3D, Flash

Cube with different color faces

08.02.2013

public class away3DBasico_v003 extends Sprite { public var view:View3D = new View3D();   public var plano1:PlaneGeometry = new PlaneGeometry(100,100,1,1,true);//false indica si el plano esta acostado o parado   public var plano2:PlaneGeometry = new PlaneGeometry(100,100,1,1,true);//estos dos estaran de huevones acostados   public var plano3:PlaneGeometry = new PlaneGeometry(100,100,1,1,false);   public var… Read More

AS3, Away3D, Flash

Away3d 4 Beta: Bitmap texture with loaded image

08.02.2013

// creating the mesh var geometry:SphereGeometry = new SphereGeometry (100); var sphere:Mesh = new Mesh(geometry); scene.addChild(sphere); // loading texture var url:String = 'image.jpg'; var Ldr:Loader = new Loader(); Ldr.load(new URLRequest(url)); Ldr.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete); function onComplete(e:Event):void {      var bitmap:Bitmap = Bitmap(Ldr.content);      var bitmapData:BitmapData = bitmap.bitmapData;      var texture:BitmapTexture = new BitmapTexture(bitmapData);      var material:TextureMaterial = new TextureMaterial();      material.texture = texture;      sun.material = material; }… Read More

AS3

Create a square in AS3

08.02.2013

var square:Sprite = new Sprite(); addChild(square); square.graphics.lineStyle(3,0x00ff00); square.graphics.beginFill(0x0000FF); square.graphics.drawRect(0,0,100,100); square.graphics.endFill(); square.x = stage.stageWidth/2-square.width/2; square.y = stage.stageHeight/2-square.height/2;… Read More

AS3, CSS, Flash

Stylekit: a CSS3 parser and rendering engine intended for use in AS3

23.04.2012

http://www.as3gamegears.com/ui/stylekit/  … Read More

Javascript

Javascript check for IE

25.03.2012

function getInternetExplorerVersion() {     var rv = -1; // Return value assumes failure.     if (navigator.appName == 'Microsoft Internet Explorer') {         var ua = navigator.userAgent;         var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");         if (re.exec(ua) != null)  … Read More

Javascript

Jquery tips and tricks

26.11.2011

I recently found a very good article of some useful jquery tips and tricks here it is: http://www.opensourcehunter.com/2010/02/27/26-cool-and-usefull-jquery-tips-tricks-solutions/… Read More

AS3, Flash

move a movieclip to top of everything in Actionsctipt 3.0

25.06.2011

A quick and easy way to move a movieclip to top of everything in Actionsctipt 3.0: function moveToTop( mc:DisplayObject ):void { (mc.parent != null) ? mc.parent.setChildIndex(mc, mc.parent.numChildren-1) : null; }… Read More

Javascript

Redirect page through javascript

24.06.2011

Simple Redirect Page <script type="text/javascript"> <!-- window.location = "http://www.google.com/" //--> </script> Time Delayed Redirect <html> <head> <script type="text/javascript"> <!-- function delayer(){ window.location = "../javascriptredirect.php" } //--> </script> </head> <body onLoad="setTimeout('delayer()', 5000)"> <h2>Prepare to be redirected!</h2> <p>This page is a time delay redirect, Hang on while we redirect to another page.</p>… Read More

Jquery

Close modal dialog box when clicked outside

23.06.2011

I was searching for a way to close my modal dialog box when clicked outside of the dialog and i found a very good article by Ryan Jeffords at: http://www.ryanjeffords.com/blog/entry/closing-a-jquery-ui-dialog-when-the-dialog-loses-focus Thanx Ryan <script type="text/javascript"> //Wait for the document to load $(document).ready(function() { //Create the dialog and open it $("#dialog").dialog();… Read More

AS3, Flash

fscommand in Flash CS5

22.06.2011

For some reason the fscommand(“exec”,”some_app.app”); does not work when you publish a mac projector through flash CS5. the fscommand(“exec”,”some_exe.exe”); works fine when you publish a windows projector through flash CS5. The work around for mac which i came to know is: navigateToURL ( new URLRequest( "file:///Volumes/Name of Disc/your pdf file.pdf"),… Read More

Jquery

Check whether the div exists [Jquery]

21.06.2011

This is how you can check whether the div exists: if ( $("#message").length ) { $('#message').text("Hello!"); }… Read More

AS3, Flash

Flash apps on iPads

14.03.2011

Some examples of Flash applications on iPads. [youtube_lightbox source=”http://www.youtube.com/watch?v=5rp7UNCWbyc” title=”Comb Over Charlie – an AIR 2.6 multiscreen game” width=”” height=”” align=””] [vimeo_lightbox source=”http://vimeo.com/24168128″ image=”” title=”Rossignol Experience iPad App” width=”” height=”” align=””] [vimeo_lightbox source=”http://vimeo.com/25089434″ image=”” title=”Digitas Cache II” width=”” height=”” align=””] [youtube_lightbox source=”http://www.youtube.com/watch?v=NBazwZnc8yw” image=”” title=”Fishing Letter – CPU vs GPU (Air… Read More

Facebook

Basics of Facebook API

03.03.2011

I recently started developing a Facebook App, and i thought of sharing my experiences with all the people trying to get them started to build there own first app for facebook. By the way this is my first ever post in the world of blogging, so if i make any… Read More