Skip to the content

Emanuele Feronato

Italian geek and PROgrammer
Check my
101 games challenge!
All about Css

Full screen centered background image with CSS and jQuery # 2

There are a couple of improvements to do to Full screen centered background image with CSS and jQuery to add some functionality such as window resizing management and make it compatible with Opera. First, you should change the CSS to Setting triquibackimg‘s position to relative rather than fixed will make it work in Opera too. … Full screen centered background image with CSS and jQuery # 2

Talking about Css, Html and Javascript.

Full screen centered background image with CSS and jQuery

Recently a lot of sites feature a full screen background image. Full screen background images can be used to give some sort of liquid effect to fixed layouts, or just to show full screen images in some special occurrences, such as Christmas or the launch of a new service. This is what you’ll get: demo. … Full screen centered background image with CSS and jQuery

Talking about Css, Html and Javascript.

Playing with Google Font API and WordPress

With new webdesign trends, standard fonts such as Arial, Times and Verdana aren’t enough to give our blog/website the loon&feel we want. That’s why today we’ll discover the magic of Google Font API. The Google Font API lets you include in your pages high-quality web fonts provided by the Google Font Directory. This means you … Playing with Google Font API and WordPress

Talking about Css and WordPress.

JQuery powered lights off effect

A couple of days ago a fan of my Facebook page asked me for a script to make the effect you see on this page. Obviously simply reverse-engineering the script wouldn’t be enough for me, so I decided to create a lights off effect that make any content in a given div remain highlighted while … JQuery powered lights off effect

Talking about Css, Html and Javascript.

MagOrMin – an old php based game

This is an ooooooold (let’s call it) game I explained for a web programming class in 2003 or 2004. It was made to explain some basics about Php, sessions, MySql and styles. All in one. That’s how students learn… all in one and with a real world example. It’s just a “guess if next number … MagOrMin – an old php based game

Talking about MagOrMin game, Css, Game development, Html and Php.

Create a Lightbox effect only with CSS – no javascript needed

You may call it Lightbox, or Greybox, or Thickbox, but it’s always the same effect. When you are on a page, and click on a photo or trig some event, a Lightbox is an effect that fades the pagein the background to show you new content in the foreground. I mean this effect In the … Create a Lightbox effect only with CSS – no javascript needed

Talking about Css.

Managing crossbrowser opacity with CSS

Sometimes you may want to change the opacity of some images with CSS. There are different ways to do it, according to the browser you are using. In this example, we’ll see both Explorer and Firefox. Firefox In Firefox, the style is -moz opacity: xx where xx is a number from 0 to 1, where … Managing crossbrowser opacity with CSS

Talking about Css.

Enhanced country selection with Css and Javascript

How many times you had to choose your country in a form, with a old, simple popup? Time to change the way you choose your country (or anything else) with a bit of Css and Javascript. I am showing the example in a iframe not to mess with WordPress styles. As you can see, when … Enhanced country selection with Css and Javascript

Talking about Css, Javascript and Tutorials.

Submit button “inspired” to Macromedia Buttons

I like very much Macromedia buttons, and I wanted to have it one like these in my forms. That’s all… here it is the style is Bye.

Talking about Css.

101
Games Challenge
I will build 101 games as a solo developer

During these years, I published 226 explained game prototypes, along with source code: 1+2=3, 100 rounds, 10000000, 2 Cars, 2048, A Blocky Christmas, A Jumping Block, A Life of Logic, Angry Birds, Angry Birds Space, Artillery, Astro-PANIC!, Avoider, Back to Square One, Ball Game, Ball vs Ball, Ball: Revamped, Balloon Invasion, BallPusher, Ballz, Bar Balance, Bejeweled, Biggification, Block it, Blockage, Bloons, Boids, Bombuzal, Boom Dots, Bouncing Ball, Bouncing Ball 2, Bouncy Light, BoxHead, Breakout, Bricks, Bubble Chaos, Bubbles 2, Card Game, Castle Ramble, Chronotron, Circle Chain, Circle Path, Circle Race, Circular endless runner, Cirplosion, Click when Red, CLOCKS - The Game, Color Hit, Color Jump, ColorFill, Columns, Concentration, Crossy Road, Crush the Castle, Cube Jump, CubesOut, Dash N Blast, Dashy Panda, Deflection, Diamond Digger Saga, Don't touch the spikes, Dots, Down The Mountain, Drag and Match, Draw Game, Drop Wizard, DROP'd, Dudeski, Dungeon Raid, Educational Game, Elasticity, Endless Runner, Erase Box, Eskiv, Farm Heroes Saga, Filler, Flappy Bird, Fling, Flipping Legend, Floaty Light, Fuse Ballz, GearTaker, Gem Sweeper, Globe, Goat Rider, Gold Miner, Golf Dash, Grindstone, GuessNext, Helicopter, Helix Jump, Hero Emblems, Hero Slide, Hexagonal Tiles, HookPod, Hop Hop Hop Underwater, Horizontal Endless Runner, Hundreds, Hungry Hero, Hurry it's Christmas, InkTd, Input Delay, Iromeku, Jet Set Willy, Jigsaw Game, Knife Hit, Knightfall, Legends of Runeterra, Lep's World, Line Rider, Lumines, Magick, MagOrMin, Mass Attack, Math Game, Maze, Meeblings, Memdot, Metro Siberia Underground, Mike Dangers, Mikey Hooks, Mini Archer, Nano War, Nodes, o:anquan, One Button Game, One Tap RPG, Ononmin, Pacco, Perfect Square!, Perfectionism, Phyballs, Pixel Purge, PixelField, Planet Revenge, Plants Vs Zombies, Platform, Platform game, Platformer, Plus+Plus, Pocket Snap, Poker, Pool, Pop the Lock, Pop to Save, Poux, Pudi, Pumpkin Story, Puppet Bird, Pushori, Pyramids of Ra, qomp, Quick Switch, Racing, Radical, Rebuild Chile, Renju, Rise Above, Risky Road, Roguelike, Roly Poly, Run Around, Rush Hour, SameGame, SamePhysics, Security, Serious Scramblers, Shrink it, Sling, Slingy, Snowflakes, Sokoban, Space Checkers, Space is Key, Spellfall, Spinny Gun, Splitter, Spring Ninja, Sproing, Stabilize!, Stack, Stairs, Stick Hero, String Avoider, Stringy, Sudoku, Super Mario Bros, Surfingers, Survival Horror, Talesworth Adventure, Teeter Up, Tetris, The Impossible Line, The Moops - Combos of Joy, The Next Arrow, Threes, Tic Tac Toe, Timberman, Tiny Wings, Tipsy Tower, Toony, Totem Destroyer, Tower Defense, Trailblazer, Trick Shot, Tunnelball, Turn, Turnellio, TwinSpin, Vampire Survivors, vvvvvv, Warp Shift, Watermelon Game, Way of an Idea, Whack a Creep, Wheel of Fortune, Where's my Water, Wish Upon a Star, Word Game, Wordle, Worms, Yanga, Yeah Bunny, Zhed, zNumbers, Zuma

© 2025 Emanuele Feronato
Manage Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Manage options Manage services Manage {vendor_count} vendors Read more about these purposes
View preferences
{title} {title} {title}