css3 - Yahoo News Search Results

RIT Online Launches New Courses in User Interface Design, User Experience Design, and Interaction Design and Development

ROCHESTER, N.Y., Jan. 16, 2015 /PRNewswire-iReach/ -- RIT Online, the online higher-education unit of the 185-year-old Rochester Institute of Technology, is launching new online courses for graduates looking to acquire the key skills in web, mobile and application design that are in demand by employers in the advertising, marketing and mobile/web design sectors. The course content fosters ...

Now’s A Great Time To Learn To Code — Here’s How To Get Started [Up To 92% Off]

Knowing how to code has become a life skill, but it is also a skill in demand. Startups need talent, and are willing to pay top dollar for it — the average salary of a US programmer is now over $100,000. Likewise, if you’re thinking of going it alone in the world of business, being able to build your own product is invaluable. To help get you started, here’s a list of great e-learning courses ...

Learn Responsive Web Design, A Key Digital Skill [80% Off]

Stack Commerce Everyone knows smartphones and tablets aren’t going away anytime soon. The ability to build websites that can adapt seamlessly from desktop computers to tablets to mobile phones (to whatever is next) is increasing in importance everyday. That’s responsive web design. Ethan Marcotte has a great explanation here from 2010. He was right that mobile web browsing would overtake desktop ...

Average Web Page Size Up 15 Percent in 2014: Report

As 2014 draws to a close, the latest data from the HTTP Archive shows that the average web page grew 15 percent to almost 2Mb in the past year. That rate of increase is down from 30 percent in 2012 and 32 percent last year....

10 Best Design Awards Top 10 Best Web Design Firms in Philadelphia

10 Best Design is an organization that gives annual awards to companies ranked in different categories. This year, they have ranked the top web design firms in Philadelphia. (PRWeb December 30, 2014) Read the full story at http://www.prweb.com/releases/10-best-design/web-design-Philadelphia/prweb12416346.htm


recent bookmarks tagged css3

The 12 Dos and Don’ts of becoming a Web Developer | Doejo

Posted on 18 January 2038


Posted on 29 January 2015

Responsive Web Design Fundamentals - Udacity

Posted on 28 January 2015

Organisational chart with just css3 and html (vertical)

Posted on 28 January 2015

demosthenes.info – Shrink-Wrap HTML containers with max-content

Posted on 28 January 2015

CSS3 Hover Effects

Posted on 28 January 2015


Posted on 28 January 2015


Posted on 28 January 2015

Spickzettel: Diese CSS-Feinheiten solltest du kennen | t3n

Posted on 28 January 2015


Posted on 28 January 2015

Questions About CSS3 on Quora

Questions About CSS3

reddit.com: search results

Hey! I updated my HTML5 and CSS3 course and giving it away free on Reddit this week

I've updated my "HTML and CSS Course for Beginners" and am giving it away free on Reddit this week. We have over 10,000 people in the course with great reviews, but now have it on a new platform that I want to test out and make sure it works well so I'm offering it free this week. I'd love to have you sign up and let me know what you think about the platform.

Once you sign up you have lifetime access to the material. Go here to sign up and get it for free: http://courses.makerbased.com/course/html-and-css/?couponCode=redditVIP


submitted by bonesy2286 to learnprogramming
[link] [155 comments]

Posted on 12 November 2014

What are the benefits of site logos fully made in CSS3 over SVG?

For responsive design, I know SVG is the go-to format and most sites have SVG logos of their company/brand on their site headers. But is there any benefit to having the logos made entirely in CSS as opposed to drawing out a vector in Illustrator and saving a SVG of it?

With all the recent updates to CSS3, it's very possible to make many logos solely via CSS. For example, here's a lot of company logos re-created in CSS3: http://www.bchanx.com/logos-in-pure-css-demo

I'm looking to see if there's any real reason someone would want to do this, especially in terms of long-term sustainable web practices. If anyone can shed some light on the subject, I'd appreciate it.

submitted by QuestionAxer to web_design
[link] [23 comments]

Posted on 10 August 2014

I saw this GIF and I thought it would be interesting to recreate it using CSS3. (x-post /r/WebDev)

This GIF is very soothing and I thought it might look interesting if I could recreate it using CSS3 animation.

I created a script in PHP that allowed me to generate the percentages and degree values to get the flow correct, and to keep me from having to copy and paste over and over for all the browser specific prefixes.

Remove the "overflow: hidden;" property of ".graphic" to see the full circle, which feels just as, if not more, soothing as the semi-circle.


submitted by arobson13 to css
[link] [8 comments]

Posted on 29 June 2014

I saw this GIF and I thought it would be interesting to recreate it using CSS3.

This GIF is very soothing and I thought it might look interesting if I could recreate it using CSS3 animation.

I created a script in PHP that allowed me to generate the percentages and degree values to get the flow correct, and to keep me from having to copy and paste over and over for all the browser specific prefixes.

Remove the "overflow: hidden;" property of ".graphic" to see the full circle, which feels just as, if not more, soothing as the semi-circle.


submitted by arobson13 to webdev
[link] [78 comments]

Posted on 29 June 2014

[Announcement] 500k Subscribers!!

Hey there guys and gals! We've just hit half a million subscribers, and we've decided to celebrate the occasion by giving something back to the community. Hold on to your Teemo hats, it's gonna be bumpy ride! Here's what's coming up:

1. Community Games

Hey guys /u/jaraxo and /u/xAtri here. On June 29th, we're holding a series of community games featuring none other than the punderful David "Phreak" Turley, the undying Marc "Tryndamere" Merrill, the inspirational Eefje "Sjokz" Depoortere, and the artistic Skyen.

There will be 6 games in total: 3 games on NA and 3 on EUW servers. All games will be normal blind pick.

8 random people from the stream's chat will be chosen to participate in each game (more details will be given during the stream). A person may only participate once during the event.

The EU games will be led by Team Skyen and Team Sjokz, with 4 people assisting them on either side. The games will be cast by Vince "Metuz" Hill and Christopher "Panky" Pankhurst on Panky's Twitch channel.

A few short hours later after NA LCS finishes, the NA games will be comprised of Team Phreak and Team Tryndamere with 4 people joining them on either team each game. The games will be cast by Reid "RAPiDCasting" Melton and Dan "EGAD" Caruso on RAPiDCasting's Twitch channel.

Playing along side such great personalities is a great opportunity by itself, but we know what you really want. Just for taking part in the games, the participants will get to choose either Artic Ops Varus or Riot Blitzcrank (Champion and skin).



Artic Ops Varus or Riot Blitzcrank will be gifted to the account and server of the player's choice. They may take up to a week to be credited.


  • Why is it only on EUW and NA? What if I don't have a fully leveled account there?
    Fret not! Summoners of all levels are given a fair chance and will be allowed to take part in the event as long as you have an account on either one of the servers.
  • What if I already possess both skins?
    You can nominate a friend to who can receive the prize instead of you.
  • What if I don't own that champion?
    You will be given both the champion and the skin if you don't own the champion.

2. Snoo / Art Event

Howdy, /u/NeutronRocks here! In celebration of the 500k subscribers milestone, we’ll be holding some contests over the next few weeks for the art-inclined among us. This is not the Art Event thread, separate threads will be made later for each of the 3 contests.

The three contests will be:

3. Subreddit Theme:

Hey guys, /u/TheEnigmaBlade here. For the past couple months, we've been working on a brand new and super-shiny subreddit theme! While the current theme is still great, the League of Legends website has greatly changed in the past couple years and has left the subreddit's looks behind. The new theme has been built from a completely blank slate to better match the website and has been designed to improve the layout of existing content, add a number of greatly desired features, and still retain the reddit feel and functionality. The theme will also be open-sourced on GitHub to allow anyone the ability to contribute new features and fixes.

There are a number of features I'm really excited about, and here are a few of them:

In order to prevent history from repeating itself, the release will follow this plan:

  1. Closed beta starting around the end of June. Those who submitted a tester application a while back will have a chance to be invited.
  2. Open beta starting around July 10th. The test subreddit and GitHub repository will be opened to the public.
  3. Final release will be late August.

The original plan was to release the theme in an open beta along with this announcement, but conflicts arose with my schedule for studying abroad in Japan and reddit CSS bugs. To hold everyone over until the release, here are some screenshots of the current and incomplete theme (images used will eventually be replaced with higher quality ones): light mode and dark mode.

On behalf of the entire moderating team I would like to thank the wonderful community and Riot Games for making this subreddit one of the busiest subs on reddit.

If you have any questions about anything mentioned above feel free to ask for clarification.

submitted by xAtri to leagueoflegends
[link] [391 comments]

Posted on 20 June 2014

CSS3 Might Allow Dual Flairs

Reddit recently added support for CSS3 in subreddit css. One new feature of that is multiple background images. I think (based on brief testing) that this javascript snippet in your browser's console will create an unholy combination in my test comment below.

Note: some of the hovering features will be disabled because I'm removing things to get around the CSS that's already on flair.

$(".flair-georgiatech").removeClass("flair-georgiatech").removeClass("flair").attr("href","asdfad").html(" ").addClass("flair-testytest").css({"background-image":"url(http://a.espncdn.com/combiner/i?img=/i/teamlogos/ncaa/500/59.png&transparent=true), url(http://a.espncdn.com/combiner/i?img=/i/teamlogos/ncaa/500/61.png&transparent=true)","width":"60px","height":"30px","background-position":"left center, right center","background-repeat":"no-repeat","background-size":"30px","min-width":"60px","min-height":"30px","display":"block"});

submitted by epmatsw to CFB
[link] [30 comments]

Posted on 29 April 2014

Did you notice that the up vote rockets now have animation?

/u/doombeef was the 1st to post about reddit now allowing css v3 for subreddit usage.


So, what's in store for /r/dogecoin next, animated flairs?

Note: The Only way to turn off the new animations is to uncheck the "allow subreddits to show me custom styles" box in preferences under display options.


Welcome to r/dogecoin! This thread is for questions about Dogecar and Dogecoin, so ask away



This is like the doge version of catnip!


Makes me want to do a Barrel Roll!


submitted by slowpokex2 to dogecoin
[link] [419 comments]

Posted on 29 April 2014

Naut 2.1: CSS3 Additions!

Not a very exciting update (yet!), but I wanted to push out some general CSS3 additions that were enabled just now by reddit.


  • Added transitions to several objects such as the tabmenu and submission links.
  • Added minor tweaks for low-resolutions. Try resizing your browser window to see.
  • Fixed filter error.

Unfortunately I'm leaving for a rather long holiday soon so I won't be able to update but I'll definitely do more with it when I get back. I'm not sure how push requests on GitHub work but if you have a nice tweak - give it a shot!

Moderators that already use /r/Naut can just copy paste this bit to add the transition stuff.

When you update, the stylesheet might give an error because the filter property was removed. You have to search and find every instance of it (there are about 5) and remove the whole line. The layout won't be affected.


submitted by Cryptonaut to naut
[link] [31 comments]

Posted on 29 April 2014

Now that reddit allows css3...

Cant we now get the upvote to go upwards(I cant seem to find the post about it, but someone already made the code, they just couldnt implement it due to the old restrictions on what the subreddits could put in the css)

Edit: I found this: http://www.reddit.com/r/dogecoin/comments/23797m/based_on_the_gif_posted_here_earlier_i_wrote_a/ Its not exactly what I was looking for(I remember an actual css code that someone posted) but it shouldnt be that hard to write from scratch, just a few animations of the upvote going upwards and on the moon)

submitted by dombeef to dogecoin
[link] [51 comments]

Posted on 29 April 2014

CSS Change: The filter has been rewritten.

As mentioned in the /r/changelog thread, reddit's CSS filter has been replaced. The new filter is based on tinycss2 which tokenizes CSS for us and allows reddit to apply a whitelist of functions and properties to the CSS.

Existing stylesheets will not be affected by this new filter until the next time you try to save changes.

Bad news

  • IE versions older than IE8 no longer get subreddit CSS. We don't support these browsers for core development on reddit.com anyway and they are much more susceptible to various security issues with user-supplied stylesheets. As a result of this, the new filter drops support for some IE-specific hacks:
  • Backslashes continue to be disallowed in stylesheets. Characters considered "control codes" in Unicode (except linefeeds, carriage returns, and tabs) are also disallowed. Note that stylesheets are encoded as UTF-8 and as such you can use unicode codepoints in it directly without having to resort to escape sequences. ☃
  • Some invalid CSS that passed the old filter is no longer accepted as valid. These are generally typos and syntax errors that were missed by the old parser and should be fixed anyway.

Good news

CSS 3! A plethora of new CSS powers are available now:

And a bunch more. See the code for the full list of properties and functions allowed.

This has been a long time coming. Thank you for your patience and I'm really excited to see what cool new things come out of this (within reason!)

EDIT: note: if you find any deficiencies with the filter, please report them to me in this thread — tinycss2 is almost certainly not where the issue is.

submitted by spladug to cssnews
[link] [183 comments]

Posted on 29 April 2014

Pure CSS3 Star Wars Lightsaber Checkboxes

Hey guys,

I was bored today, and decided to play around with the checkbox "hack".

For those who don't know what that is, it's basically creating CSS click events with checkboxes and it doesn't involve any javascript.

This is how it's done:

input[type=checkbox]:checked ~ div { } 

So here's my code, let me know what you all think. It's not really meant to be UI/UX friendly, but just a neat little demo.

Thanks all!

Landing Page



submitted by scotchio to css
[link] [24 comments]

Posted on 19 May 2013

CSS3 Cross-Browser Compatibility—What's Your Method?

Dear Designers/Front-End Web Developers,

Some of my favorite CSS3 selectors are lacking support in IE6, IE7, and FF3.

While it may be easy to ignore this by deciding to not support these browsers, in some cases this may just be lazy, and... if designing for a business, this may not even an option.

Recently I used CSS Expressions to "extend" compatibility to IE7 for the ::before & ::after selectors, similar to what's described in Styling Elements With Glyphs, Sprites and Pseudo-Elements by Thierry Koblentz.

With all the different workarounds out now, including jQuery plugins.. I'm wondering, what is your method?



Edit: So far I've only gotten 2 responses to the actual question above.
I'm still holding out hope!

Edit: As mentioned above, dropping support for browsers isn't always an option. Additionally, it's not really a best practice.

Edit: How do so many of you just not support inconvenient browsers? Do you do freelance/in-house design? What type of clients do you have? Is this your practice because you don't know how to workaround the lack of support or to plan for it ahead of time, out of principle, or just because it's easier that way?

submitted by amazingnachos to webdesign
[link] [45 comments]

Posted on 3 August 2012

When I last did any web development, HTML5 and CSS3 were on the horizon, jQuery was the hottest new thing, and Ruby on Rails nascent. What have I missed?

When I got out, you were awesome if you knew how to install a gem. border-radius and box-shadow were the only real parts of CSS3 being used. jQuery was hip and new. Ruby on Rails was a budding platform.

I've been looking into it again recently, and I'm finding things like Coffeescript, wider acceptance of HTML5 and CSS3, CSS pre-processors (less/sass), HTML pre-processors (haml/mustache), some sort of cult following behind both Node.js and Ruby on Rails (and a seeming war between the two), lots of cool new stuff being distributed as "npm"s instead of software binaries or even gems... It's amazing how fast it's changed--and how quickly I've fallen out of the loop.

Does anybody want to fill me in on what this all means and what I've missed in the past few years? Are all these technologies actually being used in production, or are they proof-of-concepts?

submitted by KerrickLong to webdev
[link] [22 comments]

Posted on 22 April 2012

...and now for a word from our sponsor (because for once we have one *asking* to hear your feedback).

Yesterday, reddit started running ads for a new sponsor. While we normally don't introduce new campaigns [insert joke about never having a campaign to announce], this one is notable because the advertiser actually seems to understand what reddit can offer that traditional advertising (even traditional web advertising) cannot.

See, Microsoft is getting ready to release Internet Explorer 9, and they reached out to us because they genuinely want to start a dialog with the reddit community. In fact, they've taken the unprecedented step of putting the reddit team in charge of this entire campaign. This is a great deal of trust for an advertiser to offer, and we should both take it as a huge compliment.

So, how should we do this? If there's one thing I've learned in my five-plus years at reddit, it's that the direct and open approach works best, so instead of marketspeak, I'm going to paste a quote from Wikipedia:

IE9 will have complete or nearly complete support for all CSS 3 selectors, border-radius CSS 3 property, faster JavaScript, and embedded ICC v2 or v4 color profiles support via Windows Color System. IE9 will feature hardware-accelerated graphics rendering using Direct2D, hardware accelerated text rendering using DirectWrite, hardware accelerated video rendering using Media Foundation, imaging support provided by Windows Imaging Component, and high fidelity printing powered by the XPS print pipeline. IE9 also supports the HTML5 video and audio tags and the Web Open Font Format.

If you have a computer that can run IE9, we'd really like you to try it out and post a review. The actual IE9 programmers are going to read what you have to say, and if you compliment their work, it'll totally make their day. But they also need to hear your complaints. Ideally, in the form of constructive criticism, but we warned them that reddit can sometimes be a little... brisk, so they're prepared for that, too.

One last thing: Microsoft's not the only ones who want your feedback. We at team reddit are interested in hearing what you think of this campaign in a general sense: do you find this kind of advertising more appealing than sidebar ads? Do you have any suggestions as to how it could be even better? (Especially things that could never happen in a magazine.)

Oh, and stay tuned for a Microsoft IamA next week. We're not sure who it will be with yet, but we've been assured it won't just be with flack.

submitted by KeyserSosa to blog
[link] [3320 comments]

Posted on 16 September 2010

AskWebDesign: Can we please stop using "HTML5" as shorthand for "HTML5 Canvas + CSS3 + Javascript"? Maybe we need a name for that, but it's not "HTML5."

Maybe it's just a personal pet peeve, but I really think it's a problem. HTML5, as a term, already means something. HTML5 will not revolutionize the web on its own. You can't animate things using solely HTML5 - and with very few exceptions, even HTML5+CSS3 alone won't do much in the way of animation (yes, some transitions do exist)...

Will the combination of these 3 technologies revolutionize the web? Probably. But a semantic markup specification, by itself, isn't anything remotely close to a "Flash killer", or even a tool for building usable websites. HTML5 without CSS3 is useless.

Do we need a shorter name than "HTML5 Canvas + CSS3 + Javascript" when we're talking about what will compete with Flash? Sure. Maybe "Dynamic Canvas", or "Canvas animations", or something... but HTML5 all by itself is not a competitor to anything but HTML4.

submitted by honestbleeps to web_design
[link] [56 comments]

Posted on 14 May 2010

Hey webbit, here's what I made this weekend: An extension on top of Readability that makes any webpage grow horizontally using fixed-height css3 multicols.

Some of you may remember a page I made a few months ago that used fixed-height css3 multicols. Here's the post. It didn't go over great, but I still loved the concept.

This weekend, I figured it all out. Fixed height columns work really well with the pretty output that Readability produces. So, I created some JavaScript that makes it happen.

The result: Horizontability

Works the same way as Readability. The arrows in the top left (or PgUp and PgDown) scroll the page by column. Arrow keys and mouse wheel scroll the usual way, sort of. It works for me in Firefox, Chrome, and Safari. It should work at any resolution and be most beneficial on wide screens. Many karmas to someone with a ridiculous resolution who posts a screenshot of the entire first chapter of Metamorphosis (the text in the background) in a single window.

edit: No more mousewheel control because it messes up trackpads and all the arrow keys now perform full column jumps; also, there're buttons.

and I forgot to mention a link of a rebuttal of my original idea: here

submitted by etcet to web_design
[link] [24 comments]

Posted on 11 April 2010