background preloader

Web Design Resources

Facebook Twitter

Monster Meltdown | Design Inspiration of Monstrous Proportions. Member Center - Student Web Hosting.

Questionnaires, Project Sheets and Work Sheets | Smashing

MyBB Community Forums - Plugin Releases. Standardista » CSS Specificity. Some people are confused by CSS Specificity, especially with all of the (not-so) new CSS3 Selectors. The image below may help make sense of CSS Specificity. Download the PDF Legend: X-0-0: The number of ID selectors, represented by Sharks0-Y-0: The number of class selectors, attributes selectors, and pseudo-classes, represented by Fish 0-0-Z: The number of type selectors and pseudo-elements, represented by Plankton a la Spongebob*: The universal selector has no value +, >, ~: combinators, although they allow for more specific targeting of elements, they do not increase specificity values:not(x): The negation selector has no value, but the argument passed increases specificity CSS SpeciFISHity You can download the PDF of fishy CSS specificity here Specificity determines which CSS property declaration is applied when two or more declarations apply to the same element with competing property declarations.

With CSS3 Selectors, order is even more important, as is understanding specificity: ! 45 Incredibly Useful Web Design Checklists and Questionnaires | Smashing Magazine. Designing websites can be a long and complicated process. Dealing with clients, designing prototypes, coding, programming, and testing – there’s a lot to keep track of and a lot to make sure gets done. That’s where checklists can make your life a whole lot easier. With lists of points covering multiple areas from content to usability to accessibility to standards, you’re a lot less likely to overlook important parts of a site. Below are 45 checklists to make your design process easier and more organized.

Consider using these checklists as a jumping off point for creating your own customized list, based on your own needs. Also consider our previous article: 15 Essential Checks Before Launching Your Website1 lists some important things to check before you make your sites public. 1. These questionnaires and checklists are focused on making your relationships with your clients better. Comprehensive Web Design Checklist5 This is another client-focused questionnaire. 2. 3. 4. Dr. 5. 6. 7. 8. 11 CMSs to Help You Create Your Own Social Networking Website. It turns out that it is really hard to find quality sources to trust. I was especially interested in the topics of web design, WordPress, UI, UX, HTML5, CSS3, jQuery, responsive web, and mobile design. I came to the conclusion that while you can easily spot the top players, but if you are talking about sub-niches and finding blogs that aren’t quite as established, sources can be quite challenging!

That is the reason why I decided to create this huge goal- find the most influential blogs in the industry. I am separating them into different categories and I have included my two cent’s why I think each site is included. And I have also included influencer rankings: Google PageRank, Alexa Scores, Twitter, Facebook followers ( but I didn’t include RSS since it seems to be outdated already, but have included some interesting facts I found by accident). With each blog I’ve included: Let’s get started shall we? Note: All listed in no particular order. Smashing Magazine Highlights: Hongkiat Abduzeedo. List of social networking websites - Wikipedia, the free encyclopedia. From Wikipedia, the free encyclopedia A social networking service is an online platform that people use to build social networks or social relationships with other people who share similar personal or career interests, activities, backgrounds or real-life connections.

This is a list of notable active social network services, excluding online dating services, that have Wikipedia articles. For defunct social networking websites, see List of defunct social networking services. See also References. Using Evernote (and Postach.io) to Manage Student Work | Postach.io for Education. Microsoft Office training | Microsoft Office classes and resources. MOS Certification | Microsoft. Teaching App Development with Swift - Swift Education. Dash. Webmaker Training: Teach the Web. How To Identify WordPress Plugins On Any WordPress Website - Penguin Initiatives. I had someone contact me recently that wanted to know the name of the WordPress Plugin I was using on my sidebar for social media. I’m used to just getting this info on my own using Google Chrome’s inspect element feature, as it works for the vast majority of WordPress Plugins.

Usually there is a class or ID in the HTML code that reveals its name. Since its clear that not everyone does this, I thought I’d provide a guide on how to do this to benefit those who aren’t doing this already. So here’s how to identify the name of a WordPress plugin on someone else’s website without having to ask them for it (at least in most cases this works).

Open up their website in the Google Chrome Browser.Hover over the WordPress Plugin that you want to identify with your cursor.Right click on it and select “Inspect element” like in the screenshot below: Find the parent element of the WordPress Plugin. There you have it, the WordPress Plugin you found on someone’s website that you wanted to use on yours. What WordPress Theme Is That? So You Want Your Own Searchable Database, Huh? Use these to jump around or read it all... My guess is that most of you came by this page through using the Goodies Search Engine or through the Database tutorial. Either way (or neither way) this tutorial will finally answer one of the most asked questions in the Goodies mailbox -- How do I set up a searchable database for my own Web site? Read on... If you haven't yet seen my search engine work, here's a link to it.

Give it a try and see if you like it. The searchable database was created in JavaScript and submitted to HTML Goodies by Satadip Dutta, who has given me permission to use and distribute this script. First you need the script. Keep the copyright comments in place. Grab the Script Read what's below... please?! I cannot stress this enough: You must get the entire script and this is a big pup.

Read what's above... please?! Now that you have the script, you'll need to change one thing, and begin adding your pages to the script. Title[0]=6 That's how you do it.