Links

WHOIS

WHOIS

WHOIS

WHOIS

CSS

SEO / Website optimization

Design

SEO / Website optimization

CSS

Photography

So you want to create soft, beautiful light? One of the first light modifiers that comes to your mind is probably the tried and tested softbox. But, when it comes to versatility, are softboxes really worth the money? In this article, we are going to look at a viable contender to the age-old softbox – the light panel.

DesignResponsive

Making responsive websites has its downsides. The value the site provides to the user is more important than ever, and aesthetics often take a backseat while performance reigns supreme. The problem is that performance cannot be mocked up in Photoshop, and new methods to meet design challenges have to be adopted. So here are 10 problems with creating responsive design websites, along with 10 possible solutions.

SEO / Website optimization

SEO / Website optimization

DesignNewsletter

SEO / Website optimizationUsability

DesignMobile

Design

Euro- en begrotingstekorten. De wereld gaat failliet en ondertussen browset en surft diezelfde wereld er met steeds ruimere bandbreedtes en uiteenlopender apparaten op los. Welke kant gaat webdesign op in 2012? Op internet verwachten we eigenlijk weinig zuinigheid. We zien grote, ruime en rijke ontwerpen en inventieve animaties. Opvallend is een voorkeur voor zachtheid en nostalgie. We spotten tien trends voor het komende seizoen.

Ajax

CSS

Stockphoto

DevelopmentJavaScript

SEO / Website optimization

JavaScript

In this post I will share 12 extremely useful hacks for JavaScript. These hacks reduce the code and will help you to run optimized code. So let’s start hacking!

Design

Design

SEO / Website optimization

JavaScript

This really is a must read for any JavaScript-based developer. I have written this article as a vital source of reference for learning shorthand JavaScript coding techniques that I have picked up over the years. To help you understand what is going on I have included the longhand versions to give some coding perspective.

June 14th, 2017: This article was updated to add new shorthand tips based on ES6.

Design

SEO / Website optimization

JavaScript

Photography

JavaScriptjQueryAjax

The next set of cheat sheets that we are going to feature right now is very helpful for web developers working on the popular programming language JavaScript and AJAX technology. Cheat sheets serve as a reference guide for web designers to quickly remember things as it delivers the information you are looking for immediately. It contains plenty of shortcut tools and syntax code that may help you to be a master of most widely used Applications on the web.

DesignResponsive

It looks like the days of designing a site for one minimum resolution are almost gone. That’s why “responsive web design” is such a hot topic lately. If you’ve yet to incorporate this concept into your web designs and you’re looking for examples, or if your simply in search of some responsive inspiration, here are 24 excellent example of responsive web design in action.

JavaScriptResponsivejQuery

The most popular topic of discussion at the moment is undoubtedly responsive layouts in web design. Without going discussing too much what you will already know, a responsive layout allows you to offer a specific and optimised screen size based on whatever device (mobile, tablet…) the visitor uses.

You would typically use Media Queries to resize the overall layout, but what about all of those individual elements and features that make your page unique? Navigation, forms, images, sliders, carousels… they all need to be optimised as well.

That is were this post comes in, by highlighting 25 jQuery plugins that will help you optimise and resize those trickier web elements.

Social

JavaScript2ality is a blog about technology and life (consult “Sitemap” for details). It was started in March 2005.

DesignResponsive

Design

Design

CSSDevelopmentJavaScript

Short code snippets for all your development needs.

JavaScript

A large curated collection of useful bits of JavaScript code you can understand in 30 seconds or less.

CSS

A curated collection of useful CSS snippets you can understand in 30 seconds or less.

SEO / Website optimization

Design

Ben je het met me eens dat het VERDOMD moeilijk kan zijn om de juiste inspiratie te vinden voor een nieuw webdesign?

In dit artikel geef ik je drie handige en tijdbesparende tips die je kunt gebruiken voordat je aan je zoektocht begint… En daarbij een lijst met de 33 prachtige websites over webdesign die ik heb gevonden.

Design

SEO / Website optimizationLet’s bust some duplicate content myths.

HTML5HTML

Here we present before you, a comprehensive list of more than 40 HTML5 examples, tutorials and techniques that you can’t afford to miss if you are a web developer.

DesignResponsive

Responsive web design become a very popular trend in 2011. It’s likely something we’ll see continuing well into 2012 as designers are beginning to support a myriad of mobile devices. Building layouts for the web can be tough, but inspiration is a huge factor. In this gallery I’ve collected 40+ amazing responsive website layouts. These designs are built to support a set of different resolutions and re-size accordingly. It’s tricky building this functionality in HTML5, even advanced web developers may not understand responsive design trends. But check out some of our examples below and you’ll pick up techniques very quickly. Additionally let us know your thoughts or questions in the post discussion area.

Stockphoto

It can be insanely hard to find high quality, free stock photos for personal and commercial use. A growing number of awesome websites have amazing photos you can use for your work for free. I’ve curated a list of the most epic sites that have great stock images you can use for different purposes. You have probably bookmarked a few of these already.

Most of the photos you will find on these sites are free from copyright restrictions or licensed under creative commons public domain dedication. You can copy, modify, distribute and use for even for commercial purposes, all without asking permission. However, some photos may require attribution.

Stockphoto

It can be insanely hard to find high quality, free stock photos for personal and commercial use. A growing number of awesome websites have amazing photos you can use for your work for free. I’ve curated a list of the most epic sites that have great stock images you can use for different purposes. You have probably bookmarked a few of these already. Most of the photos you will find on these sites are free from copyright restrictions or licensed under creative commons public domain dedication. You can copy, modify, distribute and use for even for commercial purposes, all without asking permission. However, some photos may require attribution.

JavaScript

JavaScript

In this article, I’ll share a set of JavaScript tips, tricks and best practices that should be known by all JavaScript developers regardless of their browser/engine or the SSJS (Server Side JavaScript) interpreter.

Design

DuikenMet onze naam willen we aangeven dat wij er zijn voor de duiker. Alles wat wij doen, doen we voor duikers, oftewel 4Divers!

SEO / Website optimization

JavaScriptMobileIn this article I’ll introduce some JavaScript APIs that allow your web pages to access hardware components of mobile devices or that can empower your web application on mobile devices.

JavaScript

In this article, we’ll go over a list of tricks that will make you a better developer and supercharge your JavaScript skills.

Design

Design

jQueryI’d like to share 5 things in jQuery that I think you should think twice about doing.

DesignResponsive

5 commonly used CSS tricks along with sample cases for coding responsive designs. They are simple CSS properties such as min-width, max-width, overflow, and relative value — but these properties play an important part in responsive design.

React

How to Avoid Unnecessary Re-rendering in React

Photography

The beauty dish. It’s one of my favorite light modifiers, which is why I’m so excited to share some techniques you can try with your beauty dish. Don’t have one? Not to worry. There are plenty of DIY beauty dish project plans online. I’ve actually made them out of aluminum turkey pans. When you decide to step up to a more professional beauty dish, however, they are usually not as expensive as most light modifiers and you can get them for speedlights or studio strobes.

CSS

U never know6PP ontsluit vrije geografische gegevens in Nederland. Plaatsen, postcodes, straten, netnummers en geo-coördinaten zijn toegankelijk als wiki en downloads.

DesignUsability

Elke detailpagina van je website moet bezoekers aanzetten tot actie: iets bestellen, een offerte aanvragen, je e-boek downloaden, inschrijven op je nieuwsbrief… 
Dat doe je via een dikke vette call-to-action knop. Maar waar plaats je die best?

DesignFontIcon

HTML5HTML

HTML5 has been a hot topic recently. Although its been around for a while now, I still find myself coming across features that I didn’t know about. Here’s a few that I thought I’d share with you.

Photography

Social

Handig/geinig

SEO / Website optimization

SEO / Website optimization

Duiken

JavaScript

You can’t get very far in JavaScript without dealing with objects. They’re foundational to almost every aspect of the JavaScript programming language. In this post you’ll learn about a variety of patterns for instantiating new objects and in doing so, you’ll be gradually led to understanding JavaScript’s prototype in depth.

Bank

Bank

Design

Take a look at some of the biggest sites out there today that are showcasing top-notch designs. It’s very likely they’ve used a grid of some sort. Grids enable stability and structure in a web layout, giving the designer a logical template to build the site on.

CSS

A solid, thorough manual covering linear, radial, conic, and repeating gradients, plus lots of handy tips and pointers.

CSSDesignGrid

Our comprehensive guide to CSS grid, focusing on all the settings both for the grid parent container and the grid child elements.

Handig/geinigConvert multiple addresses to GPS coordinates

SVG

This is a very well presented interactive guide to understanding SVG paths and path commands, covering cursors, lines, bézier curves, and more.

Design

Photography

One very common question I get from photographers is why they can never get their images as sharp as the ones they see online. This is a loaded question, and it really made me think about all the things I go through to get tack sharp focus on my images. Sure there are the obvious tips like holding the camera properly, squeezing the shutter instead of stabbing it, tucking your elbows in, and so on. The truth is, that is just the beginning to taking sharper photographs.

Marketing / BrandingSocial

Instagram is een van populairste sociale mediaplatforms om op te adverteren. De kosten van een campagne zijn echter niet een-twee-drie duidelijk. Dat kan je ervan weerhouden er überhaupt aan te beginnen. Met dit overzicht van de kosten en de factoren die daarop van invloed zijn weet je hoe het zit.

GoogleGoogle Apps

DesignCSS

CSS

SEO / Website optimizationWhen you look at any of the thought leaders in marketing and copywriting, read any top keyword research guide (from Hubspot, Copyblogger, Moz) they will all tell you the same thing: You gotta get your keyword research right.

CSS

Write CSS without worrying that overzealous, pre-existing styles will cause problems. MaintainableCSS is an approach to writing modular, scalable and of course, maintainable CSS.

AngularJS

Rob Eisenberg:

Have questions about the strategy for Angular 2.0? This is the place. In the following article I'll explain the major feature areas of Angular 2.0 along with the motivations behind any changes. Following each section, I'll provide you with my own opinions and insights into the design process including important areas where I think the design still needs improvements.

Photography

SEO / Website optimization

DesignMobile

Designing emails that look great no matter where they’re read can be quite the challenge. As more people read email on mobile devices, chances are your recipient might view your email both on a mobile phone as well as on their desktop.

Take the guesswork out of designing your next mobile-friendly email with this infograph. We’ve outlined ten important guidelines to an amazing mobile experience, as well as six things you’ll definitely want to avoid. You’ll also find our mobile compatibility chart at the bottom for easy reference.

Photography

AngularJS

A free interactive book, covering directives, modules, services, controllers, routing, and more.

AngularJSJavaScriptLet's face it, writing web applications is hard. Battling to make a functional front-end is one of the biggest pain points. AngularJS eases this pain. The learning curve may be steep, but we'll break down the complexities in plain English to get you up and running in no time. By the end of this tutorial you'll be armed with all of reasons to use Angular and have built an Angular app in around 20 lines of JavaScript code.

HTML5JavaScript

U never know

CSS

DesignGoogle

When you hear the phrase “material design” it may evoke the mental image of an interior designer oscillating between choices for drapery fabric. Strangely this metaphor wouldn’t be too far off from Google’s new design specification. While there are plenty of differences between the physical and digital world Google is attempting to bridge that gap for a more relatable UI design process.

JavaScriptjQuery

Callback functions are simple and get the job done for simple cases. Unfortunately, when your web pages increase in complexity and you need to perform many asynchronous operations, either in parallel or in sequence, they become unmanageable.

CSS

JavaScriptThis blog post explains how arrays work in JavaScript. They are much more like objects than you might think.

Social

JavaScriptWhen it comes to dealing with asynchronous development in JavaScript there are many tool you can use. This post explains four of these tools and what their advantages are. These are Callbacks, Listeners, Control Flow Libraries and Promises.

Primosite

DesignBackgrounds

JavaScriptThis blog post enables you to get started with JavaScript as quickly as possible – if you already know how to program. It describes the smallest subset of the language that allows you to be productive. I call that subset “Basic JavaScript” and recommend to program in it for a while, before moving on to more details and advanced topics. Learning everything at once is too confusing. The post concludes with tips for what to learn next.

Design

Good visual designs aren’t born. They are made. The key to becoming a better visual designer is rigor. You will only improve as a visual designer if you make a conscious effort.

Here are some fundamentals you should master so you can take your visual design to the next level.

CSS

Audio

You can use Bensound's music available under the Free License (with the black download button) in your multimedia project (online videos, websites, animations, etc.) for free as long as you credit Bensound.com.

GoogleSEO / Website optimization

DesignMobile

2 read

It happens to the best of us. We don’t realize that some of our decisions are affected by cognitive and organizational biases. Our new Bias Busters series presents articles on the most common biases and ways you can address them.

Design

Big Data is amazing. It describes our everyday behavior, keeps track of the places we go, stores what we like to do and how much time we spend doing our favorite activities.

Big Data is made of numbers, and I think we all agree when we say:

Numbers are difficult to look at.

 

Stockphoto

Bank

HotBing

SEO / Website optimization

HTMLCSSSocial

Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.

Nerd alert: Bootstrap is built with Less and was designed to work out of the gate with modern browsers in mind.

Bridge

Bridge

JavaScript

Design

Stockphoto

Primosite

SEO / Website optimization

CSSJavaScriptUsing data- attributes for indexation, and a dynamic stylesheet with a CSS3 selector for search, it is straightforward to implement a client-side full-text search in CSS rather than JavaScript. Here is an example.

Tools

Code Formatter, JSON Beautifier, XML Viewer, Hex Converters and more...

CSSDesign

A practical step-by-step guide

jQueryThese are some of the common standards and best practices for writing better code with jQuery

Design

Design

Create the perfect palette or get inspired by thousands of beautiful color schemes.

AngularJS

DesignMobile

DesignMobile

DesignMobile

JavaScriptjQuerySlider

Geo

Design

Color scheme generator

SEO / Website optimization

DesignUsability

A recap of my design workshop PennAppsXV.

JavaScript

Let’s say that you have an array of arrays that is dynamically generated and you would like to provide a download link/button to download it as a CSV. How would you go about doing it?

DesignMobile

HotPrimositeTools

Scheduled execution of your websites and scripts

JavaScript

JavaScript image cropper.

CSS

CSS

DesignCSS

CSS

This article covers CSS3 transitions in-depth. I hope you'll come away from this article with a more rounded understanding of CSS3 transitions, along with a few practical tips and techniques to help you implement this feature in new projects.

CSSBackgrounds

CSS

CSS

CSS

CSSBackgrounds

Use this demo to create CSS background-image gradients. The CSS markup works in browsers (including Internet Explorer 10, Chrome, Firefox, Opera, Safari) that support CSS3 gradients in unprefixed form or with any of the following vendor prefixes: -ms-, -moz-, -o-, -webkit-.

CSS

CSS

CSS

HTML5JavaScriptWeb Components are a suite of connected technologies aimed at making elements reusable across the Web. The lion’s share of the conversation has been around Shadow DOM, but probably the most transformative technology of the suite is Custom Elements, a method of defining your own elements, with their own behavior and properties.

CSSUsing Custom scrollbars in your website can be really eye-catching and they go well with the website’s design. For web designers, it’s difficult creating them with JavaScript. Instead, you can create custom scrollbars using CSS. According to my acknowledge, it only worked in Internet Explorer. During my recent project, my client required the scrollbar to be stylized with CSS, and make it work in most mainstream browsers. So after a bit of googling, I found the tricks to do so and share them with you here.

DesignFont

Duiken

JavaScriptjQuery

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.

Tools

DATAURL.NET is home to some open source tools for creating and working with Data URLs(RFC 2397).

Two of these tools are web-based and available here:

• Data URL Maker converts files to Data URLs.
• Data URL CSS Optimizer optimizes CSS files by embedding external images as Data URLs.

Various modules, code examples and GUI/command line tools for UNIX systems are available in Downloads.

JavaScriptjQuery

Datedropper is a jQuery plugin that provides a quick and easy way to manage dates for input fields.

SEO / Website optimization

Duiken

The World's first self-adhesive, colour-coded wrist slate decals

DesignMobile

Golf

SEO / Website optimization

Google Apps

SEO / Website optimization

SEO / Website optimization

DesignUsability

Search box is a combination of input field and submit button. One may think that the search box doesn’t need a design; after all, it’s just two simple elements. However, on content-heavy websites, the search box is often the most frequently used design element. When users encounter a relatively complex sites, they will immediately look for a search box to get to their final destination quickly and painlessly. The design of the search box and its usability becomes a big deal.

In this article we’ll see how this element can be improved in order to save the user time in going where they want.

DesignResponsive

Design

DesignUsability

Over het design van call to action-buttons is al veel inkt gevloeid. Maar wat is nu écht belangrijk? Er zijn 3 zaken waar je op moet letten.

PrimositeDe cookiewet vereist toestemming voor het plaatsen van cookies, maar niet alléén toestemming. U moet namelijk ook uitleggen waaróm u cookies plaatst en wat daar de bedoeling van is. Hiertoe wordt de cookieverklaring ingezet. Een goede cookietoestemming verwijst naar deze tekst.

DesignBackgrounds

Design

Kleur speelt een belangrijke rol in je merkidentiteit. Het trekt de aandacht van de consument naar je product, maakt emoties los en heeft een enorme impact op de herkenning van je merk. Warme kleuren roepen een ander gevoel op dan koele kleuren, en heldere tinten brengen een andere boodschap over dan gedempte tinten. Maar hoe komt dat?

Duiken

SEO / Website optimization

Stockphoto

WHOIS

JavaScript

Drag and drop so simple it hurts

Stockphoto

Duiken

Hot

SEO / Website optimization

GoogleHTMLCSSJavaScript

JavaScriptjQuery

If you don't already know, endless scrolling (or infinite scrolling or pagination) is a popular technique amongst modern websites such as Google Reader and Live Image Search, whereby instead of paging through items using traditional pagination links, the page just keeps loading with new items attached to the end. Endless Scroll not only helps you build highly customisable infinite scrolling effects, it also offers features not commonly seen. Such features include:

• The ability to up-scroll and prepend content to the beginning of the page
• The ability to limit the number of available 'pages', i.e. data truncation
• And there are more exciting features in the works, including SEO-friendly URLs!

CSS

XSLT

DevelopmentHTMLJavaScriptTools

ExtendsClass provides tools directly usable in a browser. It saves you from having to install add-ons to your browser in order to add features. You have at your disposal syntax validators, code formatters, testers, HTTP clients, mock server, but also a SQLite browser. These are small and easy-to-use tools that can help when you do not want to install software on your workstation.

Social

Social

FacebookJavaScript

Facebook apps can use one of several login flows, depending on the target device and the project. This guide takes you step-by-step through the login flow for web apps. The steps in this guide use Facebook's JavaScript SDK, which is the recommended method to add Facebook Login to your website.

Social

DesignIcon

Media (types)

Design

Design

JavaScriptjQuerySlider

FlexSlider was built to serve up the best responsive jQuery slider around. I had built a few implementations of responsive sliders on different client projects and noticed that there was a glaring hole for plugin support with the concept. I wanted to build a plugin that would serve the newest of beginners, while providing seasoned developers a tool they could use with confidence. What has come forth is this, FlexSlider. I plan to maintain this plugin and provide support to users implementing FlexSlider into their sites. Responsive web design can be tricky, but I hope that FlexSlider serves to uncomplicate the process, just a little bit.

FontIcon

Font Awesome is an online icon directory containing over 1500 free icons. These include standard application icons, brand icons, and other useful symbols.

FontIcon

Icon fonts generator

DesignFont

JavaScriptjQuery

PhP

PhP

DesignUsability

Designing inline validation and error handling

Stockphoto

Development

As a freelance React developer, I work with a lot of clients on their React projects these days. Every time I get a request in my inbox, I usually reply with the same email template which I call the freelance checklist for React developers.

XSLTCSSHTMLHTML5JavaScriptTools

I created this website to help developers by providing them with free online tools. These tools include several formatters, validators, code minifiers, string escapers, encoders and decoders, message digesters, web resources and more.

Stockphoto

Stockphoto

DesignBackgrounds

Icon

Open-source vector icons in 16 styles for any project

DuikenFrogkick.nl is DE online gids voor Nederlandse en Belgische duikers die zich willen verdiepen in het Doing It Right systeem. De website bevat informatie voor zowel recreatieve als technische duikers.

JavaScript

In this post, more about functional programming, and some important concepts, with a lot of code examples in JavaScript.

SOAP

SEO / Website optimization

In this article, we’ll look at the basics of HTTP/2 as they apply to web designers and developers.

jQuery

Development

GoogleJavaScript

Google Maps API with less pain and more fun

gmaps.js allows you to use the potential of Google Maps in a simple way. No more extensive documentation or large amount of code.

JavaScriptVideoGoInstant combines data storage, pub/sub messaging and client-side components to take the complexity out of building real-time, collaborative apps. You don’t need a server or backend infrastructure, GoInstant handles that and provides the tools to build apps fast.

Golf

Golf

MobileSome mobile websites are borderline unusable, forcing you to squint and peck around in hopes of finding whatever piece of information you need. But others seem to fit your phone like a glove. What’s the secret to their success?

GoogleJavaScriptSocial

Google

HotGoogle

Google

Meldingen van interessante nieuwe inhoud op internet

Google

Google

GoogleGoogle Apps

GoogleGoogle Apps

Google

Google

GoogleHTML

Google

Google

Google

Google

HotGoogleGoogle Apps

Google

SEO / Website optimization

GooglejQuery

CSSGoogleHTMLHTML5

Google

SEO / Website optimization

GoogleJavaScriptjQuery

HotGoogle

Google

GoogleHTML

Google

GoogleMobile

GoogleMobileCSSDesignHTMLHTML5ResponsiveSEO / Website optimization

DesignGoogle

GooglePhotography

GoogleSocial

Google

Google

HotGoogle

Google

Google

Taal/vertalenGoogle

Google

SEO / Website optimization

GoogleVideo

GoogleFont

SEO / Website optimization

GoogleSEO / Website optimization

GoogleTaal/vertalen

SEO / Website optimizationYou probably already know that Google uses about 200 ranking factors in their algorithm. Here's a complete list.

Some are proven. Some are controversial. Others are SEO nerd speculation. But they’re all here.

DesignMobileResponsive

Design

JavaScriptU never know

Hallo is the simplest web editor imaginable. Instead of cluttered forms or toolbars, you edit your web content as it is. Just you, your web design, and your content.

DesignMobileUsability

Discoverability is cut almost in half by hiding a website’s main navigation. Also, task time is longer and perceived task difficulty increases.

HTML

JavaScriptSocial

A client-side Javascript SDK for authenticating with OAuth2 (and OAuth1 with a oauth proxy) web services and querying their REST API's. HelloJS standardizes paths and responses to common API's like Google Data Services, Facebook Graph and Windows Live Connect. Its modular so that list is growing. No more spaghetti code!

SEO / Website optimization

SEO / Website optimization

GoogleSocial

In deze tweede aflevering van Webwatching praat ik met Mike Merrill, director of marketing van ReachLocal, over het starten en onderhouden van een Google+ page voor je brand of business. Dit is deel 2 van de 3-delige videoserie over Google+. Mike heeft een aantal zeer handige tips! Vergeet vooral niet om ook deel 1 te bekijken, waarin de basics van Google+ worden uitgelegd.

PrimositeJe hebt cookies en je hebt cookies. Door de recente invoering van de cookiewet is het gebruik van cookies door websites onder een vergrootglas komen te liggen. Hoe ga je aan die nieuwe wetgeving voldoen? En welke cookies zijn er eigenlijk precies?

Social

SOAP

Photography

Taking photos at parties, or any social event for that matter, can be tricky but fun! In this article, I’ll share some of my most guarded techniques for taking awesome event photos. If you’re in charge of taking photos at your next holiday party, Christmas party, birthday party, office party, or any other type of social event, these tips will hopefully help you get better and more interesting event photography shots.

Bridge

jQuery

Hoverizr is a really small (2.5KB minified) responsive jQuery plugin that outputs manipulated images on top (or below) your targeted images. Currently, it features three effects: grayscale, blur and color inversion. Automatically when you move your mouse over the target elements, the element above fades out to reveal the element beneath whether it is the original image or the manipulated one.

CSS

HTMLMedia (types)

How can I do embed my shared album from Google Photos and make preview of images on my website? How can I do that simply, without having to copy pictures or complicated search to individual image links?

Spam

JavaScript

DesignMobile

AngularJSWhen you first hear about AngularJS Directives, they appear magic in the 'omg what is going on here' way. As a newcomer to AngularJS, the idea of extending HTML with your own elements seems foreign, or a callback to IE6. Without mastering directives, you'll limit the potential of your AngularJS apps -- not cool.

DesignMobile

PhotographyAs you frame your shot in the camera viewfinder—or the LCD screen of your point and shoot or smartphone—you are instinctively capturing the most intriguing part of a scene. Later, when you pull that image into a photo editor to tweak the composition, switch the orientation, or shift the visual emphasis, you are cropping.

Design

Social

SEO / Website optimization

HTMLHTML5Video

The complexity of HTML5 arises not from the syntax, but from browser support and video encoding. Web developers are used to struggling with browser compatibility, but you also have wider-than-usual disagreement among browser vendors regarding codec standards. In order to build a successful HTML5 site, you’ll need to take into account how modern browsers like Chrome 4, Firefox 4 and Internet Explorer 9 implement HTML5 video Web standards as well as how to handle how users view video in legacy browsers.

Social

AngularJSJavaScriptLearning 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.

HTML5JavaScript

SEO / Website optimization

DesignUsability

Friction refers to anything that prevents a user from accomplishing a goal.

Friction weighs down interactions, making even the most well-designed interfaces a nightmare to use. Weightless experiences are the best experiences, so your goal is to create interactions which unravel with a natural sense of order and logic.

JavaScript

An explanation that doesn’t assume you‘re a developer

CSSDesignFont

Privé stuff

SEO / Website optimization

DevelopmentJavaScript

There will come a time in every programmer's life when they will need to know how to handle asynchronous code. Understanding how to handle asynchronous code for the first time can be a bit daunting. Luckily I’m here to explain how it all works so that you can be better prepared when situations like this arise.

Design

Practical tips and tools.

SVG

HTML5HTML5 has seen the introduction of a number of sectioning elements that can be used to mark up your web pages. Using these elements gives more semantic meaning to your pages, allowing computer programs to better understand your content.

In this post you’ll learn how to use these sectioning elements in your own web sites. I’ll be explaining when you should use certain elements over others, as well as when it’s best to stick to a good old

HTML5JavaScriptMobile

CSS

The display property is one of the most important CSS properties we use for layout. Most of us would have used block, inline and none. table and inline-block are also quite common. The new darling is definitely flex, because it’s a display property that was created specifically for layout. The upcoming grid (currently still being actively worked on) is another layout-specific property that we’ll soon have in our arsenal as well.

Tools

HTML5

It's not rocket science. Take the HTML5 tutorial and learn how to build a simple website To the uninitiated HTML5 might look like rocket science, but it's not. Believe me, if you passed high school algebra you can figure this out. My goal on html-5-tutorial.com is to give you a good solid start on doing just that. When you have completed this tutorial you'll have a basic understanding of HTML and know how to go about getting a domain and building a simple website. You won't be ready to quit your day job, but...

HTML5

This is a quick reference of elements that are new or have been redefined in HTML5. For each element there is a short description, a link to the specification, and a code example. “Our prognosis” links to the HTML5 Doctor article on the element.

HTML5Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.

HTML5There are lots of great resources for getting comprehensive information on HTML5, so instead of creating another one of those, I decided instead to create a short “quick learning guide”. This guide introduces you to just the main elements of HTML5 that you’ll probably want to use right away. This guide is for those who want to get the basics figured out first, and worry about the finer details later on.

HTML5VideoVideo.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video, today. This is also known as an "HTML5 Video Player". Video.js provides a common controls skin built in HTML/CSS, fixes cross-browser inconsistencies, adds additional features like fullscreen and subtitles, manages the fallback to Flash or other playback technologies when HTML5 video isn't supported, and also provides a consistent JavaScript API for interacting with the video.

HTML5In this two part series, we’re going to look at Web Storage, one of the best and most interesting features to come out of the HTML5 spec. We’ll look at the history of both Web Storage and cookies.

DevelopmentHTMLTools

A delightful reference for HTML Symbols, Entities and ASCII Character Codes

Primosite

CSSHTML5JavaScript

High power tools for HTML

SEO / Website optimizationWell today I’m going to show you a technique that almost guarantees that you get high quality links from every piece of content that you publish.

SEO / Website optimization

SEO / Website optimization

DesignIcon

Stockphoto

HTML5JavaScript

With HTML5 and JavaScript, you can implement native drag and drop functions within the Web browser.

This is one of the emerging HTML5 tools that promises to make websites more interactive without relying on additional technologies such as Flash. In this tutorial we will create a simple page with images the user can drag and drop into designated areas.

Photography

The background in your image can quickly reveal your skill level as a photographer. Learning to see past an exotic or exciting subject, to catch the details in the background, is what will distinguish you from a beginning, hobbyist photographer to an experienced professional. The background in your image immediately stands out to a trained eye. Learning just this skill can very quickly elevate and improve your photography.

Bridge

JavaScriptjQuery

In a web app, it is very common to have actions that destroy (delete/remove) data. These actions, if you don’t already know, should always map to POST methods. On top of that, because these actions are destructive, the UI should always ask the user for confirmation. But how do we actually implement the confirmation dialogue though? The vanilla JavaScript confirm box would be the easiest but at the same time the ugliest - this thing stalls most web browsers until the user acts on it. An inline popup/modal box? Perhaps, but it is still obtrusive, in the sense that the popup/model boxes are usually in the way of other tasks. Meet Inline Confirmation - a jQuery plugin for creating easy, less obtrusive confirmation dialogues!

Marketing / Branding

Wat maakt Instagram zo’n geweldig platform voor webshopeigenaren en hoe begin je? Zes praktische voorbeelden waarmee je gelijk aan de slag kunt en Instagram in je voordeel laat werken.

Tools

Op Internet.nl kun je eenvoudig testen of je internet up-to-date is. Gebruiken jouw website, e-mail en internetverbinding wel moderne, betrouwbare Internetstandaarden? En, als dat niet zo is, wat kun je daar aan doen?

React

The key point with React Native is that it aims to primarily bring the power of the React programming model to mobile app development. It is not aiming to be a cross platform, write-once run-anywhere, tool. It is aiming to be learn-once write-anywhere. An important distinction to make. This tutorial only covers iOS, but once you’ve learned the concepts here you could port that knowledge into creating an Android app very quickly.

jQuery

Primosite

There are times when you need to identify where your web visitors are coming from.

Philosophy

In 1942 Albert Camus wrote a book called “The Myth of Sisyphus”. It is about the one truly important philosophical problem: Given the circumstances of our existence, shouldn’t we just kill ourselves?

GoPro

Stockphoto

jQueryAjax

JAIL is an asynchronous image loader that can help your page load faster. Images can be loaded on the fly as they become visible in the viewport or after certain events occur.

Java

JavaScript

In this article we’ll first review how arrow functions work, then dig into examples of where arrow functions improve our code, and finally dig into a number of examples where arrow functions are not a good idea.

JavaScriptThis set of best practices is my way of taking a step back and addressing JavaScript as a first-class language, with both good parts and bad parts.

JavaScriptjQuery

JavaScript

Essentials is a series that covers the most used and important methods for X topic. It’s a series for developers who know another language or someone who wants a quick start. In this post, we cover types and data structures.

JavaScript

JavaScript

JavaScript

Want to learn a different language? Over the course of 21 episodes, our friend Bob Tabor from www.LearnVisualStudio.net will teach you the fundamentals of Javascript programming.

JavaScript

A collection of the most used JavaScript methods for writing clean and efficient code

JavaScriptThis is a JavaScript guide intended to introduce new developers and help experienced ones to the JavaScript's best practices.

Despite the name, this guide doesn't mean exactly "the right way" to do JavaScript.

We just gather all the stuff from top developers and put here. Since it come from exceptional folks, we could say that it is "the right way", or the best way to do so.

JavaScript

jQuery

jBox is a jQuery plugin that makes it easy to create customizable tooltips, modal windows, image galleries and more

Design

JavaScriptVideojQuery

jQuery

jQuery

JavaScriptjQueryAjaxjQuery's introduction of $.Deferred() is one of the library's most powerful additions in recent history. It's not a new idea, but it merits an introduction now that it's available to thousands of client-side developers. At its core, the Deferred pattern is a simple but powerful tool for the management of asynchronous processes. As we all know, in client-side development, these asynchronous situations are everywhere.
We're going to take a look at deferreds and the API offered by jQuery's implementation. There are plenty of examples below, so follow along. By the end of this article you'll know what deferreds are, and when to use them.

jQuery

File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.

jQuery

By using jQuery Filter and jQuery Sort Plugins you will be able to have a great control over the order, placement and organization of your page / or table elements. Further some of these plugins include drag-able controls making it possible to offer a more dynamic and user friendly design. Sorting and filtering is very useful if you have large datasets such as table views, however you can also use them for managing list views e.g. for a portfolio page. The Quicksand plugin found below is an example of this.

jQuery

I got bored of using other people's validators that didn't work just as I wanted. So I created one.

This is not a jQuery plugin, but does depend on jQuery.

Jack_Franklin

jQuery

jQuery have their own autocomplete ui widget which I used for a few projects to see if it suited me better than my own. I do really like jQuery’s autocomplete widget as it pretty much does everything that mine does! The only thing extra with mine are a few added options, images that can more easily be displayed in each result and separated markup for extra, non searched, text in each result. For me that was enough to do a few upgrades to my own plugin to bring it more up to date.

jQueryMedia (types)The jQuery Media Plugin supports unobtrusive conversion of standard markup into rich media content. It can be used to embed virtually any media type, including Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF and more, into a web page and is compatible with all web hosting services The plugin converts an element (usually an ) into a

which holds the object, embed or iframe tags neccessary to render the media content.

jQuery

jQuery

Whether you’re a developer or a designer, a strong jQuery skillset is something you can’t afford to be without. Today, I’m going to show you 25 handy jQuery techniques And tutorials that will help you make your scripts more robust, elegant and professional.

jQuery

A simple jQuery image viewing plugin.

JavaScriptHTML5 JavaScript PDF generation library from @MrRio at Snapshot Media.
An HTML5 client-side solution for generating PDFs. Perfect for event tickets, reports, certificates, you name it!
No servers needed.

JavaScriptPDFAn HTML5 client-side solution for generating PDFs, ideal for generating documents on the fly (e.g. tickets, reports). Works in IE6+*, Firefox 3+, Chrome, Safari 3+, and Opera.

JavaScriptJustGage is a handy JavaScript plugin for generating and animating nice & clean gauges. It is based on Raphaël library for vector drawing, so it’s completely resolution independent and self-adjusting.

Photography

Turn Photography Hobby into Earnings

Kiwanis

Primosite

Privé stuff

Primosite

Design

It’s a page on your website that funnels a visitor to take one, specific action. Typically, landing pages drive mailing list signups with specific incentives (like free bonuses). Landing pages work through elimination. They take out everything that’s not required (like navigation links, sidebars, footers, etc.) and put the focus completely on the intended action.

Bridge

Bij competitief bieden beland je vaak in een te hoog contract, maar ook zou je vaak beter uit zijn 1 down te gaan, dan dat je de tegenstander laat spelen. In de standaard bridge opleidingen leer je al heel snel de principes van "wij (g)een fit, zij (g)een fit" en "als de punten 20-20 zitten, gaat degene die op 3-niveau speelt down".

AngularJSJavaScriptBy now you’ve probably heard of AngularJS – the exciting open source framework, developed by Google, that changes the way you think about web apps. There has been much written about it, but I have yet to find something that is written for developers who prefer quick and practical examples. This changes today. Below you will find the basic building blocks of Angular apps - Models, Views, Controllers, Services and Filters - explained in 5 practical examples that you can edit directly in your browser.

Photography

CSS

A quick introductions to the future of website layouts.

JavaScript

SEO / Website optimization

Photography

In respect to lighting ratios, you measure the light falling on the light or highlight side of the face, and compare it to the shadow side to arrive at the lighting ratio. How exactly do you do that?

DesignPhotography

SEO / Website optimization

SEO / Website optimization

SEO / Website optimization

This is the most complete list of link building strategies on the Web. Period. In fact, you’ll find 178 strategies, tips and tactics on this page. So if you’re looking to build powerful backlinks, you’ll really enjoy this list.

Social

How you can use Post Inspector

1. Discover how to optimize your content for better engagement on LinkedIn Post Inspector can help you identify the data missing on your page, and what you need to add for your content to have better previews in posts.
2. Refresh the data we have about your page If your content has changed recently, you can see when we last updated our data on it, and request a re-scrape.
3. Debug issues Learn more about how we extract your content's metadata, and what could have gone wrong.

Social

SpinnerA fine collection of CSS, HTML5 and JavaScript powered loading/spinning animations from various developers.

Primosite

Social

DesignMobileWhen interacting with mobile devices, users have little patience for confusing interfaces or unnecessary steps that impede their progress. As designers, we must understand the role of momentum in effective user interface design and create experiences that keep our users moving forward.

PrimositeHot

CSSDesign

CSS mix blend modes provide an easy, yet powerful way to create visually interesting designs.

CSSResponsive

Far too often I see people don’t quite understand the differences between width and device-width (and expanding upon that, other examples such as min-device-width and max-device-width), when using CSS media queries. This misunderstanding results in poor code and ultimately more work for the developer.

DesignSEO / Website optimization

SEO / Website optimization

Primosite

HTML5

CSSDesignHTML5MobileMobile has revolutionized the way we use the web. This is especially true of disabled users, for whom mobile devices open the door to a whole new spectrum of interactions.

CSSiOS developmentResponsive

WebKit on iOS has a 350 millisecond delay before single taps activate links or buttons. [...] To address this, we baked fast tapping optimizations into WebKit so well-scaled mobile web pages will be able to achieve responsive tapping out of the box without the drawbacks of third-party frameworks.

Stockphoto

CSSBackgrounds

HotPrimosite

Photographers

Kopen

TV

WHOISAbout the SuperTool!

All of your MX record, DNS, blacklist and SMTP diagnostics in one integrated tool. Input a domain name or IP Address or Host Name. Links in the results will guide you to other relevant tools and information. And you'll have a chronological history of your results.

Golf

Wil je een betere golfer worden maar weet je niet precies hoe? Dan kan het Stappenplan van de NGF je helpen! Met meer dan honderd video’s met oefeningen op alle niveaus kun je trainen op een leuke manier. Zelf, of met je pro.

TV

Duiken

WHOIS

HotGolf

Photography

ToolsVideo

Convert media files online from one format into another.

SEO / Website optimization

Taal/vertalen

U never knowOpenKVK is een open source initiatief met API mogelijkheid (verbindingsmogelijkheid voor andere servers) voor het raadplegen van KVK gegevens. Bekijk de site of maak gebruik van de API.

SEO / Website optimization

GoogleSEO / Website optimization

Photography

Photography

Photography

DesignPhotography

jQuery

A lightweight jQuery dateinput picker

N.B. Veel commentaar is hierop verschenen:

SEO / Website optimization

HotPrimosite

Stockphoto

jQueryA jQuery plugin that creates hover tooltips.

jQuery

PowerTip features a very flexible design that is easy to customize, gives you a number of different ways to use the tooltips, has APIs for developers, and supports adding complex data to tooltips. It is being actively developed and maintained, and provides a very fluid user experience.

Design

PrimositeHot

Design

HTMLJavaScriptSOAPTools

Postcode databases Adresvalidatie en aanvulling Pro6PP biedt een postcode informatie database als een webservice in de cloud met extra functionaliteit en voorbeelden. Je kunt de databases downloaden voor offline gebruik of gebruik maken van de API.

Photography

React

Become proficient in using React by building and learning from beginner to advanced level React projects

JavaScript

Having native support for promises in JavaScript is really amazing. This tutorial will cover the basics of promises and show how you can leverage them in your JS development.

JavaScriptjQueryjQuery plugin for promotional content that appears with user scrolling

Photography

Stockphoto

Handig/geinig

Design

I’ve been thinking more about how I review a design – both my own and someone else’s. So over the past couple days I’ve been writing down every question I’ve been asking when I look at a design-in-progress. Some of these I say out loud, some just go through my head, some are in person, others are posted to Basecamp or Campfire.

Bank

RDFaWeb of things

React

React

React

React

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native.

DesignInspiratie voor e-mail en e-newsletter design.

Duiken

Primosite

DevelopmentTools

This app is a simply brilliant way to explore regular expressions! It allows any text to be pasted and then finds matches in that text, based on a user-defined regex.

JavaScript

If you’re intimidated by or new to regexes, this is a good place to start.

JavaScriptLooking for a list of all reserved words in JavaScript? You’ve come to the right place. I recently needed such a list myself, but ended up comparing the reserved keywords in all ECMAScript versions as well. The result is listed below, for future reference.

DesignResponsive

Resizer allows you to quickly change the dimensions of a webpage to test responsive design.

GridDesign

HTML5

GridDesign

Material Design’s responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts.

DesignResponsive

We can design for an optimal viewing experience, but embed standards-based technologies into our designs to make them not only more flexible, but more adaptive to the media that renders them. In short, we need to practice responsive web design. But how?

DesignResponsive

Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s preferences. This would eliminate the need for a different design and development phase for each new gadget on the market.Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s preferences. This would eliminate the need for a different design and development phase for each new gadget on the market.

DesignResponsive

DesignResponsive

Rest

Stockphoto

TV

DesignHTMLCSSResponsive

Many web pages knowadays are using fluid layouts. While these are very useful, they do have some minuses. Imagine trying to read a fluid layout on your phone – It’s impossible. The sidebar would be maybe 50px wide, and the main layout would be maybe 250px. Another problem is with really wide screens – the layout fills up almost the whole screen, which results in a horrible reading experience. Today, I’ll show you how to take the best of two worlds: static layouts and fluid layouts. We’ll call this a rubber layout.

jQuery

One page scrolling sites have experienced a huge growth in popularity in web design in recent years. Although this type of site isn’t for everyone, it is still useful to know how they work. Today, I will teach you how to create a very simple one page scrolling site using jQuery.

Duiken

SEO / Website optimization

With 93% of online experiences beginning with a search engine, there’s no arguing in the value of search local-seo-for-small-businesses.jpgengine optimization. But how do you go about ranking well on search engines? The best place to start is to run a foundational SEO audit to understand how your website is doing, and what are the main areas to improve.

SEO / Website optimization

SEO / Website optimization

Photography

CSS

JavaScriptjQuery

A free and open-source javascript shopping cart that easily integrates with your current website.

simpleCart(js) requires using jQuery, Prototype, or Mootools. No extra configuration is needed as long as one of them is included on the page

SEO / Website optimization

GoogleHTMLThere are many web apps out there, but getting by free and good ones is not that easy. That is why I am sharing some Useful Google Code Labs Products For People Who Develop Websites.

Read more: http://www.smashingapps.com/2011/02/28/six-useful-google-code-labs-products-for-people-who-develop-websites.html#ixzz2E8YRUjZV

SEO / Website optimization

jQuery

Primosite

Lijst met SMTP servers van internetproviders.

Photography

Photography

Mark Wallace is a photographer and photography instructor. You can learn more about his workshops at classes.snapfactory.com

SEO / Website optimization

SOAP

Social

Social

Is de socialmediahype bij bedrijven niet een beetje voorbij? Er zijn nu immers grotere zorgen in Europa dan het op tijd versturen van een tweet. Uit recent onderzoek blijkt van niet.

 

Nuttige tips

Solcon

Tools

Check en registreer uw domeinnaam eenvoudig en snel. Meerdere domeinen checken? Geen probleem, zet dan elke domeinnaam op een nieuwe regel en klik op doorgaan.

Solcon

SolconHot

Solcon

Tools

Use this tool for lookup and validate your SPF record.

JavaScriptjQuerySpinnerSpinner in Javascript en/of jQuery

JavaScript

iOS development

Creating iOS apps is fun and rewarding, and if you're a new developer you might be wondering where to begin. This road map provides the perfect starting point for iOS app development. On your Mac computer, you can create iOS apps that run on iPad, iPhone, and iPod touch. Follow this road map to learn where to get the tools you need, understand the major concepts and best practices, and see where to find more information.

DesignLezers willen bij een eerste blik op een tekst direct snappen waar het over gaat. Help je lezer bij het scannen van je teksten door je document goed in te delen.

Photography

A Free Resource for Studio Lighting Information

jQueryA *tiny jQuery plugin for truncating multiple lines of text.

JavaScriptA lightweight library for manipulating and animating SVG.

JavaScript

A beautiful replacement for Javascript's "Alert"

DesignMobileSlider

Swipe is a lightweight mobile slider with 1-to-1 touch movement. 1-to-1 touch movement is sliding content based on exact touch position. It’s a different level of interacting with the content, more intuitive than swiping left to right and then watching the slider move to the proper position. This has been attempted many times but few seem to embody all the rules a slider like this must follow (in my opinion).

JavaScript

Tangle is a JavaScript library for creating reactive documents. Your readers can interactively explore possibilities, play with parameters, and see the document update immediately. Tangle is super-simple and easy to learn.

SEO / Website optimization

Google

Primosite

GoogleSEO / Website optimization

CSS

JavaScriptjQuerySlider

SocialFollowing the outline below could mean a social media audit in 15 minutes or less. All the basics are covered here, and you can dig as deep as you choose to improve your social media marketing.

Design

CSS

SEO / Website optimization

Photographers

jQuery

turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5.

- Uses Hardware acceleration
- Works on tablets and smartphones
- Easy to manipulate
- Lightweight, only 15K

jQuery

For most of you, this will just be a re-cap and probably not provide much new information but can perhaps serve as a reference post if you ever need one. I will expect some basic knowledge about JavaScript but you do not have to be an expert, heck, you don’t even need to have used jQuery before—but you should know terms like object literals, anonymous functions, and what DOM and CSS are.

JavaScript

MobileResponsiveUsability

The common wisdom for most companies that set out to build an app is to build a native Android or iOS app, as well as a supporting website. Although there are some good reasons for that, not enough people know about the major advantages of web apps. Web apps can replace all of the functions of native apps and websites at once. They are coming more and more to the fore these days, but still not enough people are familiar with them or adopting them.

JavaScriptNaN, not a number, is a special type value used to denote an unrepresentable value. With JavaScript, NaN can cause some confusion, starting from its typeof and all to the way the comparison is handled.

JavaScriptThe essentials of writing high quality JavaScript, such as avoiding globals, using single var declarations, pre-caching length in loops, following coding conventions, and more.

HTMLHTML5

An Exhaustive List of all the Elements you need to have/test Before Launching your Website To Production.

SEO / Website optimizationBecause today I’m going to show you how one Backlinko reader used one SEO strategy to rocket his client’s website to the #1 spot for a competitive keyword.

DesigniOS development

Designing iOS apps can be difficult sometimes, but finding correct and up-to-date information about all of Apples’ devices shouldn’t be. These design guidelines will help any designer who’s building neat things for iOS get started within seconds.

JavaScriptjQueryThere’s a lot more to learn about building web sites and applications with jQuery than can fit in API documentation. If you’re looking for explanations of the basics, workarounds for common problems, best practices, and how-tos, you’re in the right place!

Photography

HTMLSocial

Design

Hess defines guiding principles as the broad philosophy or fundamental beliefs that steer an organization, team or individual’s decision making, irrespective of the project goals, constraints, or resources. She first laid out the visual principles of design including harmony, unity, contrast, emphasis, variety, balance, proportion, repetition, movement and texture. But, she says, creating a good design doesn’t automatically mean creating a good experience.

DesignResponsive

Gridpak is the starting point for your responsive projects, improving your workflow and saving time. Create your responsive grid system once using the simple interface and let Gridpak do the heavy lifting by generating PNGs, CSS and JavaScript.

H2Marketing / Branding

GV’s Simple Recipe For Getting Started On Your Brand

DesignResponsive

HTML5

Part polemic, part instruction manual, The Truth About HTML5 has ignited an interesting debate. Here we present an exclusive excerpt on the problems around structuring in HTML5

Photography

CSSHTMLHTML5SVG

Use SVG's on your website

Scalable vector graphics, abbreviated as SVG, are web-based image formats which are used for vector-based-graphics whereby animations and interactivity are supported. SVG defines the graphics in XML format and when SVG's are zoomed, enlarged or scaled down the quality won’t be affected.

SEO / Website optimization

Design

JavaScriptBeautifully crafted timelines that are easy, and intuitive to use.

PhotographyJoe McNally staat bekend om zijn stijl van verlichting, en is een expert in het gebruik van Nikon flitsers. Of het nu gaat om een simpel portret met slechts een enkele flitser of een complexe shoot met tientallen flitsers. Werk jij ook graag met flitsers? Bekijk hier de tips die Joe McNally heeft gegeven bij de introductie van de SB-910.

SEO / Website optimization

Golf

HTML5MobileResponsive

HTML5 code and demos for invoking different touch keyboards depending on input type.

CSSDesign

Embracing fluid typography might be easier than you think. It has wide browser support, is simple to implement and can be achieved without losing control over many important aspects of design.

jQueryTrumbony is a light, translatable and customisable jQuery plugin.
Beautiful design, generates semantic code, comes with a powerful API.

Social

JavaScriptjQuery

Need to highlight the differences between two images? TwentyTwenty, a visual diff tool, makes it easy to spot them!

Social

Social

CSS

A powerful Photoshop-like CSS gradient editor from ColorZilla.

AngularJSAngular is a client-side MVC/MVVM framework built in JavaScript, essential for modern single page web applications (and even websites). It's a huge leap into the future of HTML and what HTML5 brings, and is a breath of fresh air when dealing with the modern web. This post is a full end to end crash course from my experiences, advice and best practices I've picked up from using it.

DuikenUltimate Planner is a decompression planning software program incorporating both Varying Permeability Model with Boyle's Law compensation (VPM-B) and Buhlmann's published ZHL-16B and ZHL-16C, along with ZH-L16D (based on his recommendations) with Erik Baker's Gradient Factors for OC and CCR dives.

JavaScript

JavaScript is an object oriented (OO) language, with its roots in the Self programming language, although it's (sadly) designed to look like Java. This makes the language's really powerful and sweet features stay covered by some pretty ugly and counter-intuitive work-arounds.

JavaScriptJavaScript’s implementation of scope and context is a unique feature of the language, in part because it is so flexible. Functions can be adopted for various contexts and scope can be encapsulated and preserved. These concepts are behind some of the most powerful design patterns JavaScript has to offer. However, this is also a tremendous source of confusion amongst developers, and for good reason. The following is a comprehensive explanation of scope and context in JavaScript, the difference between them, and how various design patterns make use of them.

jQuery

DevelopmentFontIcon

Unicode Table provides a massive searchable database of Unicode characters. This includes musical notes, arrows, emoji, currency, math symbols, Chinese characters, and anything else imaginable.

SEO / Website optimization

HTML

SEO / Website optimization

CSS

JavaScriptjQuery

If you have a problem and need a solution for it, chances are high that a JavaScript library or jQuery plugin exists that was created to solve this very problem. Such libraries are always great to have in your bookmarks or in your local folders, especially if you aren’t a big fan of cross-browser debugging.

Design

Primosite

CSSResponsiveBackgrounds

When implementing an image in the background of a website we intentionally make this larger to cover as many screen sizes as possible, understanding that those with smaller screens will not see the entire image. It’s this idea that we can use for implementing responsive background images, but first we need to add in another trick to help achieve the right effect; and this is background-size.

HTML

Why do you write HTML using the [h1] tag and the [p] tag? Why not just use

SEO / Website optimization

Taal/vertalen

Photographers

Diversen

SEO / Website optimization

Wil jij ook dat je website beter wordt gevonden? Begin dan met het verbeteren van je SEO (Search Engine Optimalization). Dat kan een flinke klus zijn. Maar gelukkig zijn er tal van tools (bijna allemaal gratis) die je daarbij kunnen helpen.

Taal/vertalen

VideojQuery

DesignResponsive

Help with responsive design & mobile web apps — not to target specific device widths, but to raise awareness of the diversity and to perhaps help you ‘optimize’ for widths that are in use, if necessary.

HTML5Have you ever wondered if it's better to "close" a br or input tag like <br /> or if it's better to just write <br> in HTML5? Or why it's not correct to write <script src="script.js" />?

CSS

HTMLHTML5XSLTCSS

SEO / Website optimization

Design

SEO / Website optimization

Duiken

Diversen

Primosite

http://hades.betterbe.com/PrimoUsage/

Primosite

Design

Design

Find and showcase the best web design inspirations and trends. Every day, we publish fresh and creative new websites ideas made by creative agencies and web designers from all over the world.

Design

It’s that time of year again, where we look into our crystal ball to see what will be the hot trends in web design for the upcoming year. It’s no secret that trends come and go, with some hanging around longer than they should. (Yes, splash page, I’m talking about you.) But trends are a necessity in the development and growth of our craft. Trends are born, improved upon, and often spawn other trends. So as a web designer, when you apply trends to your projects, challenge yourself to expand upon them and make them your own. As you read this article, keep in mind that the shift in trends from one year to the next may be subtle, and you will probably recognize some of these trends already. But it’s our estimation that the concepts we mention below will grow and become even bigger in 2012

Font

CSSDesignGoogleHTMLHTML5SEO / Website optimization

Build great multi-device web experiences

Web Fundamentals is a comprehensive resource for multi-device web development. We're just getting started and want your help, if you see something amiss or have a suggestion file an issue or submit a pull request.

Handig/geinigSEO / Website optimization

Run a free website speed test from multiple locations around the globe using real browsers (IE and Chrome) and at real consumer connection speeds. You can run simple tests or perform advanced testing including multi-step transactions, video capture, content blocking and much more. Your results will provide rich diagnostic information including resource loading waterfall charts, Page Speed optimization checks and suggestions for improvements.

HTML5

Web push notifications are the best thing to hit the web since the hyperlink! No kidding, this technology is going to be huge. Until recently web developers could only dream of push enabled web apps. Things have changed however, and web push notifications, the asynchronous delivery of messages to a user's device from a website, even when the website is not open in the browser, are now a reality thanks to a number of HTML5 APIs.

Google Apps

SEO / Website optimization

CSSHTMLjQueryRendering has to be optimized from the very beginning, when the page layout is being defined, as styles and scripts play the crucial role in page rendering. Professionals have to know certain tricks to avoid performance problems.

This arcticle does not study the inner browser mechanics in detail, but rather offers some common principles. Different browser engines work differently, this would make a browser-specific study even more complicated.

JavaScript

Node.js is a JavaScript run-time environment. Sounds great, but what does that mean? How does that work?

Design

CSSThe problem with z-index is that very few people understand how it really works. It's not complicated, but it if you've never taken the time to read its specification, there are almost certainly crucial aspects that you're completely unaware of.

DesignMobile

SEO / Website optimizationLanding pages help sell the value of your company’s products, services, content and more to help encourage increased conversions from your Web traffic. Many factors of a landing page impact if a visitor will convert like the inclusion of an explainer video, trust elements like a client logo or a recent award, a bulleted list of benefits the resource offers, a strong call-to-action and more.

The length of a landing page also impacts how well visitors convert – but what’s better to increase conversions: a shorter, more concise landing page or a longer, extensive resource-rich one?

Design

Diversen

Photography

SEO / Website optimization

Photography

Working with Off Camera Flash and TTL To be able to create a portrait of someone is a wonderful experience. To do so in an interesting location is even better. To be able to make use of lighting techniques that allow your imaginative ideas to come to life and bring out the personality of the subject and the location environment… is where it really gets exciting!

jQueryjQuery has a lot of useful functions tucked away that can be used to do perform some interesting tasks in Web applications. One of my favorites is the data() function which can be used to cache data and associate it with DOM elements. It’s extremely useful when you want to store data returned from an Ajax call on an element (such as a ) so that you can easily access it later as the user interacts with the page.

Duiken

JavaScriptjQueryThere are a lot of articles that discuss jQuery and JavaScript performance. However, in this article I plan to summarize a bunch of speed tips and some of my own advice to improve your jQuery and JavaScript code. Better code means faster apps and jank free websites. Fast rendering and reactivity means a better user experience.

CSS

JavaScript

JavaScript engines such as Google’s V8 (Chrome, Node) are specifically designed for the fast execution of large JavaScript applications. As you develop, if you care about memory usage and performance, you should be aware of some of what’s going on in your user’s browser’s JavaScript engine behind the scenes.

HotPrimosite

XSLT

XSLT

MobileIn this article, we’ll cover the relationship between the mobile web and responsive design, starting with how to apply responsive design intelligently, why performance is so important in mobile, why responsive design should not be your website’s goal, and ending with the performance issues of the technique to help us understand the problem.

SEO / Website optimization