Articles Tagged 'coding'
30 Cutting Edge Examples Of CSS Navigation
Tom WalkerNavigation is one of those things you have to get right in order to provide your users with easy access to your website's content. Today we'll take a look at 30 well-designed navigation menus. Some of them use CSS sprites, some use jQuery or another library, and others take advantage of the great properties available in CSS3. I hope you will enjoy this post. Please feel free to chime in by leaving a comment at the end of this post as well!
15 Incredible Apple Webdesign Style Coding Tutorials
Dainis GraverisApple style is very popular trend in our days - their design and style is really unique, clean and always good-looking. No wonder there are many designers trying to understand that style, why it works and how. There also a bunch of advanced coding tutorials available out there. Since I am Apple website style fan myself, I did research and showcased several amazing coding tutorials I found in the Internet.
I thought I will find more, but I guess Photoshop Apple tutorials are a lot more popular now than coding tutorials. But I hope you will enjoy this article as well - it's short, but really quality one!
33 Must Read CSS3 Tips, Tricks, Tutorial Sites and Articles
Since previous article about CSS text effects got really big attention I decided to research and find more interesting articles and websites just focused on CSS3, teaching you how to use it, showing pros and cons and much more. To be honest it's hard for me to keep up with technologies myself, but we really cannot not to use those new great selectors to make our designs even more beautiful, user-friendly and lightweighted. However since HTML5 is sort of tied with CSS3, I will soon continue with HTML5 article as well, so don't miss it and keep coming back! Enjoy!
22 Advanced CSS Text Effects And Web Typography Tips
You definitely should have seen those advanced CSS text effects for now already, they are rapidly getting popular as upcoming and current trend in good webdesign. The best thing about these effects is, it can be achieved with pure CSS, no more image replacements and image heavy web designs. In this article I showcased all the best explained CSS tutorials and typography tips I found and thought you definitely must read! Scroll through or definitely save this article to bookmarks so the next time you create new design in Photoshop with letterpress, shadowed etc. effects - you can create them just with pure code!
Typography takes also very important role in good web designs, so I strongly recommend to read articles I featured there as well! Enjoy and get inspired for your new, advanced web designs!
77 Inspiring Blog Comment Form Designs – Good Examples
I am continuing to do separated web-design roundups and research, this time we will look at good blog comment design examples. Maybe you can argue, how similar are such comment forms, but still I believe such huge roundups can help to see differences and compare many designs in one place. Usually forms are pretty classic with standard fields, submit buttons - nothing more, nothing less. But still even little change of field background, border style, font, rounded corners, small icons can make huge difference. Usually my attention grabbed those comment designs with small icons added to describe each form, transparency and extended possibilities. It is always good idea to add live comment preview, smilies or some simple CSS bold, italic, underline effects to give more options to advanced comment writers. But if you want to really stand out and create something fancy, put background images in good use, where possibilities are endless as you will see in these forms. I really hope you will enjoy this article and will do your own research and considerations, what you like/dislike and why it is so. I will be more than happy if you will join to discussion in comments and pick your own favorites!
51 Form Element Resources and Tutorials Using CSS And Javascript
I featured many good looking contact forms some time ago - 91 Trendy Contact And Web Forms For Creative Inspiration, so you should know how looks good example. Now let's take a look how to create outstanding and beautifully designed form elements from scratch ourselves. Things can get tricky even if you are experienced designer. It's hard to attract visitors attention, but this article should help to stand out and create semantically correct, good looking and accessible web forms, checkboxes, radio buttons, buttons, fieldsets - everything you can think of when you are creating contact or login page!
35 Websites To Teach You How To Use CSS Effectively
CSS ( Cascading Style Sheets) are the modern standard for presenting website. Combined with structural markup language like HTML, XHTML - CSS fully take care about presentation part, creating that good concept - HTML = Content, CSS = Presentation. If you know CSS, you can really do everything controlling spacings, borders, positioning, margins, paddings, colors, fonts, background images, hover effects and more presentational effects. CSS is really easy to understand, and in my opinion every graphic designer should have at least simple coding skills with HTML and CSS, because CSS is really still design part, not really coding.
Ultimate List of 32 Font And Typography Tools
Today I wanted to collect ultimate list of font and typographic related online tools available on Internet. There are tools for You to create Your own fonts, find unknown fonts just by selecting text or submitting image, siFR tools and resources, few Firefox plugins and several more CSS related online resources to help your web development process. Also I've found several communities where You can ask typographic related questions or just find people like you, just check out those tools and make easier development process.
101 More Quality CSS, XHTML Free Templates: Part 2
As promised second part follows, here I continue free XHTML and CSS template and free layout article, which actually at first was supposed to be one really long article, but WordPress doesn't allow to have such long posts. Anyway those post are directly linked with each other, together there are 202 templates, I picked only those which I found to be interesting for research for people just starting out and looking for new techniques. If You are really advanced user You should consider going straight to this post however - 12 Really Handy CSS Framework, Template And Snippet Sites For Smart Web Designer. Hope this helps in Your development process.
101 High Quality CSS And XHTML Free Templates And Layouts: Part 1
If You have been following to latest articles, I compiled 43 PSD to XHTML, CSS Tutorials article some time ago. This should be considered as next step to web development process. There are a lot of really professional and high quality XHTML, CSS templates available for free - if You are familiar with coding, You can learn many new techniques just by studying code. Those templates are free for charge, however don't forget to check license from each one of them before using. Don't forget that You don't need to copy those layouts, play with css, images to get complete fresh look. Here I represent to You the first part of free templates - every template is hand-picked, I picked only those templates I thought were interesting in code or really exceptional according to standard layouts.
