Hypertext Preprocessor
TopStyle 5 - HTML5 & CSS3 Editor
Programming in the 21st Century
The HTML Hell Page
"Hell is other websmiths." — Jean-Paul Sartre, updated Translations: GermanPolish blinking text Blinking text makes it nearly impossible to pay attention to anything else on the page. It reduces 87% of all surfers to a helpless state of fixated brain-lock, much like that of a rabbit caught in the headlights of an oncoming semi. This is not good. gratuitous animation With animations you get the all the wonderful injuries of the blink tag with the added insult of the graphics download time. marquees So, maybe you think the blink tag and cheesy animations are the worst abuse half-bright websmiths can perpetrate on your retinas? garish backgrounds The very next time we stumble across a page composed by somebody who thinks it's cool to use leaping flames or a big moire pattern or seven shades of hot pink swirly as a background, we swear we are going to reach right through the screen and rip out that festering puke's throat. unreadable text/background combinations brushscript headings Right. frames
Flashing between page loads
» Build a web app fast: Python, HTML & JavaScript resources
Wanna build a web app fast? Know a little bit about programming but want to build a modern web app using two well-supported, well-documented, and universally accessible languages? You’ll love these Python, HTML/CSS, and JavaScript resources. I’ve been sharing these documents with friends who ask me, “I want to start programming and build a web app, where do I start?”. These resources have also been useful to existing programmers who know C, C++ or Java, but who want to embrace dynamic and web-based programming. Python Resources Python is the core programming language used at Parse.ly. I’ve written a blog post with some original materials for learning Python, import this — learning the Zen of Python with code and slides. This is a good starting point, but you may also find these resources very helpful: For absolute beginners, “Learn Python the Hard Way”. HTML/CSS Resources In order to build up web applications, you’ll need to write your front-ends in HTML and CSS. JavaScript Resources Django
Build a Killer Website: 19 Dos and Don'ts
I’m continually surprised by how many people call my design company with very firm ideas about what they want on their business website and yet, they haven’t thought through some of the most basic questions first. For this reason, our first question is always “Why do you need a site?,” not “What do you want on it?” At bottom your website is a marketing tool. For many businesses, it’s the only source of business. Here’s my quick-hit list of the top dos and don’ts before you get started: Do: Set smart goals. Don’t: Do it yourself.
CSS delivery tool - learn how CSS is used on your pages
page spider tool Learn about your webpages and how Google sees your site. Checks redirects, keywords, pagespeed, title, description, links and more. Google guidelines tool Tool determines if a website or blog is following several of the Google webmaster guidelines. image seo tool Checks images on a page for common mistakes that affect users and Google. link report / nofollow test Tool identifies the type of links on a webpage and provides links counts of internal, external, nofollow, etc. social media count Find out how many social votes a page has. http headers A simple and accurate http header tool. requests checker Tool examines a webpage and counts the amount of resources and services the pages are using, reports on critical files and lists services. css delivery tool Tool displays how CSS is used on a webpage and how it affects pagespeed. gzip compression test Tool determines if a webpage is properly using gzip / compression and shows how much the file is saving by doing so.
How to combine external CSS files.
Each CSS file you are using for your website adds time to your page load speed. Sometimes this is unavoidable, however in most cases you can combine two or more CSS files together using nothing more than "copy and paste". Often the only reason you have multiple CSS files being called is because your website designer found it easier to work with separate files. CSS code doesn't care where it is at or how many files it is in. One CSS file that contains all the info of your separate CSS files combined will work just as well and improve your page speed. Putting all of your CSS into one file substantially reduces the amount of time it takes to load your web pages because you are reducing the amount of things the web browser has to load before displaying your page. Tip - To determine how many CSS files your webpages load use the CSS delivery tool which will list each file that is being called. Wordpress and CSS You should pay special attention to this guideline if you are using Wordpress.
