Data URIs explained One of the most frequently requested browser features in recent memory is data URI support. There’s been a fair amount written about data URIs recently: my colleague Stoyan Stefanov has written a couple of posts about data URIs, and my former colleague Hedger Wang also penned a post about how to use data URIs in IE. Surprisingly, there’s still a lot of misunderstanding and confusion about data URIs, what they are, how they work, and why you’d ever want to use one. URI, not URL URL is short for uniform resource locator, which is a combination of protocol (how to retrieve the data) and the address at which a given resource exists. Every URL is also a URI, which is short for uniform resource identifier. Data URI format The data URI format is pretty simple and is spelled out in RFC 2397 (which actually is short enough that you can read it all). data:[<mime type>][;charset=<charset>][;base64],<encoded data> In this format, data: is the protocol of the URI, indicating that this is a data URI.
Cheat Sheet : All Cheat Sheets in one page CSS Techniques I Wish I Knew When I Started Designing Websites - Dec 18 2009 By Tim Wright and TJ Kelly CSS is the best thing to happen to the web since Tim Berners-Lee. It’s simple, powerful, and easy to use. But even with all its simplicity, it hides some important capabilities. Ask any designer, and they’ll tell you that the majority of their code headaches are caused and ultimately solved by CSS. All designers at some point in their career go through the process of encountering a weird display issue, searching for a resolution, and discovering a trick, technique, or hack could have saved them hours of frustration—if they had only known when they started. We’ve put together a list of the most frustrating and time-consuming CSS headaches and, more importantly, their solutions (along with examples and further resources). Resets & Browser Inconsistencies Not all browsers are created equal. The early stages of resets, designers dealt with differing margin and padding values, using a global reset: inputbuttonhr Resources for Resets Extras Floats & Clearing <!
50 Essential Online Tools For Every Computer Science Student - Computer Science Zone Computer science students need to acquire skills in multiple areas — arguably more so than many other study disciplines. So not surprisingly, they need a large toolbox, for any of several activities encountered in the typical college program. To that end, here is a reference list of 50 essential tools (software and resources) for computer science students. Notes: We’ve left out the typical Web browsers, email clients, most IM/ chat clients, search engines, video sharing sites, etc., and given a sample of tool categories that have numerous options.Some tools listed are free, others follow a freemium model (free with paid upgrade options). Communication and Collaboration Google Hangouts: Free group conversations and live voice and video, from a browser or mobile app.Strike: Create Web-based task lists and share with classmates, colleagues and other collaborators. Data Parsing, Data Conversion, File Retrieval, Format Checking JSONLint: Validate JSON content and convert to prettyprint mode.Mr.
Design Windows Script Host dialog boxes for any occasion Spice up your script writing with Greg Shultz?s custom dialog box technique. Now, you can use IE and VBScript to create a reusable dialog box script. Customizable dialog boxes give you freedom in developing interactive scripts for users. The HTML dialog box templateThe HTML document holds the contents of the dialog box and will handle both the HTML and VBScript code. Of course, the contents of each dialog box will be different depending on what the application is and what input is needed from the user. To describe how the HTML dialog box file works, I’ll break it down into four key sections—the design, the script components, setting up the form, and the OK and Cancel buttons. Listing A: HTMLDbx.htm <html><head><title>Shell</title></head><body bgcolor="#D3D1CF" scroll="no"><script language="VBScript"><! Script componentsIn line 6, I begin the script components of the HTML file by declaring the scripting language to be VBScript. Listing B: DbxDriver.wsf <?
Online Computer Science Courses Computer science is the study of computational systems, their practical applications, and the examination of how humans interact with and improve upon new technology. College computer science programs and their open online courses typically focus on these primary concentrations: the theory behind programming language, the pragmatic applications and development of new technology, instructional design, and the creation of more user-friendly tech interfaces. Specifically, many courses deal with algorithm creation and coding techniques, while others will apply this knowledge to real-world tasks such as software construction. Why Take Free Online Computer Science Courses? Online computer science courses are offered at both undergraduate and graduate levels, and since computers and mobile technology are so ubiquitous, it is possible to earn a viable education through online courses and degree programs. Find Free Online Computer Science Courses
Html Color Codes What every computer science major should know Portfolio versus resume Having emerged from engineering and mathematics, computer science programs take a resume-based approach to hiring off their graduates. A resume says nothing of a programmer's ability. Every computer science major should build a portfolio. A portfolio could be as simple as a personal blog, with a post for each project or accomplishment. Contributions to open source should be linked and documented. A code portfolio allows employers to directly judge ability. GPAs and resumes do not. Professors should design course projects to impress on portfolios, and students, at the conclusion of each course, should take time to update them. Examples Technical communication Lone wolves in computer science are an endangered species. Modern computer scientists must practice persuasively and clearly communicating their ideas to non-programmers. Unfortunately, this is not something fixed with the addition of a single class (although a solid course in technical communication doesn't hurt). Java
How To Create A Secure Password It seems obvious, but passwords are our first line of defense against a growing army of nefarious hackers looking to steal our data, money or even identities. While many people know how serious the issue of cybersecurity is, many still use passwords that are remarkably bad. Compounding matters is the common practice of using the same password across multiple accounts, so a hacker who gains access to one account may be able to breach others. But protecting yourself is easy and there’s just no excuse for leaving your accounts vulnerable with bad passwords. WhoIsHostingThis.com is quickly becoming known for its informative infographics. Now, the site is back with a new graphic that looks to teach us how to create the perfect password. “With more and more of us shifting everyday tasks—banking, education, social interaction, even shopping for groceries—to the virtual world, securing our personal information has become more important than ever,” WhoIsHostingThis.com noted in a blog post.
What should I know (computer science-wise) before going to college to major in Computer Science? Unix - Environment An important Unix concept is the environment, which is defined by environment variables. Some are set by the system, others by you, yet others by the shell, or any program that loads another program. A variable is a character string to which we assign a value. The value assigned could be a number, text, filename, device, or any other type of data. For example, first we set a variables TEST and then we access its value using echo command: $TEST="Unix Programming" $echo $TEST Unix Programming Note that environment variables are set without using $ sign but while accessing them we use $sign as prefix. When you login to the system, the shell undergoes a phase called initialization to set up various environment. /etc/profileprofile The process is as follows: The shell checks to see whether the file /etc/profile exists.If it exists, the shell reads it. As soon as both of these files have been read, the shell displays a prompt: The .profile File: The file .profile is under your control. $TERM=vt100 $
Creating a Web App From Scratch Using Python Flask and MySQL In this series, we'll be using Python, Flask and MySQL to create a simple web application from scratch. It will be a simple bucket list application where users can register, sign in and create their bucket list. This tutorial assumes that you have some basic knowledge of the Python programming language. We'll be using Flask, a Python web application framework, to create our application, with MySQL as the back end. If you need to brush up on your Python skills, try the Introduction to Python course, which gives you a solid foundation in the language for just $5. Flask is a Python framework for creating web applications. Flask is a microframework for Python based on Werkzeug, Jinja 2 and good intentions. When we think about Python, the de facto framework that comes to our mind is the Django framework. Setting up Flask is pretty simple and quick. Once you're done with installing Flask, create a folder called FlaskApp. Now define the basic route / and its corresponding request handler: