background preloader

Web Dev

Facebook Twitter

Top 10 CSS 3 forms tutorials - HTML5 & CSS3 form HTML5 introduced useful new form elements as such as sliders, numeric spinners and date pickers.

Top 10 CSS 3 forms tutorials -

This tutorial will show you how to create a form with HTML5, and make it look really cool with CSS3. A great way to get started in both CSS3 and HTML5.» View tutorial CSS3 form without images and JavaScript This tutorial is in French, but the result looks so good that I simply shouldn’t include it on that list. Stylish Contact Form with HTML5 & CSS3 I really love what British web developer Chris Spooner creates. Beautiful CSS3 Search Form Most search forms (Including the one I use on this site!)

Prettier Web Form with CSS 3 This pretty simple tutorial will show you how you can create a form using some basic CSS3 properties, such as box-shadow.» 10 éléments à intégrer dans des onglets FBML de votre Fan-Page Facebook. Bonjour à toutes et à tous.

10 éléments à intégrer dans des onglets FBML de votre Fan-Page Facebook

Cela faisait quelques semaines que je ne vous avais pas parlé de Fan-Pages Facebook sur, et en particulier des onglets personnalisables en FBML. Je souhaiterais aujourd’hui vous proposer quelques fonctionnalités que l’on peut intégrer facilement dans ses pages, grâce à l’application Static FBML. Si vous n’utilisez pas encore cette application, voici un petit tutoriel détaillant les différentes étapes d’installation, ou encore un autre, qui a le mérite d’être illustré et donc probablement plus clair (mais en anglais).

Concrètement, un onglet en FBML va vous permettre d’intégrer la majorité des fonctionnalités que l’on retrouve sur une page-web en HTML, si ce n’est qu’une application est requise et que Facebook propose certaines balises dans un langage leur étant propre. Dans la majeure partie des cas, ces onglets ressemblent à celui présenté ci-dessous. 1. Newsletter commune : Newsletter via Feedburner : 2. Cadre « par nom » : Cadre « par icône » : Design Your Facebook Fan Page With Pagemodo’s WYSIWYG Editor. Using the WYSISYG editor, you can add images and text, select your font, background colours and more.

Design Your Facebook Fan Page With Pagemodo’s WYSIWYG Editor

While there are drawbacks to using the free version of Pagemodo, it offers a great opportunity for startups or individuals, but for the serious entrepreneur, one of the paid packages will be more appropriate. If you haven’t already created a Facebook fan page, you can do so here, choosing the category, sub-category and page title. Once you’ve created your page, the next step takes place at Pagemodo. [TLK] Like Button. Like button XFBML tutorial Full: Like-button + Language First, set up a new application: 1.

Go to: 2. 3. 4. 5. Enter your site domain without in Site Domain , (for example: ) and click on Save Changes 6. 7. Important ! If you update from the old facebook-connect version (using the FeatureLoader.js.php + xd_receiver.htm) Then remove the next scripts from your site code: FB.init("123456789000000000","/xd_receiver.htm"); * And remove the 'xd_receiver.htm' file from your server. Removing the old scripts is important to do because otherwise the new SDK script will not work properly or at all. Important ! 34 Free & Beautiful xHTML/CSS Templates. NOTE: This post was originally posted on January 12th 2011.

34 Free & Beautiful xHTML/CSS Templates

However, I still receive requests for quality xhtml templates and these templates remain great quality. Whilst WordPress is hugely prevalent, many designers and amateurs still regularly need a simple html template for their work. Enjoy! 34 Free & Beautiful xHTML/CSS Templates Nowdays, more and more designers and developers start selling their work for money, and as time goes by less free xhtml/css templates are being released. Small Business Small Business is a beautiful, elegant and simple but very useful template for persons looking for a free, but awesome xhtml/css template. Market Leader Market Leader is a nice-looking, high-quality free xhtml/css template with a simple but usable jquery slider placed on the center and a great use of “soft colors”.

Out Liers Outliers is a dark, stunning and well-designed free xhtml/css template with a great jquery slider, and nice effects for the navigation buttons. Classic Luxury Mondays Acallia. HOW TO: Make the Most of TextMate. The Web Development Series is supported by Rackspace, the better way to do hosting.

HOW TO: Make the Most of TextMate

Learn more about Rackspace's hosting solutions here. For web developers, a key part of the toolkit is a solid text editor. Vi and Emacs wars aside, there are lots of good choices for web developers, ranging from the ultra-sparse to the full-on IDE. One of the most popular text editors for Mac OS X among coders is TextMate. Despite not receiving many major updates since 2007, TextMate is still a favorite amongst developers, front-end coders and even writers (a few of Mashable's bloggers use TextMate to compose first drafts of blog posts). On its own, TextMate is a good program. Install Some Themes Out of the box, TextMate comes with a handful of themes, but there are many more options for your text editing enjoyment. In a previous post, I compiled some of my favorite TextMate themes from over the years and put them together in a handy package on GitHub.