Home

Design News:

Form Elements: 40+ CSS/JS Styling and Functionality Techniques

40+ noteworthy techniques for styling and functionality of Form Fields such as styling different form fields, live validation, Context highlighting, trading options from field to another, slider controls and more - using CSS and different Javascript libraries.

Comments (8)

I’m sorry Noura, usually you have cool stuff, I even comment on your blog sometimes. But Noupe lately has been repetitive and full of junk.

This article is no exception, I think similar stuff has been thread through cssdrive feed like a thousand times before. just want the news slot? :(

#1: Moni on 08/17 at 11:58 PM

I agree that Noura site is like the TACO BELL off CSS and Javascript posts!

every week it’s the same posts (mostly) rearranged in an exciting (not really) new way!
http://www.theonion.com/content/node/31955

still, this particular one had something newish, buried under all the lettuce :P/lol

#2: mark on 08/18 at 12:32 PM

P.S. Moni - it may serve you to be a bit more subtle in your criticism; Not that it is totally without merit, but I think we want to avoid the appearance of internecine squabbling or news submitters ‘hating’ on posts made by other contributors.

I’ve seen a lot of otherwise excellent posts voted down rather arbitrarily which seems to indicate (to me at least) that some stuff like that may be going on.

<anyway>
Keep posting Noura, maybe add a bit more variety to your sources?
</anyway>

#3: mark on 08/18 at 12:38 PM

mark, ive never really commented on anything noura posted, up until now. I even commented on her blog and my comment was removed the first time…supposedly by accident. Not the issue, i just honestly feel that the whole listing of other peoples tutorials and such all the time as news posts isnt cool, if it’s unique then yay if not meh. I don’t squabble, i’m sure if i had not said something, someone else would have mark, like they did on her blog in comments (and the 2 others also mysteriously got deleted, by accident..again..)

She’ll def keep on posting with or without our consent im sure, noura is cool ;) plus i’m sure she’s getting a healthy amount of traffic from the news posts so that’s always a + right? :P

#4: Moni on 08/18 at 03:26 PM

“i just honestly feel that the whole listing of other peoples tutorials and such all the time as news posts isnt cool,...”

well, actually it is, istnt it?

Aggregating that stuff helps me a great deal and that’s what CSSDrive does to a small extent (quite well) Smashing Magazine (sic) does very well and this horrible SMF forum site “ShoutingZone” which was just awful all round!
(I dont know who (whom?) that sunnavabitch was who used to post those crappy articles… )

Not everyone can create an original article or news post - or even SHOULD. The problem is, just about everything possible has already been done, but the problem is FINDING it - Your post re: using Javascript to redirect to different types of content depending on screen resolution is a good example: There are tons of ways to do it, and many nuances within a particular approach. Yours was best because it was so damn simple, people could easily take it and run with it - and spontaneously take off in a different direction (as opposed to using something like Jquery - you either eat it all or you dont)

In short, I LIKE the little articles that are basically a categorized listing of tutorial posts within a particular category. What I WOULD like to see more of, is that be expanded, maybe some feedback, or insight as to which is better, which has better cross-browser compatibility, which code is easier to modify, and of course, the licensing issues that may or may not exist.

:)  Heck, I may answer the call and do some posts/tutorials of my own!

#5: mark on 08/18 at 08:07 PM

You know what, CSS Drive is starting to get really bitchy. I’m half hearted to post any more news because I’m worried that people will slag it off or I’ll stack up lots of ‘nays’.

I used to love the site, checking it every day to absorb all the mounds of new aggregated information without having to go hunting, now people just want to slag off those of us making the effort to create or gather news and tutorials for others benefit.

Don’t forget you’re getting this stuff for free, it’s not going to hurt if you visit the site one day and there’s nothing that interests you - come back tomorrow!

Give the news posters a break please!

(ps this isn’t aimed at Moni, just everyone, myself included…)

#6: Nathan Beck on 08/19 at 02:37 PM

I get you with you on the ‘nays’
there often seems to be no rhyme nor reason to them. That’s why I make the effort to leave an almost funny comment or two behind each one I look at :)

Dont let the naysayers (nay clickers?) get you down!
Hey Georgec… maybe you could put in a spot of code that refused the Yay/Nay click unless the voter has actually VIEWED the article?

(i.e. They click on the article link: their sessionId/ID & Time is logged. They are then able to vote 45 seconds after that initial timestamp ( to prevent robot voting/quick clicks)

what you think?

Also, maybe we could have a ‘Request Box?’?
where people could request News articles/Tutorials of interest?

#7: mark on 08/19 at 03:34 PM

Nathan, understandable. At one point i was getting tons of nays, after leaving and coming back i guess people felt pitty? or it was my nws posts quality goig up, i just post what i honestly think hasnt been shoved in peoples faces a million times before and share it.

to top marks comment off, i simply think to vote thumbs up or down you need to first comment, just my 2cents. that way we know ‘why’ people are voting that way, maybe it’s something we don’t get you know?

20 people nayd the screen res hack, understandable, but when that many nay the 150 free logo news post, i gotta think somethings up u know?

#8: Moni on 08/19 at 08:47 PM
Commenting is not available in this weblog entry.

News Tools &
Other Resources

CSS Compressor

Use this tool to compress your CSS code, with three levels of compression to choose from!

CSS AutoPrefixer

Intelligently add CSS vendor prefixes to your CSS code. Just paste and copy!

Image to Color Palette Generator

Get the primary colors of any image in hex format with this online tool!

Image Optimizer

Use this tool to easily optimize regular gifs, animated gifs, jpgs, and pngs, so they load as fast as possible.

Button Maker

Use this tool to easily create those popular 80x15 micro buttons you see on web sites everywhere.

FavIcon Generator

Generate a favicon using any regular image with this tool. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is viewed.

Ribbon Rules Generator

Create alternating colored horizontal rules quickly with this new Web 2.0 tool.

.htaccess Banning Generator

Generate the necessary .htaccess code to ban visitors based on their IP address, referrals, or disable hotlinking on the desired file types on your server, such as images.

.htaccess Password Generator

Generate all the necessary codes needed to password protect a directory or selects files within it on your site using .htaccess.



Partners & ResourcesOur
Partners


CSS Forums News

Dynamic Drive forums | Register

The Latest Comments

All images and content copyright © 2017 CSS Drive. Contact Info | Back to Top
Affiliate Discloser: We receive a commission from purchases through some links on this site