Pages
-
Recent Posts
- If You Think You Should Actually Own Products You Bought, Now Would Be A Good Time To Call Congress
- Makers Of Nutella Force Fan Who Created World Nutella Day To Shut It Down
- Kitchen Nightmares Lawyers Threaten Infamous Samy And Amy If They Talk About Their Experience On The Show
- If You’re Going To Illegally Seize Citizens’ Cell Phones, At Least Make Sure You’re Grabbing The Right Ones
- DOJ And Dept. Of Education To Colleges: Start Restricting Free Speech On Campus Or Kiss Your Federal Funding Goodbye
Archives
- May 2013
- April 2013
- March 2013
- February 2013
- January 2013
- December 2012
- November 2012
- October 2012
- September 2012
- August 2012
- July 2012
- June 2012
- May 2012
- April 2012
- March 2012
- February 2012
- January 2012
- December 2011
- November 2011
- October 2011
- September 2011
- August 2011
- July 2011
- June 2011
- May 2011
- April 2011
- March 2011
- February 2011
- January 2011
- December 2010
- November 2010
- October 2010
- September 2010
- August 2010
- July 2010
- June 2010
- May 2010
- April 2010
- March 2010
- February 2010
- January 2010
- December 2009
- November 2009
- October 2009
- September 2009
- August 2009
- July 2009
- June 2009
- May 2009
- April 2009
- March 2009
- February 2009
- December 2008
- November 2008
- October 2008
Meta
Category Archives: Article
PHPHOST BLOG
Web Hosting Related Articles You May Need
Replace the Image in an <img> with CSS
The following is a guest post by Marcel Shields. Marcel in a difficult place where he needed to change the image on a page but didn’t have access to the HTML. Rare, but I’m sure we’ve all be in weird situations like this. He explains how he managed to replace that image without needing to access the HTML or JavaScript. Also turns out to be a pretty good way to replace anything with an image.
I just wanted to …
jQuery Conference Portland 2013 has a limited number of regular tickets still available. Two days. Two tracks. Fresh speakers. Jun 13-14. $50 off for members of the jQuery Foundation. Join today and get your first year of fan dues paid for with purchase of both a training and conference ticket. Training provided by Bocoup on Jun 12. Use coupon code CSSTricks25off for $25 off.
Replace the Image in an <img> with CSS is a post from CSS-Tricks
Posted in Article, Syndicated
Leave a comment
Slider with Sliding Backgrounds
Among the many super nice design features of the Yahoo! Weather app for iOS is the transition between city screens. The background image doesn’t just move away as the screen moves from one screen to the next, the background image itself slides. It appears to be hiding some of the “old” screen and revealing more of the “new” screen those closer you have it to being in full view.
Let’s try and pull it off on the web.
…
The HTML
jQuery Conference Portland 2013 has a limited number of regular tickets still available. Two days. Two tracks. Fresh speakers. Jun 13-14. $50 off for members of the jQuery Foundation. Join today and get your first year of fan dues paid for with purchase of both a training and conference ticket. Training provided by Bocoup on Jun 12. Use coupon code CSSTricks25off for $25 off.
Slider with Sliding Backgrounds is a post from CSS-Tricks
Posted in Article, Syndicated
Leave a comment
Photo Swivel
The following is a guest post by Alex Young (@the_alexyoung). Alex has created a simple technique to “rotate” the subject of a photo simply by hiding and showing multiple stacked photographs taken at different angles. Enjoy!
Web designers and developers have always fascinated us with fun and engaging ways we interact with their websites. I love discovering new techniques that these designers/developers have come up with. One technique in particular that sparked my interest is something that I …
jQuery Conference Portland 2013 has a limited number of regular tickets still available. Two days. Two tracks. Fresh speakers. Jun 13-14. $50 off for members of the jQuery Foundation. Join today and get your first year of fan dues paid for with purchase of both a training and conference ticket. Training provided by Bocoup on Jun 12. Use coupon code CSSTricks25off for $25 off.
Photo Swivel is a post from CSS-Tricks
Posted in Article, Syndicated
Leave a comment
Media Query Change Detection in JavaScript Through CSS Animations
The following is a guest post by Alessandro Vendruscolo. Media queries are relevant to both CSS and JS. The need and desire to manage those in one place is real. There have been some clever ways to do this, like Jeremy Keith’s Conditional CSS. But in that case, the onus is on you to test after window state changes. You can get a true listener with MediaQueryList, but then you’re maintaining the media queries in both places again. …
jQuery Conference Portland 2013 has a limited number of regular tickets still available. Two days. Two tracks. Fresh speakers. Jun 13-14. $50 off for members of the jQuery Foundation. Join today and get your first year of fan dues paid for with purchase of both a training and conference ticket. Training provided by Bocoup on Jun 12. Use coupon code CSSTricks25off for $25 off.
Media Query Change Detection in JavaScript Through CSS Animations is a post from CSS-Tricks
Posted in Article, Syndicated
Leave a comment
Naming Media Queries
It would be pretty cool if we could do this someday in CSS. The best idea for it that I’ve come across is to define it in a <meta> tag in the <head>. That way (perhaps) CSS could use it and JS could use it. Like window.matchMedia(nameOfMyMediaQuery) or @media (nameOfMyMediaQuery) { }. But since we can’t, Sass has our back. Now the question is, how do we name them?
In Sass, the @mixin would look something like this:…
jQuery Conference Portland 2013 has a limited number of regular tickets still available. Two days. Two tracks. Fresh speakers. Jun 13-14. $50 off for members of the jQuery Foundation. Join today and get your first year of fan dues paid for with purchase of both a training and conference ticket. Training provided by Bocoup on Jun 12. Use coupon code CSSTricks25off for $25 off.
Naming Media Queries is a post from CSS-Tricks
Posted in Article, Syndicated
Leave a comment
Line Clampin’
You want X lines of text. Anything after that, gracefully cut off. That’s “line clamping” and it is a perfectly legit desire. When you can count on text being a certain number of lines, you can create stronger and more reliable grids from the elements that contain that text, as well as achieve some symmetric aesthetic harmony.
There are a couple of ways to get it done, none of them spectacular.
In case that explanation wasn’t clean, imagine you have …
jQuery Conference Portland 2013 has a limited number of regular tickets still available. Two days. Two tracks. Fresh speakers. Jun 13-14. $50 off for members of the jQuery Foundation. Join today and get your first year of fan dues paid for with purchase of both a training and conference ticket. Training provided by Bocoup on Jun 12. Use coupon code CSSTricks25off for $25 off.
Line Clampin’ is a post from CSS-Tricks
Posted in Article, Syndicated
Leave a comment
3D Inset Parallax Effect
The following is a guest post by Joshua Bader. Joshua noticed that certain 3D effects on the web could benefit from adjusting perspective as the web page is scrolled. I’ll let him explain.
People love to make flat things appear as if they’re three-dimensional. There are two ways to pull off this effect in a 2D environment, shape and movement.
By give a flat shape the appearance of edges or sides, we can make buttons or other objects appear …
3D Inset Parallax Effect is a post from CSS-Tricks
Posted in Article, Syndicated
Leave a comment
Make Client Side Data Available Server Side
That would be pretty useful, right? Right now it’s very common to User Agent “sniff” when you want to make a server-side decision about what to give the client. But UA sniffing has always sucked and sucks more every day. What you really want to know is stuff like “how big is the screen I’m serving to?” or “does the device I’m serving to have touch events?” – that way you can serve resources that are appropriate to those questions. …
Make Client Side Data Available Server Side is a post from CSS-Tricks
Posted in Article, Syndicated
Leave a comment
Magic Numbers in CSS
Despite the super fun sounding name, magic numbers are a bad thing. It is an old school programming term for “unnamed numerical constant”. As in, just some number plunked into the code that is probably vital to things working correctly but are very difficult for anyone not intimately familiar with the code to understand what it is for. CSS is loaded with unnamed numerical constants, but they are usually paired with properties and in the context of a selector so …
Magic Numbers in CSS is a post from CSS-Tricks
Posted in Article, Syndicated
Leave a comment
Preventing the Performance Hit from Custom Fonts
The issue is 1) custom fonts are awesome and we want to use them 2) custom fonts slow down our pages by being large additional resources. Dealing with this has been in the air recently so I thought I’d round up some of the ideas and add thoughts of my own.
Only load on large screens
The first idea I saw was Dave Rupert’s tests on only loading @font-face on large screens. Turns out if you use @font-face but don’t …
Preventing the Performance Hit from Custom Fonts is a post from CSS-Tricks
Posted in Article, Syndicated
Leave a comment
LATEST NEWS
