background preloader

CSS 3.0 Text Shadow

CSS 3.0 Text Shadow
Related:  WWW

CSSG Collections: Web Forms I am happy to present a new thing on CSS Globe: CSSG Collections! Approx. once a months I will design, code and give a way a collection of certain web elements for free. First in the series of CSS(G) collections are web forms. I am giving away 5 uniquely designed and coded web form styles. Take a look at the forms | Download CSSG Forms Collection If you like these forms and want more of these collections, please consider bookmarking this page to your favourite social bookmarking service In this collection I used my typical form markup. Here’s my typical markup: Also, as an announcement, I am currently developing a jQuery plugin for text fields and text areas that will handle their behavior and validation. Enjoyed the article? 50+ incredible freebies for web designers, May 2015 We’re constantly amazed at the generosity of designers and developers who release exciting, inspiring products out to the web design community on a daily basis. Not only do these impressive designers speed up our work with more free resources than we can use, but they drive us on to more and more ambitious work of our own. Every month we collect together the best free resources for web designers and developers, and this month there truly is something for everyone; we’ve got great icons, UI kits, and mockups; as well as scripts, tools, and extensions. So free up some hard drive space, then browse through these downloads, enjoy! Flat Color Icons More than 300 icons with a beautiful color palette, useful for all type of situations and projects. iOS 8 Construction Icons A collection of 50 icons related to construction. Multisize Material Design Icons A collection with multiple icons following the Material Design Trend. Brand Guidelines InDesign and Illustrator Template Uber iOS Wireframe Kit

5 Free Online Courses For Social Media Beginners Whether you’re new to technology, just getting started with a social network, or looking for some useful tips then these courses are for you. They’re part of a new idea that I’ve been working on with a few friends. We’re calling it Modern Lessons and it’s essentially a ‘Khan Academy for real-world skills’ where a small handful of people build free online courses designed to help you learn some important things. But it’s more than just a few useful videos about Twitter. For now, let’s focus on how to improve your social media skills. The Beginner’s Guide To Facebook Facebook dominates the web. The Beginner’s Guide To Pinterest Pinterest is one of the fastest-growing social networks in the world. The Beginner’s Guide To Learnist Learnist is one of the hot education-oriented social networks you should know about. The Beginner’s Guide To Twitter In this course, we jump into the world of Twitter feet first. The Beginner’s Guide To YouTube

How To Remove Vocals From Music Tracks Using Audacity Ever get a sudden, inexplicably irresistible desire for karaoke? Maybe you like the music of a song but can’t stand the lead singer? Here’s how to use remove the vocals from most music tracks in a few simple steps. How It Works Vocals are normally placed in the “center channel.” Stereo tracks have two channels, but not all of the instruments are balanced evenly. On the whole, however this process works really well if you start with good quality audio. Removing the Center Channel Fire up Audacity and load your song of choice. The first thing we need to do is break the song’s two channels into two separate tracks. Next, pick a channel (it doesn’t matter which) and double click to select the entire track. Go to Effect > Invert. If you hit play, you’ll notice the song sounds a little funny. That’s it! Yatri Trivedi is a monk-like geek.

Infographic: A Gargantuan Map Of The Internet What does the Internet look like? Is it computers or sub aquatic cabling? Is it satellites or code? Is it discrete websites and files, or is it just one branching, undulating cat meme evolving over time? Click to enlarge. To Ruslan Enikeev, the Internet is “nature, sky, space, science, and fractals”--an image he shares on his website, The Internet Map, which uses an association algorithm and a Google Maps front end to show 350,000 sites as their own universe. “For other people data and math is just numbers and tables, maximum graphs, but I can see more--its inner beauty. It took him over a year, with the help of Russian creative agency Positive Communications. When you couple this association with the country-specific color-coding, you see that China (yellow) and the US (blue) are in a clash of control of the Internet, with Russia (red) and Japan (purple) hanging around the periphery. “It was not my aim to make the site useful, but still you can use it,” Enikeev explains.

Button Maker 50 CSS and JavaScript Tools, Frameworks and Libraries Keeping up with the new releases in web design is not easy. There are new tools, libraries and frameworks seemingly released every other day. The good news is we’re here to summarize everything up for you. In total, we have trimmed this CSS and JavaScript resource collection down to our 50 favorites, just to make things easier for you. All of the tools, libraries and frameworks have been categorized into the following categories: CSS Libraries & Toolkits, Flexbox Tools, Responsive Web Frameworks, Material Design Frameworks, Random CSS Stuff, JavaScript Libraries & Frameworks and finally a bunch of Web-Based Apps. CSS Libraries & Toolkits Fileicon, a collection of pure CSS file icons. Marx, the stylish CSS reset with no Javacript or Classes. Transformicons – Animated icons, symbols and buttons using SVG and CSS. sanitize.css makes browsers render elements consistently and allows you to style with today’s best practices out-of-the-box. Primer, the CSS toolkit and guidelines that power GitHub.

45 Free Online Computer Science Courses Missed lectures or hate teachers? Or want to study computer science courses without going to university? … You can study anytime anywhere because there are number of free online computer science courses available on internet that are very interactive. Here is the list of 45 free online computer science courses that are designed by teaching experts from best universities of the world (almost the whole graduation!). 1. Programming Methodology CS106A , Stanford University Course. Complete set of course materials. 2. This course is the natural successor to Programming Methodology and covers such advanced programming topics as recursion, algorithmic analysis, and data abstraction using the C++ programming language, which is similar to both C and Java. 3. Advanced memory management features of C and C++; the differences between imperative and object-oriented paradigms. 4. The purpose of this course is to introduce you to basics of modeling, design, planning, and control of robot systems. 5. 6.

DarkCopy - Simple, full screen text editing 100 Websites You Should Know and Use Entertainment Meet David Peterson, who developed Dothraki for Game of Thrones There are seven different words in Dothraki for striking another person with a sword. Among them: “hlizifikh,” a wild but powerful strike; “hrakkarikh,”a quick and accurate strike; and “gezrikh,” a fake-out or decoy strike. But you won’t find these words in George R. R. Culture My Year of TED: How 54 talks changed a life By Kylie Dunn What do you get when you cross a 39-year-old perfectionist with 54 TED Talks and far more honesty than any person probably needs to experience? Entertainment Meet David Peterson, who developed Dothraki for Game of Thrones There are seven different words in Dothraki for striking another person with a sword. Culture My Year of TED: How 54 talks changed a life By Kylie Dunn What do you get when you cross a 39-year-old perfectionist with 54 TED Talks and far more honesty than any person probably needs to experience?

Top 10 CSS Table Designs - Smashing Coding By R. Christie Tables have got to be one of the most difficult objects to style in the Web, thanks to the cryptic markup, the amount of detail we have to take care of, and lack of browser compatibility. First things first Link We start with a valid xhtml 1.0 strict markup. <table id="..." You can read more about xhtml table markup in HTML Dog’s Table Section1. Before we start, let’s review the general rule of thumb for styling of tables: Tables love space. Now that we are all set up let’s get going, shall we? Overview of this article Page 1: Top 10 CSS Table Designs

Home - Pencil Project How to use your PC and Webcam as a motion-detecting and recording security camera This tutorial will take you step-by-step through setting up your PC and Webcam to act as a motion-detecting and recording security camera system. And the software required to do this is open source (free). Why?What?How? Why? 6 Reasons to set up a motion activated web-cam Maybe you live in a questionable (at best) part of East Vancouver and you’ve already been broken into (while you were doing the dishes). What? For this tutorial you’ll need: a PC running Windows 98, ME, 2000, XP (the software is untested on Windows 95 and NT, but should work) a webcam (or two, see advanced) Dorgem – an open source (free) webcam utility. To upload images ‘off-site’ (in case someone steals your computer) you’ll need an FTP account. How? Install (if it isn’t already) your webcam. click to enlarge Click the Preview button to display the view your webcam has. Click the Source button and make any adjustments to the Brightness, Contrast and/or other settings. Click the Options button Click OK Advanced Multiple Webcams

Programming Methodology - Download free content from Stanford