Windows 7 Forums
Welcome to Windows 7 Forums. Our forum is dedicated to helping you find support and solutions for any problems regarding your Windows 7 PC be it Dell, HP, Acer, Asus or a custom build. We also provide an extensive Windows 7 tutorial section that covers a wide range of tips and tricks.


Windows 7: Website Designers Unite! Or just read... :)

15 Feb 2011   #1

 
Website Design Resource List

So... I know the "Chill Out" section of this forum doesn't really allow users to give or receive reputation, but this doesn't really fit in with the other categories.

My idea is for any SevenForums members who have anything to do with website design / development to share tips / tricks / knowledge / libraries / resources / etc, in the pure interest of sharing knowledge.

If you have any helpful or useful tips and tricks with regards to any part of the website development process (from design to coding, images, layouts, etc) post a link here with a short description of why or how you found it useful, and include the average level of knowledge required to make use of it. If you want to give an example of some code, go for it... Just try keep it short and to-the-point.

Quote   Quote: Originally Posted by <Example Entry>
Here's a CSS extension I've been using for a little while now, this allows more intelligent nesting of CSS properties, along with variables (similar to those found in PHP or JS). The end-user must have JavaScript support turned on, but since that's a pretty common requirement for most websites these days, I haven't found any compatibility issues with using this extension.

Source: LESS The Dynamic Stylesheet language
Required: Semi-comfortable in CSS
So... Let the sharing of knowledge commence! Or throw a brick at me and put me back in the dark corner... I think I saw a few cookies there last time.

Note   Note
I am only just beginning my quest in website design, and I can't afford to do any official courses, so I'm making good use of Google... Free tutorials are all I have to go on. I think sharing knowledge and tips could be a great help to anybody else who either dabbles in or simply wants to learn better ways to handle the same old scenarios.

Either way, I am going to learn as much about website development as I can, and if my experiences and researching can help someone else along, great. I think it would be cool to have a place where many people can do the same thing, and therefore help each other along the ever-changing-TRON-like-world that is our world wide web.
My System SpecsSystem Spec
15 Feb 2011   #2

 

To help keep this section cleaner, each piece will be ordered alphabetically inside categories.

Entries added since last update are marked with a * at the beginning of the line.
-===========================-

Code Editors
Notepad++ | 5.8.7 - It's notepad on steroids... And it's free.
Programmer's Notepad - Another notepad-style application, possibly more useful for scripting purposes (with regards to websites).
* PSPad - Universal free text editor for script writers and developers.

Code Editor Plugins
* ZenCoding - Type HTML and CSS using a powerful abbreviation logic engine. (Various editors supported)

CSS
Blueprint: A CSS Framework | Spend your time innovating, not replicating - A CSS framework to base new sites on.
CSSDesk - Online CSS Sandbox - Test and develop stylesheets in real-time.
LESS The Dynamic Stylesheet language - Variables, mix-ins, operators and functions in your stylesheets. Works on either client-side or server-side.

JavaScript
Highslide JS - JavaScript thumbnail viewer - Lightweight and highly customizable photo gallery library (be sure to check out the 'Configurator' link on HS site).
jQuery: The Write Less, Do More, JavaScript Library - JavaScript with countless tweaks and improvements to the coding process.
jQuery UI - Home - Low and high-level site interaction through themed widgets (based on jQuery).

Website Hosting
Free Web Hosting with PHP, MySQL and cPanel, No Ads (000WebHost) - Free and paid hosting options.
Free Web Hosting with cPanel, PHP, and no Ads (x10Hosting) - Free and paid hosting options.

Resources and Useful Apps
* 365PSD - Free PhotoShop template files for various elements.
Font Squirrel | Download Hundreds of Free @font-face Fonts - Use any font for website text, even if it's not on the client PC.
* PixeDen - More free image resources for website design.
* PremiumPixels - Free image resources for website design.
Screen Ruler - A transparent, re-sizable and movable on-screen ruler for measuring virtually anything your monitor displays.
My System SpecsSystem Spec
15 Feb 2011   #3

Windows 7 Professional x64 SP 1;Windows 8 Consumer Preview;Ubuntu 12.10
 
 

I'm just a beginner web designer but I'm taking a web design class and am using Photoshop, Dreamweaver, and Flash Pro. I'm so glad to not have to do HTML by hand anymore.
My System SpecsSystem Spec
15 Feb 2011   #4

ultimate 64 sp1
 
 

bring your thumbnail images to life with highslide.

simple to implement and customise - and free to use on non-commercial sites.
My System SpecsSystem Spec
15 Feb 2011   #5

Windows 8 Pro 64-bit
 
 

Quote   Quote: Originally Posted by computertech19 View Post
I'm just a beginner web designer but I'm taking a web design class and am using Photoshop, Dreamweaver, and Flash Pro. I'm so glad to not have to do HTML by hand anymore.
Dude! Doing it by hand is half the fun! xD


Anyway.
X10Hosting for hosting sites. I use it, and personally, I think it's awesome.

jQuery for short JS (and some neat animations...)

Cssdesk to test out your CSS.
My System SpecsSystem Spec
15 Feb 2011   #6

Windows 7 Enterprise
 
 

The ultimate webbuilders tool:
Notepad++

I don't use anything else.
My System SpecsSystem Spec
16 Feb 2011   #7

 

Quote   Quote: Originally Posted by Prisoner View Post
Dude! Doing it by hand is half the fun! xD
Oh yeah, I definitely agree there... My DreamWeaver is also either in 'Split' or 'Code' view. Lol. Only reason I use split view is to see a live view of my site as I write the code for it...

Quote   Quote: Originally Posted by xarden View Post
The ultimate webbuilders tool:
Notepad++

I don't use anything else.
I don't know if I'd tell people to only use N++... I mean, sure it's one of the first things about MS Windows that I replace (Notepad), but each to their own I suppose.

Update
I updated the second post with the links, also added one or two from my bookmarks bar.. I think this thread may just work out nicely after all.
My System SpecsSystem Spec
16 Feb 2011   #8

ultimate 64 sp1
 
 

for some reason, i've never got into notepad++ - i'm a programmer's notepad kinda guy...it's good to have a choice.

i expect most of you know, but filezilla is a crackingly good ftp program.

both programs are free and open-source.

another useful freebie is screen ruler.
My System SpecsSystem Spec
16 Feb 2011   #9

 

Quote   Quote: Originally Posted by mickey megabyte View Post
for some reason, i've never got into notepad++ - i'm a programmer's notepad kinda guy...it's good to have a choice.

i expect most of you know, but filezilla is a crackingly good ftp program.

both programs are free and open-source.

another useful freebie is screen ruler.
I've known about N++ for ages, but Programmer's Notepad is a new one to me. Looks pretty cool though, I like the project folder list idea... Notepad++ can do something similar, but only if the 'Explorer' plugin is installed, and it's not the most user-friendly plugin either.

One question though: can you drag a folder into the application window and have that folder open in the project view? Or is it only for defined projects (like most other IDEs)..?

Screen ruler is also a new one to me, seems there's a few good utilities from that website.. I'll definitely have a look.

I think I'll refrain from listing FTP or general 'upload/download' programs in list (second post), I want to try keep it as more of a 'website design' thread than a 'website development' if I can. Focusing on tools that help with creating a website either from scratch or on templates. The website hosting is useful because there are so many different hosting pads available, it's nice to have recommendations from people who've actually used them.

Thanks for the links; second post updated.
My System SpecsSystem Spec
16 Feb 2011   #10

ultimate 64 sp1
 
 

Quote   Quote: Originally Posted by ZaLiTH View Post
...

One question though: can you drag a folder into the application window and have that folder open in the project view? Or is it only for defined projects (like most other IDEs)..?

...
to be honest, i've never tried using 'projects'.

i'll have to look into it that feature.

i normally just open individual files from explorer/filezilla as i need them.
My System SpecsSystem Spec
Reply

Thread Tools



Similar help and support threads for2: Website Designers Unite! Or just read... :)
Thread Forum
Why Web designers are a SCOURGE on I.T systems -- Chillout Room
Banks unite to battle online theft Security News
SevenForums designers logo. Customization
Opera 10.10 goes final, Unite becomes standard Browsers & Mail
Opera 10.10 Unite Beta Browsers & Mail
Sevenforums Designers Forum Chillout Room
Anyone tried opera Unite? Software

Our Sites

Site Links

About Us

Find Us

Windows 7 Forums is an independent web site and has not been authorized, sponsored, or otherwise approved by Microsoft Corporation. "Windows 7" and related materials are trademarks of Microsoft Corp.

Designer Media Ltd

All times are GMT -5. The time now is 01:45 PM.
Twitter Facebook Google+



Windows 7 Forums

Seven Forums Android App Seven Forums IOS App
  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33