css3

#slider
#adsense

css3 - Yahoo News Search Results

Programming Languages You'll Need Next Year (and Beyond)

Nerval's Lobster writes: Over at Dice, there's a breakdown of the programming languages that could prove most popular over the next year or two, including Apple's Swift, JavaScript, CSS3, and PHP. But perhaps the most interesting entry on the list is Erlang, an older language invented in 1986 by engineers at Ericsson. It was originally intended to be used specifically for telecommunications ...

New RhoMobile Suite 5.0 Offers Developer-Friendly Pricing

Motorola Solutions, Inc. announces the release of RhoMobile Suite 5.0, a powerful set of application development tools for creating OS- and device-agnostic enterprise-class mobile apps, featuring per-developer subscription pricing.

10 Visually-Appealing Business WordPress Themes by @albertcostill

For over a decade WordPress has proven to be one of the most popular and reliable platforms for blogging. But did you know WordPress can also be used for constructing professional websites for the corporate world? Because WordPress is such a powerful content management system, it comes as no surprise that businesses and CMS websites have turned to WordPress as a way to showcase their products ...

"Groupon IT Training Cost Reductions" Offered by NetCom Learning

Students take advantage of special course rates to learn Web Development & Programming from Beginning to Advanced levels. (PRWeb July 22, 2014) Read the full story at http://www.prweb.com/releases/2014/07/prweb12031117.htm

Five trends signaling a bright future for ebooks

Editor’s note: this piece originally appeared on Medium; it is cross-posted here with permission. The writer is an O’Reilly employee, but he is expressing his personal views. We love his optimism about the future and wanted to share it with …

Delicious/tag/css3

recent bookmarks tagged css3

Slider : Créer et télécharger un " awesome slider " pour vos créations en CSS3 / Javascript | Blog du Webdesign

Posted on 5 June 2014

How to use Modernizr to detect HTML5 and CSS3 browser support | Adobe Developer Connection

Posted on 4 June 2014

Web Tutorial

Posted on 4 June 2014

Inspiration for Inline Anchor Styles | Codrops

Posted on 4 June 2014

CSS Day on Vimeo

Posted on 4 June 2014

css3 - How to set the Color of Bullets in UL/LI Lists via CSS, WITHOUT using images or span tags? - Stack Overflow

Posted on 4 June 2014

Sassy Mother Effing Text Shadow

Posted on 4 June 2014

Coming to a Screen Near You: CSS3 Animations and The New JavaScript Method Animate() - noupe

Posted on 4 June 2014

JerroTemplate

Posted on 4 June 2014

Create a Drop-Down Navigation Menu with HTML5 and CSS3

Posted on 4 June 2014

Questions About CSS3 on Quora

Questions About CSS3

reddit.com: search results

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.

http://codepen.io/arobson13/pen/GHnqi

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.

http://codepen.io/arobson13/pen/GHnqi

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).

TL;DR

Prizes

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.

FAQ

  • 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] [398 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] [31 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.

http://www.reddit.com/r/dogecoin/comments/24bc2s/now_that_reddit_allows_css3/

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

http://www.reddit.com/r/dogecoin/comments/244iw6/welcome_to_rdogecoin_this_thread_is_for_questions/

*

This is like the doge version of catnip!

*

Makes me want to do a Barrel Roll!

https://www.google.com/search?q=do+a+barrel+roll&oq=do+a+barr&aqs=chrome.1.69i57j0l5.2584j0j7&sourceid=chrome&es_sm=122&ie=UTF-8

submitted by slowpokex2 to dogecoin
[link] [418 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.

Changelog:

  • 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.

Cheers!

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] [53 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

Help Wanted: Looking for a CSS guy/gal to help create /r/diablo 3.0

Hey peeps, we are looking for someone who knows CSS, understands how to rip resources out of Diablo 3 game files, and is proficient in tools such as Photoshop to help out with getting the new theme and with other things here and there. You will be modded for your efforts. Unfortunately /u/Xiphirx will be bogged with with school until at least summer and we would like to get something out sooner. /u/Xiphirx and /u/listen2 will help you out in with what you need but we are looking for someone who will take initiative for /r/diablo 3.0


Qualifications:

  • Send us a sample CSS file to redditdiablo(@)gmail.com with > 100 lines and a live demo. You can use a personal subreddit if you wish (preferred).

  • Active and not troll-y reddit history, part of being a mod isn’t just the CSS work it’s community management as well.

  • Able to take criticism.

  • Must be willing to be active in our mod channel in IRC

Highly recommended:


Here is the current theme in the work. You would be improving/finalizing it. If you would like to do something completely new and fresh. Have fun! Impress us :)

edit: We are not moving subreddits, this is for the future of THIS subreddit. 3.0 is just what we call it since this is currently the 2nd theme

submitted by Taffer to Diablo
[link] [91 comments]

Posted on 28 April 2014

Websites (for inspiration) which are built using only HTML5 & CSS3

And don't rely heavily on photos or graphic design photography and image-manipulation



It might be nice for beginners to see what web design can look like without all the fancy programming/scripting, graphic design image manipulation and photography skills. Learning to apply design with relatively few tools at your disposal is an important skill to have!

I set out looking for an example of these websites but couldn't find many. Also, as a newbie myself I'm not even sure how to identify in some cases whether javascript or databases have been used.

I came across a few that at least resemble something close to what I have in mind but I'm sure a lot more awesome things can be achieved, harnessing all the juice the sole combination of HTML5 & CSS3 has to offer.



Mother F@£$%&g Website [NSFW]

  • This one, I'm sure many of you know about. I don't think it's very useful to a beginner who wants to learn about the possibilities of harnessing the full range of capabilities of HTML5 and CSS3 but it sure does make over-designers stop and think. Perhaps these over-designers could do with some further inspiration from the websites we come up with in this thread?

Kean Richmond

  • I'm sure Javascript is being used here but this gets across the idea of a website which does not rely on its graphic design manipulated images and photo content. I'm sure more interesting things can be accomplished using CSS3 but the contrasting black and white sure is a very simple way to implement a minimalist design.

CSS Zen Garden

  • I think I've finally stumbled upon what I am looking for (been searching for examples as I've been typing this). And I think I remember reading about this before so it's probably something very familiar to most of you. Is there seriously no Javascript used here!? (When I viewed it with Firebug there did seem to be mention of Javascript but when I deleted those elements, nothing changed. Can anyone explain this to me?) I am inspired! Now to find an example that works from a design point-of-view despite not containing any logos or images...

Pixel Ambacht

  • I've linked to one of 3 very interesting blog posts found on the homepage (which is itself a bit bland) but this sure explains the possibilities of using CSS to create logos! Now it's debatable whether this does not require graphic design image manipulation but nevertheless, this should be on the list just because it fulfills all the categories stipulated! (Maybe the Disqus comments violate them though). I wonder how many logos exist which don't require including picture formats. Anyone know?


Now your turn!

Do you have a website in mind after reading this? Please share with us!

submitted by dnk8n to web_design
[link] [16 comments]

Posted on 6 February 2014

Made a Useful HTML5/CSS3 Reference & Editor App for BB10 - It's My First App - Any Input is Greatly Appreciated! (FREE App & Pics Inside)

Hey guys!

So I spent all summer learning Cascades & C++ to make my first app ever! I am very OCD about design, so any input is greatly appreciated. I know not everyone has a BlackBerry 10 device, but those who do can download the app for FREE here:

http://appworld.blackberry.com/webstore/content/21797691/

and those who don't have a BB10 device can check out screenshots of the app here:

http://imgur.com/a/z4m3d

Absolutely ANY input whatsoever would mean a lot to me. Spent easily 600 hours this summer making this app, thanks guys (:

PS. The App is called "Web Design Cheat Sheet" and everything is free aside from the "CSS3" section. (That includes every single HTML4/5 Element with documentation, examples, editors, and the Site Feeds section with tens of useful blog feeds (including a feed to /r/web_design) among many others!)

submitted by flip4life to web_design
[link] [21 comments]

Posted on 8 September 2013

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

codepen

GitHub

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] [3322 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