background preloader

Web Design

Facebook Twitter

Mobile Browser ID Strings (a.k.a. User Agent ID) The non-mobile stuff is here (hint: you get jerked back by the power cord after 3 feet and your arms start to ache after 10 minutes with non-mobile stuff) or click on any right menu link for the browser/section. We started these pages with four strings because we had never seen a comprehensive list anywhere. Nominally RFC 1945 and RFC 2068 define them (get RFCs) but only as an afterthought (the RFCs define HTTP 1.0 and 1.1). Browser IDs, more correctly User Agent IDs, appear, among other places, as the environmental variable HTTP_USER_AGENT in Apache.

You need this information to make the fewest checks possible for the browser environment or to optimise the display or ... to know who and what is crawling around your site. And if you want to check your browser string use our cheap trick page. New Stuff: It's been a loooong time since we did an update. Department of useless stuff: Anyone know the difference between Open Mini and Mobile...no it's not the beginning of a joke. Notes: Dolphin. WebPagetest. Matt Cutts: Gadgets, Google, and SEO.

Fitbit has discontinued their Fitbit One step trackers, which seems like a good opportunity to step back and reflect on wearing one for the last decade or so. I’ve enjoyed using Fitbit trackers, but the One devices seemed like they broke down too often. I’m pretty proud that I ended up earning all the activity-related Fitbit badges though: In 2013, I ran a 50 mile race and I took 110,472 steps that day. I think I did some extra steps late that night just in case Fitbit ever increased their top step badge from 100K to 105K or 110K steps. But the Rainbow badge was a little harder: 700 floors in one day. DC isn’t known for its high buildings. That’s how I found myself on a Sunday morning in July 2018. Wait a second–the badge is only for 700 floors, so why did I climb 800+ floors?

Overall, Fitbit’s badges have probably pushed me to walk more, along with a goal to get 10,000 steps a day. Link economy.

Php

Hacks. Css. Enterprise Content Management. 30 Web Developer Cheat Sheets. The list of skills a given web developer must possess is growing everyday. With the massive growth of web technologies, comes the demand for developers with a wide skill set. A useful tool in any developers tool box can be the well known 'cheat sheet'. Today, we will have a look at 30 essential web developer cheat sheets, ranging from MySQL to Photoshop.

PHP + MySQL Cheat Sheets The PHP scripting language has become one of the most popular server side languages around. Add to that, the power and integration of the open source MySQL database system, and you have a very powerful set of tools in your hand. 1. The AddedBytes cheat sheet above covers multiple php topics such as functions list and regular expressions. 2. If you would rather not download a php cheat sheet, BlueShoes has provided an online php cheat sheet available for you to access at anytime. 3. 4. 5. Above you will find a helpful and quick online guide to basic and slightly complex MySQL commands. 6. 7. 8. 9. 10. 11. 15. 16. Embed MP3 Code. You have an MP3 file (a podcast, a song of your band, a lecture) and you want to share it with the visitors of your site.

You can just put a link to the MP3 and let people download it or you can include it as an object and let the browser play it with a plug-in like QuickTime (and most of the times also crash the browser). Most people want to preview the audio and not wait until it downloads completely. You can play a partial MP3 file in audio player, but many people aren't aware of that. But there's another away: a Flash player that allows you to pause and rewind the MP3. It's like an audio version of Google Video or YouTube, with the difference that the file is hosted on your server (or on another server). You just have to replace [MP3 file address] with the actual address. Here you can see how it looks (in this audio, Marissa Mayer talks about innovation at Google): Update (April 28th, 2010): Odeo.com is down and the player no longer works.

JavaScript

C QA - Recommended list of Doctype declarations you can use in y. Warning The list is informative and does not try to be exhaustive (there are many other proper declarations you could use), but it has most of the declarations commonly used on the Web at the moment. Recommended Doctype Declarations to use in your Web document. When authoring document is HTML or XHTML, it is important to Add a Doctype declaration. The doctype declaration must be exact (both in spelling and in case) to have the desired effect, which makes it sometimes difficult.

Template Use the following markup as a template to create a new XHTML 1.0 document using a proper Doctype declaration. <! (X)HTML Doctype Declarations List Strict Transitional Frameset Strict (quick reference) Transitional Frameset XHTML Basic 1.1 (quick reference): HTML 5 [NOT a standard yet] MathML Doctype Declarations MathML 2.0 - DTD: MathML 1.01 - DTD: Compound documents doctype declarations XHTML + MathML + SVG - DTD: XHTML + MathML + SVG Profile (XHTML as the host language) - DTD: Optional doctype declarations. Common fonts to all versions of Windows & Mac equivalents (Browser safe fonts) - Web design tips & tricks. Last updated: 2008/06/03 Return to the main page Introduction Here you can find the list with the standard set of fonts common to all versions of Windows and their Mac substitutes, referred sometimes as "browser safe fonts". This is the reference I use when making web pages and I expect you will find it useful too.

If you are new to web design, maybe you are thinking: "Why I have to limit to that small set of fonts? I have a large collection of nice fonts in my computer". Well, as seasoned web designers already know, browsers can use only the fonts installed in each computer, so it means that every visitor of your web page needs to have all the fonts you want to use installed in his/her computer. If you want to know how the fonts are displayed in other OS's or browsers than yours, after the table you can find several screen shots of this page in different systems and browsers.

The list First, a few introductory notes: The names in grey are the generic family of each font.