5thGarage

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

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

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

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

Load gravity forms JS in footer

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

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

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

Top Website Layouts That Never Grow Old

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

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

Source… Read More

Framework-free frontends with Malina.js

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

How Often Should You Perform Technical Website Crawls for SEO?

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

How to define element aspect-ratios with CSS custom properties

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

Bookmarked: 10 Extraordinary GitHub Repos for All Developers

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

Bookmarked: 6 Programming Jokes That Will Make You LOL

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

Understanding CSS Multiple Backgrounds

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

Native Lazyload

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

Flying Pages

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

Why I built FlyingPress, how it’s different

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

Official AMP for WordPress Plugin Updated to Version 2.0

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

Dynamically Overwrite WordPress Permalinks with Filters

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

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

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

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

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

How to Add a New Breakpoint in Bootstrap

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

Using BugHerd to Track Visual Feedback on Websites

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

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

Source… Read More

Frontends

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

Pilot – The Australian Mens’ Health Navigator

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

How to send AJAX request from WordPress theme

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

Creating Scheduled Push Notifications

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

A Few Background Patterns Sites

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

What to Use Instead of Number Inputs

You might reach for… Read More

A Follow-Up to PHP Templating

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

How to Customize the WooCommerce Cart Page on a WordPress Site

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

While You Weren’t Looking, CSS Gradients Got Better

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

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

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

How to Properly Add jQuery Scripts to WordPress

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

Online Generator

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

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

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

Make your site’s pages instant in 1 minute

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

What Does Your IDE/Code Editor Look Like?

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

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

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

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

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

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

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

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

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

Making the Move from jQuery to Vue

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

React Select

Source… Read More

AngularJS, Animated Placeholder & Endless Scrolling

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

chrisdiana/cms.js

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

Squoosh

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

The ultimate guide to proper use of animation in UX

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

QuadMenu Review – Making Magic With Mega Menu

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

Pull to Re-flesh

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

Flexbox Grid

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

Log In ‹ Ranbuild — WordPress

Source… Read More

AngularJS Directive for FusionCharts

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

chinmaymk/angular-charts

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

Keeping Angular “service” list data in sync with controllers

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: Notifying about changes from services to controllers

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

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

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

5thGarage

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

Getting query string parameters with AngularJS

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

Learn Angular 6 in 60 Minutes – Free Beginners Crash Course

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

Lara: WordPress Google Analytics Dashboard Widget

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

How to Draw People

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

Progressive Tooling

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

The Best Freebies Every Designer Must Have

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

How to Add Infinite Scrolling to Your WordPress Site?

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

Organic Builder Widgets

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

thedaviddias/Front-End-Performance-Checklist

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

Uber

Source… Read More

Common Uses of IP Geolocation

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

8 Ways to Make the Search Field Sexy with CSS

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

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

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

What Is The Best WordPress Table Plugin? 4 Options Compared

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

Need to store some data?

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

The backdrop-filter CSS property

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

Managing :focus styles without breaking accessibility

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

What Is the Best API for Geolocating an IP Address?

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

Less creepy geolocation – Nathan Shubert-Harbison

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

How to Create Interactive Images in WordPress

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

Top 8 Website Responsiveness Testing Tools to Test Your Website Design

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

at-import/jacket

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

Critical CSS using Sass and Jekyll

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

ReactJS Transitions

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

Phone number links and accessibility · Matt Smith

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

PixelSnap

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

Clippy — CSS clip-path maker

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

javve/list.js

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

List.js

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

Context Menu

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

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

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

Reshader

Source… Read More

How to Show Weather Forecast in Your WordPress

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

Using Gravity Forms with Bootstrap Styles

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

How Different CMS’s Handle Content Blocks

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

Adding fields to Menu Items

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

Custom Walker: how to get ID in function start_lvl

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

Tools of the Modern UI Designer

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

URL-encoder for SVG

Source… Read More

Muzo – State of the Art Vibration Monitoring Sys.

Source… Read More

How to Add a Parallax Effect to Any WordPress Theme

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

dimsemenov/Magnific-Popup

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

Flickity

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

A forward-looking digital agency in Leeds and London

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

ScrollReveal

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

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

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

How to Make a Logo in Illustrator – KD #6

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

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

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

Regex Vimeo Parser

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

Implementation of Liquid button

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

Reset positions of metaboxes in admin

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

jQuery-svg-progress

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

storeLocator

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

Paroller.js : Parallax Scrolling jQuery Plugin

Source… Read More

Essential HTML, CSS and JavaScript Tools and Libraries

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

jQuery Pagination Plugins

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

Image Processing in Javascript

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

AmaranJS

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

How to Add Autocomplete for Address Fields in WordPress

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

Building a morphing hamburger menu with css

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

Send HTML Emails Using wp_mail and SMTP in WordPress

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

Progressively is a javascript library for loading images progressively

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

Quick Tip: The Easiest Way To Show Browser Notifications

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

Level Up Your CSS Skills With These 20 Pro CSS Tips

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

Making Responsive HTML Email Coding Easy With MJML – Smashing Magazine

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

5 way(s) to pluralize

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

Responsive CSS and JS Pop-up

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

Responsive CSS Tabs

Loading ……………… Source… Read More

Advanced Autocomplete jQuery plugin

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

How to View and Control WordPress Cron Jobs

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

Front-end Tools: My Favorite Finds of 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

$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

Customizer JavaScript APIs: The Previewer

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

Filter Posts by Custom Taxonomy in Admin

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

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

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

How to automatically notify members of your new posts

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

Customize WordPress help

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

Tasty CSS-animated hamburgers

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

Convert Websites to Apps

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

You Might Not Need That WordPress Plugin

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

10 Websites for Free High-Quality Images

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

PrognRoll

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

jeromeetienne/startupthree.js

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

jareware/css-architecture

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

What is the difference between CSS variables and preprocessor variables?

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

etimbo/jquery-print-preview-plugin

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

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

Source… Read More

Source… Read More

Understanding CSS3 Flexbox for Responsive Design

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

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

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

How to apply different CSS classes for different browsers

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

WTF, forms?

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

Experiment Time: Scroll Anchoring

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

Sharingbuttons.io

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

Kissui.scrollanim – CSS3 and JavaScript scroll animation

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

Quote of the Day

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

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

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

overhang.js

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

Coding mobile-first emails

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

4 Conditional Menu Items Plugins for WordPress

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

Build and deploy a new website quickly

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

How to Easily Import and Export WordPress Users

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

How to create a backdoor in WordPress

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

Top 100+ websites about WordPress (part 2)

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

A JavaScript gesture detection library for the modern web

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: The Perfect Print Stylesheet

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

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

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

An Automated Way of Taking Website Screenshot in WordPress

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

A JavaScript library for building web user interfaces — Monkberry

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

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

Please give me a hand. Source… Read More

Frend

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

Algolia Places

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

You Don’t Need JavaScript for That!

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

Export SVG Animations for the Web with Snap.SVG Animator

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

THE BOOTSTRAP 3 BUILDER

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

Three.js Inspector in Chrome Devtools

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

15 Most Annoying Things about WordPress and How to Fix Them

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

Modifying Admin Post Lists In WordPress

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

Hacking the WordPress Admin: Mastering Custom Columns

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

Customizing the WordPress Admin Area to Make It Your Own

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

Customizing the WordPress Admin – Listings Screens

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

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

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

Source… Read More

Browser Calories

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

CodePen – #3 – Custom Select Box

Source… Read More

Installing WP-CLI with MAMP

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

NextGen ActionScript

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

Plyr

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

Reducing JPG File size — Medium

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

Essential UX Tips for Your Website

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

Build pixel perfect apps in peace

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

Image Picker

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

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

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

A selection of author settings for Chrome Developer Tools.

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

More Surprising Statistics About WordPress Usage

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

Source… Read More

Waterfall.js

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

WordPress Ajax call

<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 change grid column count and gutter width using SASS

/************************************ ***** 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

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

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

How to Add Google Search in a WordPress Site

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

State of affairs: Bootstrap 4 vs Foundation 6.2

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

24 Best Free Responsive HTML5 Website Templates for your next projects

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

Alternatives for WordPress Transactional Emails

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

Probably Don’t Base64 SVG

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

Is Mandrill Done? 5 Alternatives for Your Transactional Email

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

Extending Advanced Custom Fields With Your Own Controls – Smashing Magazine

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

DoSlide

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

Split.js

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

[UI] Phone styled IFrame

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

CodePen – Modal Dialog

Source… Read More

CSS Optimization Checker

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

functions.php

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

Screaming Frog SEO Spider Tool

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

Automatically art-directed responsive images

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

Designer Bio Generator™

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

What is CMS.js?

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

Make WordPress Yours

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

Source… Read More

Flexbox playgroung

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

Async CSS w/ link[rel=preload]

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

jQuery Sortable Photos

Source… Read More

button or link hover

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

CodePen – Another fuc*ing hamburger

Source… Read More

ahmad-sa3d/rcswitcher

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

Section Scroll

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

DateBox : Home

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

CSS3 spin preloader + preload Page

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

Low Poly Tree Generator

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

Tabslet

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

Squeezebox Portfolio Template

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

The WordPress Theme Customizer: a Comprehensive Developer’s Guide

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

Dance to Calypso

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

WordPress › Responsive Images in WordPress 4.4 – Make WordPress Core

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

How to Optimize WordPress for Holiday Traffic

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

Useful Pens for Everyday Front End Development

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

Source… Read More

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

notie.js by Jared Reich

Source… Read More

G-RO: Revolutionary Carry-on Luggage

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

30 of the Top WordPress Freebies of 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

Top 5 Appointment and Booking Plugins for WordPress

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

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

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

14 Essential & Must-Have Free WordPress Plugins for 2016

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

Cream of the Crop: The 14 Best WordPress Plugins of 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

Dead-Simple Migration for WordPress Multisite Networks, by ServMask

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

WordPress › All-in-One WP Migration

Source… Read More

Moving Your WordPress Site From A Staging Server To Live

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

Blend : Generate simple and beautiful CSS3 gradients.

    Source… Read More

NavNav

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

Top 15 Guides on How to Build a WordPress Website

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

List of jQuery menus for Web Developers #1

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

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

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

Debugging Minified Files in WordPress

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

Source… Read More

Beginners Guide on How to Add Twitter Cards in WordPress

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

How to Clone a WordPress Site in 7 Easy Steps

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 WordPress Tips and Snippets

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

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

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

The WordPress Nav Walker Class: A Guided var_dump()

Source… Read More

How To Install WordPress on Google Cloud

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

Beginner’s Guide to Fixing Your Hacked WordPress Site

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

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

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

Jets.js Native CSS search engine

*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

slack cheat sheet at DuckDuckGo

⬆ Source… Read More

WordPress › Shortcodes Ultimate

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

Source… Read More

Create a Mobile Application Using WordPress, Ionic, and AngularJS

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

Source… Read More

Hassle Free Responsive Images for WordPress

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

List terms in a given taxonomy using wp_list_categories

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

WP_Query Arguments: Taxonomies

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

Programmatically List Google Maps Markers

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

Source… Read More

Flexbox Quote Bricks

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

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

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

A Smarter Way To Find WordPress Plugins

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

Minimize SVG files

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

jquery.peekABar

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

WP Video Robot: Add Videos To Your Site, Automatically

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

Source… Read More

Source… Read More

» A lazy loading and multi-serving image script «

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

Responsive overlay menu framework examples

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

13 Plugins and Tips to Improve WordPress Admin Area

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

It’s Tuesday.

A quirky CSS Animation Library. Source… Read More

Using Modernizr with Flexbox

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

How to Monetize Your WordPress Blog

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

Top 10 companies winning at remote work culture and their secrets

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

Source… Read More

Source… Read More

WordPress Sitemap Walker

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

The Custom Facebook Feed WordPress Plugin

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

Bootstrap Social Icons: Pure CSS Icons and Buttons

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

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

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

WordPress REST API Basics

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

32 Must-Have (And Free) WordPress Plugins

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

Source… Read More

South West Events › Log In

Source… Read More

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

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

Source… Read More

Source… Read More

Quick[select]

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

Scrollissimo

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

Squeezebox Portfolio Template in CSS and jQuery

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

Reveal Animations When Scrolling — WOW.js

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

imakewebthings/waypoints

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

sindresorhus/speed-test

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

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

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

How to Search Everything Within Custom Post Types

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

Customize WordPress Admin Color Scheme

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

How to Change the Admin Color Scheme in WordPress 3.8

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

WP MAMP Manager

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

Getting Started with SEO and WordPress

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

Source… Read More

Source… Read More

mike-zarandona/SmarterImages

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

How Secure Is Your WordPress Website?

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

Paletton, the color scheme designer

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

Toolbox of the Smart WordPress Developer: Series Finale

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

A simple, yet customizable live search jQuery plugin

Source… Read More

10 Cool and Useful Premium JavaScript Plugins for your next projects

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

How to Create CSS3 Animated Checkboxes

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

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

Source… Read More

Twitter-like Header Parallax Effect Using Pure CSS / CSS3

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 AjaxDownloader

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

responsivelyLazy – Lazy Load Responsive Images

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

CodePen – SVG Loader Animation

Source… Read More

10 WordPress plugins we greatly admire

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

GenerateWP – User friendly tools for WordPress developers

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

Annotator Pro – Image Tooltips & Zooming Preview – CodeCanyon

Source… Read More

10 jQuery Parallax and Web Scroll Plugins for Amazing Web Experience

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

ran­dom­Color

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

PHP file Download Script to download any file.

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

WordPress login to download uploaded files · GitHub

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

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

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

HalfTone.svg (Image to Halftone Conversion via )

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

A jQuery – Bootstrap plugin

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

Managing Responsive Breakpoints with Sass

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

Office Hours

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

CollagePlus – Image Gallery Plugin for jQuery

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

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

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

jQuery Lazy – Delayed Image and Background Loader

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

This RoboCop + Terminator Mashup Figure Needs to Exist

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

Source… Read More

CUPBOARD ORGANISERS

Source… Read More

jQuery Auto Fix Anything

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

WordPress › HTML5 Maps

Source… Read More

Determine if a WordPress post or page has children

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

jquery-confirm.js | The multipurpose alert & confirm

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

CodePen – Context Menu

Source… Read More

Zoommy Application

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

Spaces

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

Checkout

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

Shop CM WordPress Plugins Store

Source… Read More

6 Simple Steps to Change Your Table Prefix in WordPress

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

Selectivity.js

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

Disable emojicons introduced with WP 4.2

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

WordPress Theme CSS and JS Cache Busting

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

Setting Up Sublime Text for WordPress Development

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

SVGOMG : SVGO’s Missing GUI

Precision Source… Read More

WordPress › Developer

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

Source… Read More

WordPress › Debug This

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

WordPress hooks database

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

How to Choose a Perfect Color Scheme for Your WordPress Site

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

Building Custom Login and Registration Pages in WordPress

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

Source… Read More

About us

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

Importing CSS Breakpoints Into Javascript

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

angular interactive box-model diagram

@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

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

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

SCSS triangles mixin

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

Sass Burger

Source… Read More

Sass Theming with Configuration Files

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

dragula

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

Free HTML5 & CSS3 Templates

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

Toolkit

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

A Pen by Captain Anonymous

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

Responsive image map

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

A really fast AJAX autocomplete service and widget

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

A touch slideout navigation menu for your mobile web apps.

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 Browser Selector

Source… Read More

Mixin to Qualify a Selector

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 Ruler

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

Use Gravity Forms to submit custom post types

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

Flickity beta

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

Fixed Background Scrolling Layout

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

Midnight.js lets you switch fixed headers on the fly

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

ICONO

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

willianjusten/awesome-svg

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

Text Input Effects Simple ideas for enhancing text input interactions

Minoru First Name Middle Name Last Name Source… Read More

20 Useful jQuery HTML5 CSS3 Navigation Menu Tutorials

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

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

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

SVG Loaders – Sam Herbert

Source… Read More

Formstone

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

Source… Read More

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

// 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

Sandra

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

A look back at2014

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

demosthenes.info – Better Buttons With Blend Modes and Filters

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

The Best Drone for Every Beginner

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

Immerse › Log In

Source… Read More

Regulex JavaScript Regular Expression Visualizer.

Regulex JavaScript Regular Expression Visualizer. Source… Read More

Elastic SVG Elements

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

getify/You-Dont-Know-JS

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

Tips for authoring fast-loading HTML pages

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

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

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

Labelauty jQuery Plugin

Source… Read More

metisMenu

Source… Read More

DEPLOY WITH CONFIDENCE

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

About Andy.SCSS

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 Toggle

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

Material Design Preloader

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

PhotoSwipe 4.0β

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

gillesbertaux/andy

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

RegulexJavaScript Regular Expression Visualizer.

RegulexJavaScript Regular Expression Visualizer. Source… Read More

drawer

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

Midnight.js lets you switch fixed headers on the fly

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

Marka

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

alvarotrigo/pagePiling.js

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

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

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

Flexbox Cheatsheet Cheatsheet

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

Solutions to WordPress eCommerce Challenges

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 Media Queries for All Devices and Browsers (Including IE7 and IE8)

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

HTML5 Online Animation Editor | Animatron

Source… Read More

Sweet Alert

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

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

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

Curate this. — The Missing (Bootstrap) Breakpoint

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

High Performance Map Interactions Using HTML5 Canvas

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

Dimensions Browser Extension

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 hacks explained

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

Source… Read More

Source… Read More

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

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

Scroll-Then-Fix Content

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

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

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

EnjoyHint

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

Performance tooling today

Source… Read More

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

Source… Read More

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

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 PREprocessors

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

Migrating your websites to the DV server

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

Tablesaw: A Flexible Tool for Responsive Tables

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

COLORS

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

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

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

SVG Spritemap

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

Radar #55

Source… Read More

Flexy Boxes — CSS flexbox playground and code generation tool

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

Flexbox Based Responsive Equal Height Blocks With JavaScript Fallback

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

Naver

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

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

Source… Read More

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

Source… Read More

Emmet’s hidden power features

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

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

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

sokolovstas/SublimeWebInspector · GitHub

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 Gaming

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

jKit – jQuery based UI Toolkit – Index

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

Minimalect

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

Inspiration for Custom Select Elements

Previous Demo Back to the Codrops Article Source… Read More

Simple Effectsfor Drop-Down Lists

« 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

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

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 Flip Out Cards

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

ActionScript Snippets

Sign In Source… Read More

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

Source… Read More

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

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

Source… Read More

LiveShare PS: Real-time Design Meetings Inside Photoshop

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

srvdir – make any folder a secure public fileserver

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

Source… Read More

HTML Table generator

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

Freebie: “Halcyon Days” One Page Website Template

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

CoverVid

Source… Read More

How to Learn AngularJS – Your AngularJS Sherpa

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

Testing multi-screen web pages

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

Hover Effect Ideas Inspiration for subtle hover effects

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

PrettyEmbed.js Demo – CodePen

Source… Read More

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

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

Getting Your PageSpeed Score Up

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

simpl.info

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

Web Starter Kit

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

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

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

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

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 polyfills from the future : GSS

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

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

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

Troubleshooting CSS

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 Overlay Techniques

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

HTMLHint

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

Prefilling Forms with a Custom Bookmarklet

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

Giving Animations Life

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

Favicon Generator. For real.

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

Google Design

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

ClockPicker

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

Web Developer Checklist

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.2 highlights mobile features, adds browser bug tracking

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

Snazzy Maps – Free Styles for Google Maps

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 Form Builder

Source… Read More

CSS Shrink

Source… Read More

Chrome 38 Introduces a Responsive Design View

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

smallworld.js

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

Responsive News — Building a responsive SVG map

Source… Read More

Draggable Dual-View Slideshow

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 vocabulary

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

How to Add Numeric Pagination in Your WordPress Theme

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

Bootsnipp

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

Call to Idea – Get inspired!

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

Bootstrap 3 responsive columns of same height

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

Improving Link Display for Print · An A List Apart Article

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

VelocityPage

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

randomColor

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

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

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

Retina Display Media Query

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

Whoa, a weather plugin?

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

Checking Media Queries With Javascript

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

Find extension of a file

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

Resize image to fit in a rectangle

/** * 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

Set the movieclip color

/*** 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

Cube with different color faces

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

Away3d 4 Beta: Bitmap texture with loaded image

// 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

Create a square in AS3

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

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

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

Javascript check for IE

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

Jquery tips and tricks

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

move a movieclip to top of everything in Actionsctipt 3.0

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

Redirect page through javascript

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

Close modal dialog box when clicked outside

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

fscommand in Flash CS5

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

Check whether the div exists [Jquery]

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

Flash apps on iPads

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

Basics of Facebook API

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