12 Really Handy CSS Framework, Template And Snippet Sites For Smart Web Designer If You are creating and developing new web-sites regularly, You should think about template creation, collecting useful code snippets and things like that. You should do that to fasten development process, so I think You could use, change, optimize these template files to Your needs, however check out licence terms, if You use these for business purposes. However this is very generalize list for now, to clear out the best from the best sites. Use them well! 1. CSSTidy “CSSTidy is an opensource CSS parser and optimizer. I pasted their information, because it says everything better than I could. For some people there can be a question – why You need to optimize Your CSS code? Get executable file here or use online optimizer! 2. You can also use this online optimizer version, which is very similar, but I am design geek, so I enjoy this site a little more. 3. “Blueprint is a CSS framework, which aims to cut down on your CSS development time. 4. 5. 6. 7. Eric Meyer CSS reset is very popular.
blog Fluidifier et améliorer l’expérience utilisateur est toujours un plaisir chez Pearltrees: moins de clics et accès plus rapides ici et là…tout ça pour vous permettre d’organiser, découvrir et partager ce que vous aimez sur le Web plus facilement. C’est pourquoi nous sommes heureux de vous présenter aujourd’hui la version beta 0.7.1 de Pearltrees ! Voici ce qui change : 1/ Navigation dans votre compte plus rapide ! Avec ce nouveau bouton situé dans le coin supérieur droit, vous pouvez accéder directement à chacun de vos pearltrees en un clic pour retrouver des anciennes perles ou y ranger des nouvelles. 2/ Nouveau panneau de notifications Vous pouvez désormais voir les avatars dans le panneau de notifications, et certains événements similaires ont été regroupés pour ne pas que vous soyez submergés par les nouveautés. 3/ Recherches spécifiques Il est à présent possible de chercher uniquement parmi vos pearltrees ou de chercher spécifiquement des personnes. 5. 6/ et un peu de SEO…
CSS Maintenable avec SASS et Compass Sommaire Le CSS n'est pas forcément un langage complexes. En revanche au fur et à mesure que vos projets vont grandir vous allez vous retrouver avec des fichiers CSS de plus en plus gros et de plus en plus difficile à maintenir. Dans cette formation je vous propose de découvrir le préprocesseur SASS et le framework Compass. Ces 2 technologies vont vous permettre de booster votre productivité et d'améliorer la maintenabilité de votre code CSS. Introductions tutoriels Imbrication ( Réservé aux membres premium )8min 21sL'héritage ( Réservé aux membres premium )6min 12sImport ( Réservé aux membres premium )4min 50sLes variables et les fonctions ( Réservé aux membres premium )6min 27sFonctions et Mixins ( Réservé aux membres premium )7min 14sDifférence entre SCSS et SASS2min 30sLes conditions (if...else...) ( Réservé aux membres premium )6min 20sLes boucles (for...) ( Réservé aux membres premium )9min 41s Compass
Which CSS Grid Framework Should You Use for Web Design? Ever wondered how all those slick "magazine" themes for WordPress and other platforms were created? Many, if not all, were designed using a CSS Grid Framework - at least in essence if not in actual fact. That is, you can use an existing CSS framework or build your own from scratch. While it's possible to design complex web page layouts without a framework, it's arguably an act in masochism. In this article you'll get an overview of the current batch of Frameworks and which you should choose to use. What is a CSS Grid Framework? Layout grids have been used in print publishing long before the Web. The same concept has been adapted for web page design for much the same reason, using CSS (Cascading StyleSheets) code to position HTML elements. Why Use a CSS Grid Framework? Not all designers support the use of using grid frameworks over tables, or even at all. Sure, if you use grids, you'll have to add some necessary HTML tag markup to your content, thus increasing page file sizes. Comparison
Blog d’entreprise : cas concrets, objectifs, coûts et ROI. » Blo La mode est encore aux blogs. Quoi qu’en disent les perpétuels annonciateurs de mort (le référencement va mourir, twitter va remplacer les blogs, la fin du monde est pour 2012), les entreprises s’intéressent toujours à ce moyen de communication, et elles ont raison ! Certaines d’entre elles pensent que le blog est trop consommateur de temps pour le retour qu’elles en ont, elles ont tort ! Pourquoi le blog est-il un outil de communication rentable ? Pour entrer de suite dans le vif du sujet, parlons d’argent ! Je sais bien que cet aspect vous intéresse, et je vais prendre un exemple simple. Combien coûte le temps de gestion d’un blog ? Le calcul est rapide à faire. Vous multipliez cela par quatre en moyenne pour arriver à un article par semaine (une bonne moyenne de régularité de publication, mais plus, c’est bien aussi). Un blog peut drainer 200 à 1000 visiteurs par jour (voire bien plus). Comparez maintenant ce coût à d’autres moyens de communication. Exemples et stratégies : On le voit ici.
LESS « The Dynamic Stylesheet language 15 jQuery Plugins for Better Web Page Element Layouts CSS does a pretty darn good job of helping to lay out a web page… but not always. Even with all the versatility that CSS offers, it sometimes is not enough and, dare I say it, I really hate to say it – HTML tables are on [very few] occasions missed, as they can fill in the holes that CSS layout techniques may leave behind. Thankfully we do not have to venture down the road of HTML tables, there is a White Knight that can save is, as it always does – there are jQuery plugins and its marvelous community of developers that release an endless river of powerful and always useful plugins. jQuery Masonry Masonry is a layout plugin for jQuery. Downloads & Docs »Masonry Demo Columnizer jQuery Plugin The Columnizer jQuery Plugin will automatically layout your content in newspaper column format. Downloads & Docs »Columnizer Demo UI.Layout Plug-in This plug-in was inspired by the extJS border-layout, and recreates that functionality as a jQuery plug-in. Downloads & Docs »UI.Layout Demo jLayout Columnize
Gros sites : comment RATER son référencement (SMX Paris 2010) KNACSS, un micro framework CSS pour débuter votre projet web facilement 40+ Techniques of JavaScript for Professional UI Home » JavaScript » 40+ Techniques of JavaScript for Professional UI This is specialy for Web Developers and Design because they are using very much JavaScript for make more beautiful our UI (User Interface), JavaScript can add a lot of special effects that can really improve the user’s experience, when we add JavaScript/jQuery techniques that add an extra dose of usability to any UI (User Interface/Webpage), we need to figure out more practical styling and functionality techniques to provide a great user experience, in whole package we are using CSS, JavaScript and jQuery libraries. SocialHistory.js Create a simple ul list with a nice slide-out effect for <li> elements jQuery Hover Sub Tag Cloud Textboxlist Auto-Completion CSS+Javascript power. MooGenda: a complete javascript json calendar based on MooTools Month View Demo Week View Demo Day View Demo How to implement a Post-to-Wall Facebook-like using PHP and jQuery How to implement a news ticker with jQuery and ten lines of code MoreCSS.js
Les nouveautés de WordPress 3.0 ! sur Geekeries.fr | Découvrir W Après le grand succès qu’a rencontré WordPress 2.9 et ses anciennes versions, l’équipe de développement essaye encore d’améliorer son système. WordPress 3.0 devrait sortir dans quelques mois et devrait bouleverser l’utilisation et la gestion de contenus sur internet. Cette version apportera sont lots de nouveautés et nous vous proposons d’en faire un récapitulatif en exclusivités et en détails. Télécharger WordPress 3.0 ! WordPress 3.0 est actuellement en cour de développement, mais il vous est déjà possible de le télécharger gratuitement. Télécharger WordPress 3.0 Optimisation automatique des liens ! WordPress 3.0 intègre un simple outil dans l’interface d’édition d’un article. Améliorations graphiques ! WordPress 3.0 modifie légèrement l’interface graphique du thème « gris » de l’administration. Amélioration du module « Aujourd’hui » ! Changez le nom de l’administrateur ! Un nouveau thème par défaut ! WordPress 3.0 intègre dorénavant un nouveau thème. L’arrière plan modifiable !
15 Javascript Web UI Libraries, Frameworks and Toolkits Almost all of the rich web applications that we currently see on the web today rely on a subtle set of UI controls, libraries or frameworks (or toolkits) that not only greatly simplify application development, they also provide a consistent, reliable, and highly interactive User Interface. What more could you ask for? Currently, there are a wide varied range of Web UI frameworks covering varied languages – for today we will focus on Javascript Web UI libraries. …so, if you are looking for a fresh UI outlook, below you will find the best 15 Javascript Web UIs, all offering, to different degrees, solutions. LivePipe: UI Components for Prototype LivePipe UI is a suite of widgets and controls for applications that has been built using the Prototype Javascript Framework. UKI – Simple UI Kit for Complex Web Apps MochaUI – A Web Application User Interface Library Sigma Ajax UI Builder JxLib based MooTools JxLib is a JavaScript UI framework built on MooTools. Dijit – The Dojo Toolkit jQuery UI Alloy UI