Defer loading of javascript

How to defer loading of javascript

http://www.feedthebot.com/pagespeed/defer-loading-javascript.html 

Holiday Icons

Holiday Icons

http://dribbble.com/shots/1349705-Freebie-Flat-Holiday-Icons

Bokeh

Bokeh is a Python interactive visualization library for large datasets that natively uses the latest web technologies. Its goal is to provide elegant, concise construction of novel graphics in the style of Protovis/D3, while delivering high-performance interactivity over large data to thin clients.

http://bokeh.pydata.org/ 

http://listjs.com

Tiny, invisible and simple, yet powerful and incredibly fast vanilla Javascript that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything.

http://listjs.com/

yiiframework

http://www.yiiframework.com/news/76/yii-2-0-alpha-is-released/

Google App Engine and PHP

Google App Engine and PHP: Getting Started

http://www.sitepoint.com/google-app-engine-php-getting-started/ 

Writing the best CSS when building with HTML5

http://toddmotto.com/writing-the-best-css-when-building-with-html5/

eZ PUBLISH - Dernières évolutions & Roadmap

Just Delete Me

A directory of direct links to delete your account from web services. Find out how to delete your Facebook, Twitter, LinkedIn accounts and more.
http://justdelete.me/

Le langage SQL

Cours et tutoriels sur le langage SQL
http://sql.sh/

Use a Google Spreadsheet as your JSON backend

https://coderwall.com/p/duapqq

Formoid

Formoid makes creating beautiful web forms a cinch and a joy. With a no-coding drag-n-drop GUI, trendy Flat, Metro, Bootstrap form themes, pure css styled, responsive, retina-ready form elements, as-you-type validation, anti-spam captcha - Formoid is a just incredible form tool!

http://formoid.com/

Deep dive into the murky waters of script loading

Deep dive into the murky waters of script loading

Deep dive into the murky waters of script loading

offline.js

a library to automatically alert your users when they've lost internet connectivity
http://github.hubspot.com/offline/docs/welcome/

Streamline inline editing in Drupal 8

Open Device Lab

Access a variety of devices. Worldwide. For free. OpenDeviceLab.com helps to locate, to sponsor and to donate to Open Device Labs (ODLs) around the World.

 http://opendevicelab.com/

Sublime Text

Pour les fun de sublime text
http://colorsublime.com/

Data Converter

I will convert your Excel data into one of several web-friendly formats, including HTML, JSON and XML.
http://shancarter.github.io/mr-data-converter/ 

TidyTime

A jQuery plugin, that provides a more friendly way of displaying time updates to users! 

 

http://git.aaronlumsden.com/tidytime.js/

Haxe 3.0 : prochain langage open source universel

Haxe est un langage de programmation open source pouvant être compilé pour les langages populaires comme JavaScript, Flash, PHP, C++, C# ou Java, ce qui suppose qu’une application Haxe pourra soutenir iOS, Android, Windows Phone et autres.

Le but de Haxe est de proposer un langage universel, permettant de « coder une fois » et déployer son application partout.

Site officiel : http://haxe.org/

https://github.com/desktoppr/wbench

WBench is a tool that uses the HTML5 performance timing API to benchmark end user load times for websites. It simulates users visiting your website for the first time, with nothing of your site cached.
 https://github.com/desktoppr/wbench

Introducing HTML Inspector

http://philipwalton.com/articles/introducing-html-inspector/

"It's time to speed up the way you design"

Useful photoshop plugin to create ios application interface from scratch
http://devrocket.uiparade.com/.

GOOGLE :D

http://lci.tf1.fr/high-tech/google-des-ballons-dans-le-ciel-pour-faciliter-l-acces-internet-8024101.html

Freebie: Stationery Icon Set (EPS, AI, PSD)

http://tympanus.net/codrops/2013/06/12/freebie-stationery-icon-set-eps-ai-psd/

10 effective ways to become a good programmer

http://ashisharya2003.blogspot.com/2010/12/10-effective-ways-to-become-good.html

Node.js

http://nodejs.org/

Agile practices

http://agile.dzone.com/articles/7-agile-best-practices-you

Planning projects

http://www.freelock.com/blog/john-locke/2013-05/planning-successful-projects-user-story

Skala preview

The fastest to send pixel perfect, colour perfect design previews from your mac to your iOS or android devices
http://bjango.com/mac/skalapreview/

How We Built a Photoshop Extension with HTML, CSS, and JS.

https://creativemarket.com/blog/2013/04/12/how-we-built-a-photoshop-extension-with-html-css-and-js

Countable.js

Countable is a JavaScript function to add live paragraph-, word- and character-counting to an HTML element. Countable does not rely on any libraries and is very small in size.

http://radlikewhoa.github.io/Countable/

The Abstraction Method of Problem Solving

http://99u.com/articles/15170/the-abstraction-method-of-problem-solving

Render and send beautiful email with a simple API.

You send lots of email, but creating and previewing
dynamic email templates is a pain so you don't get to it.
http://www.klaviyo.com/quick-mail

Fonts2u

"Fonts2u offers a large collection of free fonts. Download free fonts for Windows and Macintosh.Fonts available at Fonts2u.com are either GNU/GPL, Freeware, free for Personal use, Donationware, Shareware or Demo."http://en.fonts2u.com/

http://en.fonts2u.com/

Xooplate – Free Graphics & Stocks Resource

"One of the first sites that we would like to review and suggest is Xooplate. Many people would say that there is no such thing as a free meal, but then Xooplate is different and it’s free." hellaz.net
 http://xooplate.com/

What every web developer must know about URL encoding

What every web developer must know about URL encoding

http://blog.lunatech.com/2009/02/03/what-every-web-developer-must-know-about-url-encoding 

Real-time Wiki

Work on projects together. In real-time.

http://www.document.ly/ 

Sassaparilla

Start your next web project faster with Sassaparilla

 http://sass.fffunction.co/

Chart.js

Easy, object oriented client side graphs for designers and developers

http://www.chartjs.org/

Firefox OS (for phones)

https://hacks.mozilla.org/2013/03/firefox-os-simulator-previewing-version-3-0/

Google veut remplacer le mot de passe par une bague électronique

http://www.technologyreview.com/news/512051/google-wants-to-replace-all-your-passwords-with-a-ring/

Secrets of Awesome JavaScript API Design

http://webstandardssherpa.com/reviews/secrets-of-awesome-javascript-api-design/

http://paperkit.net/

http://paperkit.net/

tutoriaux pour le développement JEE

http://www.j2eebrain.com/
Spring, Hibernate, JSF, Android, JMS, Servlet, EJB, Web Service, Hadoop, SOA, Struts et Jquery

http://androidwallpape.rs/

http://androidwallpape.rs/

WordPress debugger

http://wordpress.org/extend/plugins/debugger/

To test your htaccess rewrite rules

To test your htaccess rewrite rules.
http://htaccess.madewithlove.be/

Color picker for data driven design

http://color.hailpixel.com/

Singleton Design Pattern

http://java.dzone.com/articles/singleton-design-pattern-%E2%80%93

iReport Designer v4.1.1 Release Notes

http://community.jaspersoft.com/wiki/ireport-designer-v411-release-notes

Primefaces + JSF + Facelets

Create JSF + Primefaces Web Application

My tutorial is about how to use Eclipse + Maven + JSF + Primefaces and create easily and quickly a basic framework for a web application.

This tutorial is divided in the following chapters: 

- Create a Maven Project

- Install the JSF libraries

- Install Primefaces libraries

- Extend web.xml

- Test page

- Create and deploy the Web Application

Create a Maven Project

First we create a Maven project with Eclipse.

For this purpose we go to Eclipse on File -> New -> Maven Project

Maybe for some of you this option is not available. This is only the case, if you have not installed Maven plugin for Eclipse. I use Eclipse M2E.

First we select that we want to create a Maven Project.

At the next window, we click Next, since we are not interested in these settings.

On the next window we write in the box with the name filter: "webapp". Of course, without the quotes!

Here we select the following entry from the list of results and click Next.

Group ID: org.apache.maven.archetype

Artifact Id archetpye-maven-webapp

Next, we will be asked to enter for the project, the group id and artifact Id. If you are interested what this means exactly, please refer to Maven.

After we have completed the values we click Finish!

Thus we have now created a simple framework for a Web Application. But it lacks the JSF and the Pimefaces support, which will now install successively.

Install JSF libraries 

To use the JSF in Web Application we need to tell the application that we want to use JSF.

We gain this when entering into the Maven POM file (to be found in path) the JSF libraries. The following list shows how the POM file looks after entering the JSF libraries.

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 <modelVersion>4.0.0</modelVersion>
 <groupId>de.ertantoker</groupId>
 <artifactId>blog</artifactId>
 <packaging>war</packaging>
 <version>0.0.1-SNAPSHOT</version>
 <name>blog Maven Webapp</name>
 <url>http://maven.apache.org</url>
 <dependencies>
  <!-- JSF libraries -->
  <dependency>
   <groupId>com.sun.faces</groupId>
   <artifactId>jsf-api</artifactId>
   <version>2.1.7</version>
  </dependency>
  <dependency>
   <groupId>com.sun.faces</groupId>
   <artifactId>jsf-impl</artifactId>
   <version>2.1.7</version>
  </dependency>

  <dependency>
   <groupId>junit</groupId>
   <artifactId>junit</artifactId>
   <version>3.8.1</version>
   <scope>test</scope>
  </dependency>
 </dependencies>
 <build>
  <finalName>blog</finalName>
 </build>


</project>

Install Primefaces libraries 

As a next step we will install the Primefaces Libraries in the Project. We can again achieve this with Maven, by entering the Primefaces Libraries in the POM file. We only have to ensure that the Primefaces repository is also shown. This is necessary because Primefaces can not be found on any of the standard Maven repositories.

After entering the repository and the Primefaces Library the POM file is as follows:

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 <modelVersion>4.0.0</modelVersion>
 <groupId>de.ertantoker</groupId>
 <artifactId>blog</artifactId>
 <packaging>war</packaging>
 <version>0.0.1-SNAPSHOT</version>
 <name>blog Maven Webapp</name>
 <url>http://maven.apache.org</url>
 <repositories>
  <repository>
   <id>prime-repo</id>
   <name>Prime Repo</name>
   <url>http://repository.primefaces.org</url>
  </repository>
 </repositories>
 <dependencies>
  <!-- JSF libraries -->
  <dependency>
   <groupId>com.sun.faces</groupId>
   <artifactId>jsf-api</artifactId>
   <version>2.1.7</version>
  </dependency>
  <dependency>
   <groupId>com.sun.faces</groupId>
   <artifactId>jsf-impl</artifactId>
   <version>2.1.7</version>
  </dependency>

  <!-- Primefaces libraries -->
  <dependency>
   <groupId>org.primefaces</groupId>
   <artifactId>primefaces</artifactId>
   <version>3.4</version>
  </dependency>

  <dependency>
   <groupId>junit</groupId>
   <artifactId>junit</artifactId>
   <version>3.8.1</version>
   <scope>test</scope>
  </dependency>
 </dependencies>
 <build>
  <finalName>blog</finalName>
 </build>
</project>

Now Primefaces and JSF are available for the Web Application.

Expand web.xml 

In order that the Web Application can also use JSF, we must enter the FacesServlet in the web.xml file. The file can be found as follows "/ src / main / webapp / WEB-INF / web.xml"

The Maven archetype with which we have created a Web Application framework was unfortunately not up to date. Therefore, I have completely recreated the web.xml with the following values:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
 http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
 id="WebApp_ID" version="2.5">

 <display-name>PrimeFaces Web Application</display-name>

 <!-- Welcome -->
 <welcome-file-list>
  <welcome-file>index.xhtml</welcome-file>
 </welcome-file-list>

 <!-- JSF Servlet -->
 <servlet>
  <servlet-name>Faces Servlet</servlet-name>
  <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
  <load-on-startup>1</load-on-startup>
 </servlet>

 <servlet-mapping>
  <servlet-name>Faces Servlet</servlet-name>
  <url-pattern>*.xhtml</url-pattern>
 </servlet-mapping>

</web-app>

Please take care that you later use a servlet container or application server that supports the servlet specification 2.5. In the generated web.xml release 2.3 was mentioned as specification.

Thus the JSF servlet is entered

Create Test Page 

Next we will create a simple test page, where we will use a default JSF component and a Primefaces component.

The test page is intentionally designed simply, because in the tutorial it is not about how to create JSF + Primefaces pages, but about how to create a Maven + JSF + Primefaces Project.

In my other tutorials on my blog I will provide you some more examples how to create JSF + Primefaces Appaplikationen.

We now create in ROOT directory (/ src / main / webapp /) of the web application a test page with the name index.xhtml.

The test page looks like this:

<html xmlns="http://www.w3c.org/1999/xhtml"
 xmlns:h="http://java.sun.com/jsf/html"
 xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
 <div>
  <p>This is a default JSF button</p>
  <h:commandButton value="JSF Button" />
 </div>
 <div>
  <p>This is a Primefaces button with icon</p>
  <p:button icon="star" value="Primeface Button"/>
 </div>
</h:body>
</html>

.

On the test page, a standard JSF button and a Primefaces button has been placed.

Create and deploy the Web Application

Next, we will create the web application. Thanks to Maven we can comfortable create the web application. For this we need nothing more than a Maven installation or if you want to start it with Eclipse one Maven plug-in, which already includes Maven.

For more information about Maven please refer to the website of Maven.

The application is created with the following command.

mvn clean package

The web application is saved by default under the following directory:

/ target / blog.war

If you have given your project a different Artifact ID, then you will find a WAR file with the name which you have registered as Artifact Id.

Finally, only the deployment of the web application remains. I will use Tocat 7 for the deployment. There is no question that you can deploy the web application on other servlet containers and application servers but you should make sure that they also support the corresponding servlet version, which is entered in the web.xml.

The deployment will take place as follows. You start the Tomcat servlet container and copy the "blog.war" (The name can vary, see above) in %TOMCAT_HOME% / webapp /

Thus the Application is deployed automatically.

Next we call in our browser of choice, the following URL: 

http://localhost:8080/blog/index.xhtml (note the 8080 is only a default Tomcat installation, depending on the installation, the port number can vary)

Now if you see a website like this, you did everything right :-)

Collie

Collie is a Javascript library that helps to create highly optimized animations and games using HTML 5. Collie runs on both PC and mobile using HTML 5 canvas and DOM.
 http://jindo.dev.naver.com/collie/

http://www.facebook-successstories.com/

http://www.facebook-successstories.com/

Symfony: getting started

http://tutorial.symblog.co.uk/

Open Source Rails

Announcing the relaunch of Open Source Rails...  
http://www.opensourcerails.com/

vectorlooza

If you're a fan of cool projects for the design community, please take a minute to support the Vectorlooza App: http://catarse.me/en/vectorlooza

Drupal modules which disable page cache

http://2bits.com/articles/beware-drupal-modules-disable-page-cache.html

The Startup Kids

The Startup Kids is a documentary about young web entrepreneurs in the U.S. and Europe. It contains interviews with the founders of Vimeo, Soundcloud, Kiip, InDinero, Dropbox, Foodspotting and many others who talk about how they started their company and their lives as an entrepreneur.
http://thestartupkids.com/ 

Say What before you say hello

http://www.swiss-miss.com/2013/02/phone-calls-with-subject-lines.html

http://blokkfont.com

 BLOKK is a font for quick mock-ups and wireframing for clients who do not understand latin. http://blokkfont.com/

Docverter

Convert plain text documents written in HTML, Markdown, or LaTeX to PDF, Docx, RTF or ePub with a simple HTTP API.
http://www.docverter.com/

http://internet-map.net/

http://internet-map.net/

How Do You Structure JavaScript? The Module Pattern Edition

http://css-tricks.com/how-do-you-structure-javascript-the-module-pattern-edition/

5G Blacklist 2013

http://perishablepress.com/5g-blacklist-2013/

http://relogo.org/

rel="logo" is a proposed standard for serving and maintaining up-to-date logos for use in various media. By including a line of code on your site that links to a scalable vector logo, you make it very easy for other websites, applications, readers, clients, and stations to ensure that they are using an approved logo directly from you.
rel="logo" is a link relation tag, much like commonly used icon tags favicon or apple-touch-icon.

http://relogo.org/

Freebbble - Download free, high quality design resources from Dribbble

http://freebbble.com/

Expanding Overlay Effect

http://tympanus.net/Tutorials/ExpandingOverlayEffect/

Surtout pour Mourad...

https://drive.google.com/

Bazaar: un système de gestion de versions libre

http://bazaar.canonical.com/en/

Liftoff :configuring opinionated defaults for new Xcode projects

https://github.com/thoughtbot/liftoff

13 SEO-boosting code snippets and markups

http://searchengineland.com/13-semantic-markup-tips-for-2013-a-local-seo-checklist-143708

The world's largest community of infographics and data visualization

http://visual.ly/

App icon generator

http://makeappicon.com

You can design and compose maps online

http://mapbox.com/

Built for Big Ideas.

http://www.getflow.com/

Je dis un seul mot: Elégance

http://viget.com/

Exo IDE

https://www.cloud-ide.com/

Mobile development tools

Pete LePage lists a number of mobile development tools, frameworks and libraries, and introduces a testing and iteration process meant to ensure an application works on as many devices as possible.

http://www.infoq.com/presentations/Mobile-Development-Tools

Ubuntu phone OS!

Annonce officielle d'une version Ubuntu pour mobile:

http://www.ubuntu.com/devices/phone

espérons que ça va remplacer android :p

Elusive Icons

http://aristath.github.com/elusive-iconfont/