Placehold.it it’s a quick and simple image placeholder service.
Tag Archives: html
Zen Coding – High-speed Coding
Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code.
Responsive Design Presentation – ecentricarts
I found this interesting presentation about Responsive Design created by ecentricarts, a canadian web agency.
The presentation explains what’s Responsive Design, how to approach it, available tools and more.
Javascript – Loading Contents on Scroll
There are different ways to display and load contents. When you have a long list of scrolling elements the problem that you may encounter is a long loading time. To avoid this issue the solution is to load the contents “on scroll”. With this way the loading time are divided and optimized for only the things the user needs.
GMaps.js – Google Maps API
GMaps.js is a Javascript library that allows you to use the potential of Google Maps in a simple way. No more extensive documentation or large amount of code. With a few simple lines of code you can add a map in a minute!
Create an Image Stack Illusion Tutorial
I found on Design Shack an interesting tutorial about creating an image stack illusion:
Use Pseudo Elements to Create an Image Stack Illusion | Design Shack.
Lynx Viewer – Text-mode Web Browser
It’s worth running pages through a text-only browser, or text-browser emulator to see what e.g. a blind person using a text-to-speech converter will encounter. It will help you pick up on badly chosen or missing ALT texts for example. It also shows you the site pretty much as a search engine will see it. Incidentally the Opera browser has a built-in text-browser emulator.
Lynx Viewer is a web service allows web authors to see what their pages will look like when viewed with Lynx, a text-mode web browser.
Animated Loading Text with Javascript and jQuery
I just created a little script that creates an animated loading text.
The script adds a customizable numbers of dots to the loading text in a time interval.
How to Prevent Right Click with Javascript
Can happen that you can need to prevent right click on a web page, in this article I show you how to do it with simple examples.
CSS: text shadows
If you need to use text shadows CSS property I found this useful webpage that explains how to use it with different examples. The website is made by W3C.