background preloader

31 CSS Code Snippets To Make You A Better Coder

31 CSS Code Snippets To Make You A Better Coder

9 Useful jQuery Calendar And Date Picker Plugins For Web Designers Event calendars and date pickers are really useful plugins for web applications. WordPress does have a date picker, which allow bloggers to schedule the article. I am a big fan of jQuery, so i always use jQuery Calendar plugins to accomplish my tasks when the clients asked me to implement an event caldendar for them. In this article, i would like to share 9 really useful jQuery Event Calendar and Date Picker plugins that every web designers and developers should know. 1. FullCalendar FullCalendar is a famous jQuery calendar plugin which offers features like drag-and-drop, integration with Google Calendar and able to fetch events through JSON. 2. This is a tutorial which uses both jQuery and CSS to build an iPhone styled calendar application. 3. jQuery UI Datepicker The jQuery UI Datepicker is a highly configurable plugin that adds date picker functionality to your pages. 4. jMonthCalendar jMonthCalendar supports full month calendar and events. 5. 6. jQuery Week Calendar 7.

41 Free And Premium WP Magazine Themes Worth Downloading have been the topic of interest for a lot of people, because of the way they can present content in a beautiful, clean way and also blend advertisements pretty well into the design. Though they have changed a lot in the last years, magazine themes preserve the same key features through which they have to deliver the content to the visitor, give him the information that he needs so that he can find it easily like he would do it in a newspaper. In this article there are 41 free and premium WordPress magazine themes, approximately half free, half premium. Free Magazine Themes Premium Magazine Themes You will definitely like these articles Useful Wordpress Plugins Released In The Last Three Months – 33 Items Fresh Wordpress Plugins That Are Interesting And Useful – 37 Items A Comprehensive List Of The Best eCommerce Wordpress Themes Premium Wordpress Plugins That Are Actually Worth Buying 35 Interesting And Useful WP Plugins Released In The Last Five Months

28 Free CSS-Only Code Snippets for Web Developers HTML5 and CSS3 web development has pushed the boundaries of what is possible online. Modern browsers have also jumped aboard the bandwagon to support a multitude of these newer effects. As a designer I have been amazed to find crazy CSS-based projects online. In this gallery you’ll find 28 brilliant samples of CSS-only codes. CSS3 Checkbox Styles Pricing Table Pure CSS Modal Radio Boxes Animated Map Marker Loaders Settings Panel Amazing CSS Slider Spinner with Fade Parallax Scrolling CSS Rating Stars Floating Labels Image Slider Dashed CSS Shadow Ecommerce Columns Profile Box Widget Stylish Ordered List CSS Mega Menu Logo Animation Animated Checkboxes Animated Progress Bar Radial Menu Expandable Search Field CSS Scroll Bars Framed Responsive Images Eureka UI Kit Flat CSS3 Buttons Bootstrap 3 Form About Jake Rocheleau Jake is a digital researcher and writer on many popular design magazines.

25 CSS Snippets for Some of the Most Common and Frustrating Tasks In this post we have 25 CSS snippets and hacks that will solve many of the most frequently used and, at times, frustrating CSS development tasks. Why reinvent the wheel when there are already plenty of time-saving pre-written CSS code snippets? As well as some classic and timeless CSS hacks you will also find many CSS3 snippets, like box-shadow, border-radius,linear-gradient and many more. Adding shadow to text – text-shadow Helps make your text stand out from the rest. Source Adding an image-based border – border-image You can create any kind of border you want for any object(s) on your website using this. Adding shadow to borders and images – box-shadow Helps make your borders and images “pop” from the background more, giving a subtle 3D-like visual cue that it’s something separate, in the foreground, and the thing that visitors should be looking at. Adding rounded corners – border-radius Self-explanatory. Adding individual rounded corners – border-radius Adding a gradient – linear-gradient

Designer Scrabble by Andrew Clifford Capener A classic game reimagined for type nerds. No longer will you strategize about how to make a high-point word, but rather how to make the prettiest one. Andrew Clifford Capener has designed the A-1 Scrabble designer edition. From the designer: The purpose of this project was to revive an old, but loved game. The idea was to excite people about typography by giving them the ability to choose what font their scrabble set would come in. If you’re interested in purchasing the Scrabble designer edition, sign up at Andrew’s website to get on the list. [via Designcrush]

13 Free Contact Form Plugins for WordPress In this article I will show you some of the top 13 Free Contact Form Plugins for WordPress available for download. 1. Contact Form 7 Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on. 2. SimpleModal Contact Form (SMCF) is an Ajax powered contact form plugin for WordPress. 3. a very customizable contact form on your wordpress blog. 4. Contact Form by ContactMe.com is yet another feature-rich contact form plugin for WordPress. 5. Use [TINY-CONTACT-FORM] within any post or page. 6. Clean Contact is a simple contact form for WordPress. 7. Spam Free Contact Form. 8. Clean-Contact shields itself from Spam-bots by embedding the contact form via script, and optionally will filter messages using The WordPress Akismet plugin. 9. Supports multiple contact forms. 10. 11. WP Flex Contact Form is a WordPress plugin made in Flex/Flash. 12.

33 jQuery tutorials to create Navigation Menu Subscribe by RSS or Email 33 jQuery tutorials to create Navigation Menu Posted In: Jquery, Menu, By WAD, 21 Comments advertisement Design calls in loads of out of the box thinking. When we are thinking about creating an extraordinary design we need to consider the usability of web design as well. Here we have some effective Jquery tutorials for navigation menus just for you. 1. 2. 3. 4. 5. 6. 7. 8. 9. jQuery Tabbed Interface / Tabbed Structure Menu Tutorial 10. 11. 12. 13. 14. 15. 16. advertisement 17. 18. 19. 20. 21. 22. jQuery & CSS Example – Dropdown Menu 23. 24. 25. jQuery feed menus 26. 27. 28. 29. 30. 31. 32. 33. Make your success certain by using our incredible actualtests pmp exam study packages and realtests itil v3 foundation braindumps. Posted In: Jquery, Menu Tags: CSSJqueryTutorials Share This Story? Choose Your Platform! About the Author: WAD Web designer/developer holding Masters degree in IT, currently living in Australia. Related Posts Other News Previous Post Next Post Advertisements

25 Incredibly Useful CSS Snippets for Developers CSS is no doubt up there with the most important web languages that we use. While html provides the structure it can be inconsistent and unpredictable across different new and old browsers. Css is where the html is styled though, and where we get creative as well as addressing those inconsistencies. Below is a fantastic list of 25 Css snippets that I am sure you will find extremely useful. Whether you are a veteran web developer, or are just getting your foot in the door of css, they are all well worth checking out. Hide text with text indent This is extremely useful for use for things such as your company logo. Style links depending on file format This snippet is aimed at user experience. Remove textarea scrollbar in IE Internet Explorer has an annoying habit of adding scrollbars to textarea’s even when the textarea’s content is not overflowing. Drop cap Commonplace these days in blogs and news sites is the dropcap. Css Transparency Css Reset by Eric Meyer Image preloader Google Font API

The Food Labs Guide to Corned Beef and the Science of Simmering More tests, more results! Follow The Food Lab on Facebook or Twitter. [Photographs: J. Kenji Lopez-Alt] When most people cook corned beef brisket, what do they do? They just chuck it in a pot with a bunch of cabbage, potatoes, and carrots, bring it up to a boil, and let it simmer away until tender, right? I really love corned beef. There are two basic steps to corned beef: the rub, and the cooking. I've cooked 38 pounds of beef in my tiny apartment, which is driving the dog absolutely wild. The Rub First, a bit of history. The average Irishman was too poor to afford the very beef they were raising Throughout the 17th and 18th centuries, the green fields of Ireland were used to graze cattle to produce corned beef that went mainly to feeding British civilians, the British and American navies and armies (its long shelf life made it ideal for overseas journeys), and for trade with the French. To this day, very little corned beef is consumed in Ireland by the Irish. Ah! Salt Nitrates Ick, right?

14 astuces indispensables pour sécuriser votre site WordPress La sécurité d’un site WordPress n’est pas à prendre à la légère. Se faire hacker peut arriver à n’importe qui et ces 14 conseils vous permettront de limiter les dégâts potentiels. C’est quand tout fonctionne correctement qu’il faut mener des actions de prévention ! #1 – Sauvegarder intégralement et régulièrement votre site WordPress Avant toute intervention, faites une sauvegarde régulière de votre site WordPress. Vous devez sauvegarder les éléments suivants : Votre base de données MySQL ;Votre compte FTP ; Il se peut que votre hébergeur dispose d’un système de sauvegarde intégrale directement accessible via cPanel par exemple. Vous pouvez également avoir recours au système de sauvegarde dans le cloud proposé par Automattic – l’organisation en charge de WordPress, qui s’intitule VaultPress. N’oubliez pas de mettre en place un système de sauvegarde automatique de votre base de données MySQL. #2 – Tenez votre site WordPress à jour #3 – Utiliser des mots de passe sécurisés WP Security Scan

45+ Excellent Code Snippet Resources and Repositories Advertisement The beauty of code snippets is their ability to save you time when developing a site. Whether you keep a file with your own often-reused snippets or turn to one of the many online repositories, snippets can really speed up your site development. There are plenty of places online to find code snippets and get answers to your coding questions. Be sure to check out some of our previous articles: 1. The repositories and resources featured below cover multiple languages and platforms. Stack Overflow6Stack Overlow is a great site to check out if you have a programming question. Snipplr7Snipplr is a code snippet search engine. Smipple8Smipple is a repository of “social code snippets”. Tipster9Tipster, from Carsonified (the producers of the Future of Web Design conference), is a place to share and find tips from other web designers. Snipt10Snipt is a code repository that allows you to save public or private snippets. Snippets19This snippet repository is hosted by Jonas John. 2. 3.

3 astuces CSS fort utiles Voici quelques astuces CSS assez utiles, mais très peu utilisées. Au menu : Bien utiliser <HTML> et <BODY>Appliquer un style à tous les éléments.Donner plusieurs « class » à un élément Bien utiliser <HTML> et <BODY> <HTML>, comme tout autre élément, peut être personnalisé via les CSS. Appliquer un style à tous les éléments. Il est possible d’appliquer un style général à tous les éléments, via * Cette technique est utilisée par certaines feuilles de Reset CSS, pour appliquer des marges intérieurs et extérieures de 0 par défaut sur tous les éléments. Donner plusieurs « class » à un élément Il est possible de donner plusieurs valeurs à un attribut class, ce qui permet de gérer plus proprement certains éléments. avec comme résultat « texte rose et souligné« . edit : comme l’a noté Kazhar dans les commentaires, il faut nommer ses classes CSS en fonction de l’utilité de l’élément, mais pour le coup, il me fallait un exemple facile à comprendre, et à expliquer

Startup-Advisor Dating I get about 4 emails a week from law students and attorneys with questions about launching a law practice. It’s an awkward and humbling experience for me. I’m not a law practice management expert and several years ago I had many of these same questions. But I try to answer as many emails and calls as I can. I wish more startup veterans would do the same and provide mentorship to new entrepreneurs, such as taking a seat on a startup’s advisory board. A lot of the startups I work with placer a higher value on mentorship than investment capital, and would have no issue with a small equity grant to a good advisor. Why does it feel like most successful startup participants have their success and fall back into the shadows of the city? There are successful startup veterans in every community. I think it’s time to start a Startup-Advisor Dating service, in the spirit of Founder Dating. Maybe there’s one around that I’m missing.

3-colonnes Leopress est un thème sur 3 colonnes inspiré du système d’exploitation d’Apple Mac OS X Leopard. Les icônes utilisées sont les icônes Apple. Il est regrettable que le thème ne soit pas widget ready. Cela fait que si vous trouvez que ce qui a été installé dans les barres latérales ne vous convient pas, vous allez devoir mettre les main dans le code « sidebar.php » pour faire vos modifications. Page du thème : chez 7graus. Démonstration : la VO, ma VF. Téléchargement : LeoPress-fr.zip [ téléchargements] (suite…)

Related: