You guys have probably seen some awesome logos designed in pure CSS3 around the Web such as Opera, Internet Exporer, Twitter and many more. I wanted to try to make ones, so I decided to make logos of my working company (this totally was a personal choice and a personal work).
After a couple of hours of work, here is the result:
Click here to see live demo
Of course, for better results you need to use latest browser versions which support radial gradient backgrounds, transformations, border radius, etc. If you are using the latest Chrome, Safari, Firefox, Opera or Internet Explorer 10, that will be fine.
- The first approach
- Browser rendering results
- Google Chrome (10, 11, 14, 23)
- Mozilla Firefox (3.6, 4, 5, 16)
- Opera (10.50, 11.11, 11.64, 12.0)
- Internet Explorer (7, 8, 9, 10 preview)
- Debugging/Helping tools
→ Read more
Here I was, the W3café event took place in the conference center of Microsoft France on June 29, 2012. I admit this post comes a bit late but interesting things were discussed during this event. The main subject was: Mobile applications build with HTML5.
During this Friday afternoon, there were 2 different talks including “Internet Explorer 10 and development with HTML5 on Windows 8″ and “Mozilla and the Mobile Web: from Firefox for Android to Boot to Gecko”. Between both talks, we had to choose a workshop: I took the “Creation of a Mobile Web app based on HTML5″ introduced by a W3C member, Dominique Hazael-Massieux.
Here is the list of talks that I attended:
- IE10 and development with HTML5 on Windows 8
by David Rousset (Microsoft France)
- Creation of a Mobile Web app based on HTML5
by Dominique Hazael-Massieux (W3C)
- Mozilla and the Mobile Web: from Firefox for Android to Boot to Gecko
by Tristan Nitot (Mozilla Europe)
I wrote a summary of hot topics that have been discussed during these conferences:
- Internet Explorer 10 for autumn 2012, what’s new?
- Mobile: Web app vs. Native app
- Mozilla’s B2G and Marketplace
→ Read more
This is an unusual post but it might help few people who are trying to set up Wi-Fi connection with a Belkin F5D7051. This was tested on Ubuntu 11.10 32-bit.
During the installation of Ubuntu, the Wi-Fi has been successfully connected but after rebooting: no network interface (wlan0). This is due to a conflict between 2 modules:
rndis_wlan. In fact, there are 2 types of F5D7051 based on the Broadcom BCM4320 and Ralink RT2500USB chipsets. The problem is that both have the same ID vendor:product that is to say
050d:7051, so the kernel could load the wrong one. Here are the steps to fix the issue.
The following solution is to blacklist the wrong module.
- Ensure that you have the right component by typing in the terminal:
It should display something like:
Bus 001 Device 003: ID 050d:7051 Belkin Components F5D7051
802.11g Adapter v1000 [Broadcom 4320 USB]
050d:7051 is the unique identifier of the component and
[Broadcom 4320 USB] is the based chipset.
- Check loaded modules with:
If you see both modules:
rndis_wlan, edit the
/etc/modprobe.d/blacklist.conf and add the following line at the end of the file (to edit you need to be root; if you have a Ralink chipset, replace
Then, unload the module by typing in the terminal:
sudo modprobe -r rt2500usb
Finally, save the file and reboot the computer.
Hope it helps. :)
Well, I get started learning 3D concepts/coding, so this is all new for me. I’ve done a first try to build an application that runs in WebGL-enabled browsers. After spending some days on it, I finally have something fit to be seen.
This post deals with how I’ve made that little random terrain generation application using the Three.js framework and the diamond-square algorithm. Obviously, this works with the new generation of web-browsers (with WebGL support). I have tested it on Firefox 9, 10 and Chrome 16, 17. Sorry for Internet Explorer fans, that app doesn’t support because it uses the WebGL context (perhaps switching in canvas rendering would work, I haven’t tested yet).
Go to the live demo page
You can run the live demo at this address. As always, you can find the source code on my GitHub profile.
Here are some screenshots of what the app can do but not only:
Of course, the application gives us more features than applying a texture or showing a mesh. I invite you to discover and to play with it. By the way, I would really appreciate your feedback. :-)
- The diamond-square algorithm
- The scene
- Working with shapes, vertices, meshes and textures
- The camera
- The rendering
- Changeable parameters
- Bottom line
→ Read more