Real-time Online CSS Editor

This article was written on October 27, 2011 by CyberNet.

Realtime css editor

If you’re a web developer there is a good chance that you’ve had to mess around with a lot of CSS code. It’s not the easiest thing in the world to work with, but there are tools out there that try to guide you along the way. CSSDesk.com doesn’t provide any direct guidance, but it can help you quickly test out CSS expressions to see if they are doing what you expect them to be without constantly having to reload a page to have your change take effect.

You probably wouldn’t want to do an entire website design using CSSDesk, but it is great for fine-tuning individual objects. Things like buttons, boxes, and small sections of sites would definitely be the ideal uses of CSSDesk. There also isn’t anything on the site to distract you from what you’re working on, which means no ads and no unnecessary buttons or links. It’s just you and your code.

The other cool thing is that in a single click you can generate a URL that you can use to share the code with someone else. If you need help with your CSS code that feature could be extremely useful since there isn’t the hassle involved of having to create an account to share the code.

CSSDesk.com Homepage

Copyright © 2013 CyberNetNews.com

Generate CSS Boxes with Rounded Corners, Shadows, and Gradients

This article was written on November 10, 2011 by CyberNet.

Css box generator

The web is advancing at a rather rapid pace and so is the amount of stuff you can do with things like CSS. The CSS3 Generator is a site that demonstrates just how powerful CSS is becoming, and the best part is that you don’t need to know too much syntax when there are tools available like this one.

You can see all of the customization options in the screenshot above, and what’s nice is that the code it generates is designed to work in browsers like Firefox, Chrome, Safari, and Internet Explorer. Unfortunately some of the options aren’t available in Internet Explorer, such as the background gradients, so you shouldn’t assume all of it should work. The code that gets generated has comments to point out when you should be concerned with browser compatibility though.

What I like about tools like this is that they serve as a great way to learn the syntax required to create advanced designs without falling back to using specially-crafted images. I always look to examples to pick up this kind of stuff, and for that reason I greatly appreciate anyone who takes the time to create these online tools.

CSS3 Generator Homepage

Copyright © 2013 CyberNetNews.com

Video Game Resume Is the Best Resume Ever

This video game inspired resume beats any resume that you have offered to potential employers. It is the work of designer Robby Leonardi, who wanted his C.V. to stand out from the crowd. He certainly accomplished that.
video game resume 1 620x620magnify

Robby created an interactive resume with a Super Mario Bros. sort of theme and it is amazing. It has four levels of awesomeness. This interactive resume is basically a miniature version of Robby as a Mario-type superhero character that runs through the levels, telling employers about his employment history, work experience and portfolio. As an added bonus, it shows off his HTML, CSS, JavaScript and JQuery skills along the way.

video game resume 2 620x749magnify

You can see it here. Just push the down arrow or spin your scroll wheel and enjoy the ride. Then hire this guy!

Awesome resume. My Mario hat is off to you Robby. I would hire you in a heartbeat just to create cool stuff like this for my own personal amusement.

[via Mashable via Nerd Approved]

Awesome Guy Re-Created the Star Wars Opening Crawl with HTML and CSS

Awesome Guy Re-Created the Star Wars Opening Crawl with HTML and CSS

Here’s something completely awesome on a day that needs more awesome. Tim Pietrusky recreated the famous opening crawl of Star Wars from 1977 using HTML, CSS and JavaScript because he couldn’t find a web version of it. Even better, the code is all up on Codepen.io and Pietrusky detailed his process on his website for all to see. Watch the opening sequence here (just click on the text). [Tim Pietrusky via BoingBoing]

Read more…


    



This Is the Most Beautiful Way to Learn How to Code

These days, the sentiment of anyone who doesn’t know how to code being destined to a life of homeless ineptitude has become a fairly common (if mildly exaggerated) one. But of all the ways out there to save yourself from a derelict fate, Jon Duckett’s HTML and CSS: Design and Buil Websites, is, perhaps, the most beautiful, information-packed intro to basic web languages you can find. More »

CSS Mona Lisa Turns Your Browser Into the Louvre [Internet]

Using over 7,500 lines of code, hacker/artist Jay Salvat created this surprisingly detailed reproduction of da Vinci’s Mona Lisa with nothing but cascading style sheets. It’s about as modern as modern art can get. More »

Adobe Edge swells to include Tools & Services, streamlines the designer web

Adobe Edge swells to include Tools & Services, streamlines the designer web

Adobe really wants web designers to kick things up a notch. Not satisfied with where Edge has gone so far, it just released a full-fledged Edge Tools & Services suite to cover the bases for polished desktop and mobile pages on most any modern platform. Motion tool Edge Animate (formerly Edge Preview), automated previewing tool Edge Inspect (formerly Shadow) and mobile app packager PhoneGap Build have all arrived in the suite as version 1.0 releases, and come with both Edge Web Fonts as well as TypeKit to spruce up text. A pair of pre-release utilities, Edge Code (Brackets) and Edge Reflow, are also joining the group to tackle the nitty-gritty of editing web code and layouts. Any of the apps will readily cooperate with third-party software, although they won’t always be cheap: while most of the Edge suite is free to use in at least a basic form as long as you have a Creative Cloud membership at any level, Edge Animate is only free during its initial run and should eventually cost either $15 per month or $499 in a one-time sale. For pros that want to burnish their corner of the web to a shine, the result just might be worth the expense.

Continue reading Adobe Edge swells to include Tools & Services, streamlines the designer web

Filed under: ,

Adobe Edge swells to include Tools & Services, streamlines the designer web originally appeared on Engadget on Tue, 25 Sep 2012 18:51:00 EDT. Please see our terms for use of feeds.

Permalink TechCrunch  |  sourceAdobe  | Email this | Comments

Microsoft advises nuking Windows Gadgets after security hole discovery, we mourn our stock widgets

Windows 7 with Gadgets

Whether you see Windows Vista and Windows 7 Gadgets as handy tools or a blight upon a pristine desktop, you might want to shut them off for safety’s sake. Mickey Shkatov and Toby Kohlenberg have found that the desktop widgets’ web-based code have flaws that would allow malicious Gadgets, or even hijacked legitimate Gadgets, to compromise a PC without having to go through the usual avenues of attack. Microsoft’s short-term answer to the vulnerability is a drastic one, though: a stopgap patch disables Gadgets entirely, leaving just a barren desktop in its wake. There’s no word on a Gadget-friendly solution arriving before Kohlenberg and Shkatov present at the Black Hat Conference on July 26th, but we suspect Microsoft’s ultimate answer is to move everyone to Windows 8, where Gadgets aren’t even an option. We understand the importance of preventing breaches, of course — we’re just disappointed that we’ll have to forgo miniature stock tickers and weather forecasts a little sooner than expected.

Filed under:

Microsoft advises nuking Windows Gadgets after security hole discovery, we mourn our stock widgets originally appeared on Engadget on Wed, 11 Jul 2012 14:42:00 EDT. Please see our terms for use of feeds.

Permalink Computerworld  |  sourceMicrosoft, Black Hat Conference  | Email this | Comments

Here’s How to Blow Up Websites You Don’t Like with Bombs [Video]

I know there are times when you’re cruising down the Internet highway, looking for a laugh as your hair is being blown back by AC when you stumble upon something so annoying that you start shaking your monitor and hope that it just blows up. It happens to all of us. We never do anything. But now you can. More »