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.

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.

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]

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

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?

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.

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.

50 Useful CSS Snippets Every Designer Should Have With so many new trends advancing every year it can be difficult keeping up with the industry. Website designers and frontend developers have been deeply ingrained into the newer CSS3 properties, determining the ultimate browser support and quirky hacks. But there are also brilliant CSS2 code snippets which have been unrequited in comparison. For this article I want to present 50 handy CSS2/CSS3 code snippets for any web professional. Recommended Reading: 20 Useful CSS Tips For Beginners 1. Basic CSS browser resets are some of the most common snippets you’ll find online. 2. This clearfix code has been around the Web for years circulating amongst savvy web developers. 3. 2011 Updated Clearfix From what I can tell there isn’t a major difference in rendering between this newer version and the classic version. 4. Code Source Some of the newer CSS3 properties have pampered us into thinking they may be applied everywhere. 5. Code Source 6. 7. Code Source 8. Code Source 9. 10. 11. Code Source 12.

Photographing Every Rest Stop In America : The Picture Show For me, rest stops conjure up feelings of motion sickness and memories of my brother's favorite, but sickly, childhood snack food, Combos. But photographer Lizzy Oppenheimer has more misty watercolor memories. "I treasured my experiences at rest stops due to not only the relief they provided but more so because of the individual charm of each rest stop," she writes on her website. Oppenheimer's project began in 2009, and her aim is to photograph every single rest area in America, "just before their closure due to budget cuts," she writes. Lizzy Oppenheimer Lizzy Oppenheimer Lizzy Oppenheimer Lizzy Oppenheimer Lizzy Oppenheimer Lizzy Oppenheimer Lizzy Oppenheimer To Oppenheimer's credit, rest stops have an interesting architectural history — and her aim is to preserve it. They're sort of the limbo of travel — neither here nor there.

Best CSS Code Snippet Sites On the web there are many different code repositories of web programming languages from which you can take free or licensed, but mostly free, small snippets for personal and professional use. Many are also collaborative communities that share code and discuss with others. Here is a small selection: asdfgas CSS Tricks CSS Tricks offer CSS code snippets but also some for HTML, HTAccess, JavaScript, jQuery, PHP and Wordpress. Although it is an HTML5 repository, labels filter snippets for CSS3 very well. html5snippets.com/css3 Other blogs have already published good collections of snippets in some of their posts: Tzine is an awesome web development website with tutorials and resources. tutorialzine.com

Awesome Pure CSS3 frame boxes (no images) Well, this is our first css resource freebie, inspired in the recently released useful photo frames. We have designed this set of high quality boxes without using images, pure CSS3 advanced techniques. :) These boxes works in webkit browsers only (chrome, safari) for now, we will work to release a cross browser version soon. Usage is pretty simple, just <div class=”box10″><p>content here</p></div> And that’s all! 20 Websites To Help You Learn and Master CSS CSS can be both a tricky and easy to learn. The syntax itself is easy, but some concepts can be difficult to understand. It’s super important to understand because your website’s reputation partially relies on it, as it is the backbone of your web design. This article features 20 excellent websites to help you “grok” CSS. There’s a wide range of websites included – from blogs to directory-style lists and websites that focus on one particular topic related to CSS. 1. A List Apart, the premier site to read articles about web design and best practices, has a collection of articles on the topic of CSS dating back to 1999. 2. CSS Help Pile is an aggregate of CSS resources, tips, and how-to’s. 3. CSS Basics is formatted like a book with 18 chapters dedicated to educating readers about fundamental CSS concepts. 4. Holy CSS Zeldman (not a site by Jeffrey Zeldman) is a useful collection of resources that link to standards-based CSS tutorials, tools, and layouts. 5. 7. /* Position Is Everything */

Taste Test: Cream Soda SLIDESHOW: Taste Test: Cream Soda [Photographs: Adam Lindsley] Cream soda can be polarizing. Some people liken it to liquefied candy—which isn't far off considering that it was often served at soda fountains with a scoop of ice cream. These days it's reaching a wider consumer base than ever, thanks in large part to the surge of boutique bottlers popping up across the country. True aficionados know there's more to cream soda than just how much sugar's been crammed into the bottle. While it would impractical to taste every cream soda available in America, we tasted 17 different nationally and regionally available brands to find out whose cream reigns supreme. Cream Sodas We Tried A&WAJ StephansBoylan'sCrater LakeDr. Each cream soda was sampled in a blind taste test and judged on the following criteria: The Criteria Carbonation: No one likes flat soda, but too much fizz can numb the mouth and mask flavors. Why the Losers Lost The Top Five 5. And the Winner Is...Sioux City

Font Awesome Icon With Brand Color Variables Pen Actions Create New Pen Save Info Panel (if owned) Re-Run Code Editor Commands Indent Code Right Indent Code Left Block Comment Tidy Up Code Select Current Line Select Next Important Thing Join This & Next Line Duplicate Line Delete Line HTML Specific Select Outward Matching Pair Wrap With... Close Tags CSS Specific Evaluate Simple Math Increment Number 0.1 Decrement Number 0.1 Misc Clear All Analyze Errors Open This Dialog Close Dialogs / Collapse Editors Also see: Tab Triggers

Related: