background preloader

Web development

Facebook Twitter

MJML - The Responsive Email Framework. A Guide to Bulletproof Buttons in Email Design. How to Make a div a Clickable Link - HTML & CSS - The SitePoint Forums. Socialmediaacademie. De 10 geboden voor je webformulier. Infinite AJAX Scroll - The SEO-friendly infinite scroll plugin for jQuery.

Typografics. How to remove your website or web page from Google — Voog. Web Content Accessibility Guidelines (WCAG) 2.0. This publication has been funded in part with Federal funds from the U.S.

Web Content Accessibility Guidelines (WCAG) 2.0

Department of Education, National Institute on Disability and Rehabilitation Research (NIDRR) under contract number ED05CO0039. The content of this publication does not necessarily reflect the views or policies of the U.S. Department of Education, nor does mention of trade names, commercial products, or organizations imply endorsement by the U.S. Government. The 16 Best App Makers to Create Your Own Mobile App. We’ve been following the website builder market for more than five years now and creating a simple website is not really much of a problem these days.

The 16 Best App Makers to Create Your Own Mobile App

But does the same hold true for mobile apps? Can it be possible to create a mobile app without having a clue about programming languages? While my wife was toying with the idea of creating a mobile app for her museum website, we took the opportunity to try out some of the best app makers on the market. There really is no shortage of companies offering this kind of service; we easily found more than 30. Update: the app has now been launched, check it out here.

Mobile App Makers in 100 Seconds App doesn’t equal App Most of the app makers that we’ve tested offer two kinds of apps: A HTML5 app is a mobile friendly version of your existing website. What most people will be keen on though, is a Native App that users can download on the Apple App Store, Google Play Store (and maybe, just maybe on the Window Phone Store). De 10 beste app makers. 10 Building Blocks of a Business Development-Focused B2B Website. Whether you’re planning to redesign your B2B company’s current website, or you are planning to build an entirely new website for a startup or rebrand, making sure you’re using the right building blocks is absolutely critical to the effectiveness and success of your new website.

10 Building Blocks of a Business Development-Focused B2B Website

All B2B websites are not created equal. The Ultimate Guide to Font Pairing. Great fonts are essential to great design. But picking great fonts can seem like an impossible dark art for most people. In the article below I’ll explain the basics of choosing great fonts and then give you my favorite combinations that you can use in your own designs. The Ultimate Guide to Font Pairing. A Guide to CSS Inlining in Email. Email development involves a combination of HTML and CSS, or Cascading Style Sheets.

A Guide to CSS Inlining in Email

While HTML structures the content and layout of the email, CSS is used to style and format the content—like including link colors and headline fonts. There are three ways to include styles within an email: using external stylesheets, embedded styles, or inline styles. While external stylesheets are a great option for web design, they aren’t the best option for email design—many webmail clients block links to external stylesheets. Less - CSS - Using a pseudo-element for an image mask. Placeholders.js - An HTML5 placeholder attribute polyfill. Placeholders.js is a JavaScript polyfill for the HTML5 placeholder attribute.

Placeholders.js - An HTML5 placeholder attribute polyfill

It's lightweight, has zero dependencies and works in pretty much any browser you can imagine. Clipping and Masking in CSS. Both of these things are used to hide some parts of elements and show other parts.

Clipping and Masking in CSS

But there are, of course, differences between the two. Differences in what they can do, differences in syntaxes, different technologies involved, the new and the deprecated, and browser support differences. And sadly there is quite a bit of outdated information out there. Making Font Awesome awesome - Using icons without i-tags - Dusted Codes. Font Awesome is truly an awesome library.

Making Font Awesome awesome - Using icons without i-tags - Dusted Codes

How to turn your icons into a web font. I had created some neat icons for a website redesign I was doing, and I previewed the new site on an old iPad.

How to turn your icons into a web font

The layout looked OK at normal size, but zooming in to part of the page, I suddenly saw that my icon was a blurry mess, while the text-based header was still crisp and sharp. On a newer Retina-display iPad, the icons didn’t look quite sharp, even at normal size. The first idea I had was to create double-sized sprite images, setting them to display at half their size using CSS. Stylesheets. Animate text over images on hover without JavaScript. A couple of months ago, I published a tutorial showing how to show text over images on hover without using JavaScript.

Animate text over images on hover without JavaScript

When I presented to an HTML5 Meetup Group a couple of weeks ago, I took that idea and ran with it, adding some extra special animations, and I’ll show you how to do it too. Here’s what we’ll be creating: There are three animations happening simultaneously when you move your mouse over each image: A zoom effect on the image itself, created by scaling the image up 140%The text and its transparent black background fading inThe text dropping in from the top. Home - Use & Modify. Font Awesome Cheatsheet. CSS Simple Tooltip. DHTML JavaScript Tooltips. Recording Playback. Complete list of Font Awesome icons with their CSS content values.

Free vector icons - SVG, PSD, PNG, EPS & Icon Font - Thousands of Free Icons. Pydio, formerly AjaXplorer. Pydio is open source software that turns instantly any server (on premise, NAS, cloud IaaS or PaaS) into a file sharing platform for your company.

Pydio, formerly AjaXplorer

It is an alternative to SaaS Boxes and Drives, with more control, safety and privacy, and favorable TCOs. As easy to use as great consumer software, Pydio is designed to provide enterprise grade security and control. Unbelievably easy to install for System Administrators, Pydio connects instantly to your existing employee directories. Learn more about Pydio 6 by taking the full product tour page Simple, Sleek, Beautiful. Access your docs from anywhere, from any browser. Most common formats previews (audio, video, PDF, Office Documents) Native mobile applications for iOS and Android – WebDAV server embedded Lucene indexation for quick search The ultimate sharing machine Share files or folders as weblinks with outside world. Parent-menu-item-hover-while-hovering-submenu. Pleeease · Process CSS with ease. How to host google web fonts on my own server? 5 Questions to Ask to Improve Every Page of Your Nonprofit’s Website.