5 способов создать вертикальный аккордеон. - Понемногу обо всем. gallery: 'gallery-2011.03.23-22-20' }).use('gallery-accordion', function(Y) { var item1, item2, item3, item4, accordion; accordion = new Y.Accordion({ Create Beautiful CSS3 Typography It has been suggested that beautiful and usable websites are created on a foundation of beautiful and usable typography. I’ve even read an article that suggests that the web is actually comprised of 95% typography. I’m not convinced that there is any empirical evidence for this figure, but I think that the point is a good one. And, that makes typography a pretty important element that you will want to look at very carefully. Create Beautiful CSS3 Typography Fortunately, CSS offers a variety of styling options that allow you a great deal of control over how your present your content to your viewers and users.
CSS shorthand properties - Webcredible UX blog CSS has gone through a lot of changes since we wrote this article in 2007. Check out our latest article for our thoughts on where CSS will be going in 2016! One of the main advantages of using CSS is the large reduction in web page download time. HTML5 with CSS for Safari, Firefox, Opera & IE As I started a new WordPress theme , the time was right to do this in HTML5 . The doctype is much easier now. And it’s the first time for me to write it by hand and not via copy ’n’ paste. CSS3 Tutorials to Brighten Up Your Day Jan 25 2011 As we all know, a lot of complicated CSS code snippets had to be used back then when you simply wanted to achieve a rounded corner, and even had to use JavaScript for simple animations. But since the coming out of CSS3, life has become a lot easier. In this post we provide you with a great collection you can always turn back to; whether you’re a pro and haven’t seen that particular tutorial yet, or a beginner who has newly discovered their love for CSS3. Either way, please feel free to mention tutorials that were missed out and would like to share with others. Awesome Cufonized Fly-out Menu with jQuery and CSS3 In this tutorial you can learn how to create a full page cufonized menu that has two nice features:
background-repeat - CSS Summary The background-repeat CSS property defines how background images are repeated. A background image can be repeated along the horizontal axis, the vertical axis, both, or not repeated at all. When the repetition of the image tiles doesn't let them exactly cover the background, the way adjustments are done can be controlled by the author: by default, the last image is clipped, but the different tiles can instead be re-sized, or space can be inserted between the tiles. Note: If the value of this property is not set in a background shorthand property that is applied to the element after the background-repeat CSS property, the value of this property is then reset to its initial value by the shorthand property.
Compete for Prizes and Glory! Think you cut code like a boss? Then this competition is for you. The Codehire Cup is on a quest to find Australia’s best professional and student programmers. 16 Design Tools for Prototyping and Wireframing Article This article was written in 2009 and remains one of our most popular posts. If you’re keen to learn more about wireframing, you may find this recent article on free online wireframing tools of great interest. In recent years the number of tools available to help you document and design your web site has just exploded. It seems that we all need a wireframing or prototyping tool at our fingertips (at least in the design arena). So in order to save you the hard work required to find one, I’ve assembled this list. It can be expanded upon, so if you use an unlisted application, please let me know and I’ll add it to the list.
Adobe Creative Cloud Sign in to continue Creative Cloud We are taking you to sign in with Facebook. PHP Social Network Platform Our PHP Social Network script is similar with Twitter, allowing you to keep in touch with your friends, @mention them, create #hashtags, send messages (tweets) in real-time, receive automatic notifications upon new mentions and new messages, the script is responsive too (native application style on mobile devices), modern (metro) clean design, and so much more… view the features: Video Demo: Video Demo (full features)User Demo: User Demo (some features are disabled, please watch the Video Demo)Admin Demo: Admin Panel Features User Features:Real-time messaging system.Me, Mentions & Profile personal pages (like Twitter).Automatic notifications on Me & Mentions Page upon new messages/mentions.Images/Photos, YouTube & Vimeo video sharing system in messages (tweets).Private Messaging System with Inbox/Sent. - New!User Gallery containing uploaded photos and videos (with image cache system). - New! Change Log / Updates
50+ Useful CSS Tools And Generators for Developers Jul 11 2011 CSS tools are essential for web developers because they act like a sort of magic lamp that can simplify the job at hand. Most development tools are time savers that are there to help developers create stylish, functional and optimized websites with a few shortcuts. How to create a simple layout with CSS Grid Layouts If you’ve ever dabbled in print design, you know where the idea of grid layouts originated from. A grid is a precise measurement tool used to position design elements on a page. This idea is often used on the web to make content organized and uniform, making for an improved viewing experience for your users. When the practice of web design was new, layouts were pretty simple.
Libraries As most programming languages, Ruby leverages a wide set of third-party libraries. Most of them are released in the form of a gem. RubyGems is a Ruby packaging system designed to facilitate the creation, sharing and installation of libraries (in some ways, it is a distribution packaging system similar to, say, apt-get, but targeted at Ruby software).
grid-template-rows - CSS: Cascading Style Sheets The grid-template-rows CSS property defines the line names and track sizing functions of the grid rows. The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone and send us a pull request.