css3

#slider
#adsense

css3 - Yahoo News Search Results

Langbein

Maskinen har bein som kan vris i alle retninger, et effektivt verktøy.

Liavatnet

Her blir det badeplass og gang- og sykkelvei.

Top WordPress Web Design Companies Awarded by 10 Best Design

WordPress is one of the most commonly utilized content management systems (CMS), and the Best WordPress Web Design Firms have just been announced by the well-known awards organization 10 Best Design (10BD). Among 10BD's top selections, Blue Fountain Media placed #1. (PRWeb April 14, 2014) Read the full story at http://www.prweb.com/releases/best-wordpress-web-design/wp-web-design-firms ...

Book Review: Mobile HTML5

Michael Ross (599789) writes "Web designers and developers nowadays are familiar with the critical decision they face each time before building an application intended for mobile devices: whether to target a particular device operating system (e.g., iOS) and create the app using the language dictated by the OS (e.g., Objective-C), or try to build an operating system-agnostic app that runs on any ...

How-to: Enable Enterprise Mode in Internet Explorer 11

But perhaps the biggest draw of the updated IE11 is the new Enterprise Mode that brings improved Internet Explorer 8 compatibility for specific sites. Also, enabling Enterprise Mode doesn’t mean IE11 will then run at the same speed as it does in IE8. According to Microsoft, Enterprise Mode in IE11 is way faster than IE8 because it takes advantage of network improvements, redesigned script and ...

Website Redesign Launch for Green Route Media

Green Route Media announce the launch of their redesigned website. (PRWeb April 03, 2014) Read the full story at http://www.prweb.com/releases/2014/04/prweb11728444.htm

Infinite Skills’ “Learning Adobe Edge Animate CC” Teaches Essentials of Multimedia Authoring Tool Replacing Adobe Flash

Software training firm Infinite Skills Inc. releases its “Learning Adobe Edge Animate CC,” a 4 hour introductory course teaching essential skills and tools for incorporating multimedia content in web design using Adobe’s new multimedia platform. Adobe Edge Animate is designed as a replacement for the discontinued Adobe Flash program, taking advantage of new multimedia capabilities built into ...

Firefox 29 Beta Arrives With UI Overhaul And CSS3 Variables

An anonymous reader writes "Following the release of Firefox 28 just two days ago, Mozilla today updated its Firefox Beta channel to version 29 for Windows, Mac, Linux, and Android. This is a massive release: Firefox Sync has been revamped and is now powered by Firefox Accounts, there's a new customization mode, and the major user interface overhaul Australis has finally arrived. Release notes ...

Delicious/tag/css3

recent bookmarks tagged css3

Aprende selectores CSS jugando

Posted on 16 April 2014

Webflow - Create Website Interactions With 0 Lines of Code

Posted on 16 April 2014

PhoneGap Build

Posted on 16 April 2014

Beveled corners & negative border-radius with CSS3 gradients | Lea Verou

Posted on 16 April 2014

A Pure CSS3 Cycling Slideshow | Smashing Magazine

Posted on 16 April 2014

s.contentdj.com

Posted on 16 April 2014

最近のサイトで見かけるかっこいいエレメントがコピペで実装できるコンポーネント集 -Refills | コリス

Posted on 16 April 2014

Add CSS3 Effect on Label Cloud Tag Blogger!

Posted on 16 April 2014

CSS polygon | CSSDeck

Posted on 16 April 2014

Hexagon with rounded corners v2

Posted on 16 April 2014

Questions About CSS3 on Quora

Questions About CSS3

reddit: the front page of the internet

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

/r/css Anti W3Schools circle-jerk

I'd like to discuss /r/css being against w3schools.

Yes, we all remember w3fools.com.

No one really had a problem with w3school's occasional errors. In the rare instances that something was wrong, they just noticed something was not working, googled it, fixed it, and carried on.

Many people, such as myself, taught themselves web design skills from w3schools and are perfectly good web developers.

At this point, you may be wondering what I'm talking about. W3fools was a website setup which compiled every error w3schools.com (a 'Learn at home' coding school) every made. When w3schools corrected the errors, it didn't remove them but still listed them there, just in strikethrough with a snarky message at the bottom about how they didn't acknowledge it.

This is completely ridiculous. The idea that occasional errors are harmful to education is completely untrue. I am yet to come across an error in w3schools myself, however when I do find inaccuracies from other resources I usually see something is wrong and then do a quick google search myself which leads to the solution. Done.

It would be nice if they did wiki-fy it, but w3schools is still arguably the best web learning resource out there. On the few occasions that I visited the Mozilla Developer Network, I found it overcomplicated and difficult to understand. I'm not the best designer/dev, I'm still learning but I can understand w3schools perfectly well.

So to conclude, I just don't see what there is to hate with w3schools. They are just another free resource out there to help people learn web languages, and like any resource they have occasional errors. If you don't like it personally, don't use it. But don't go around telling everyone not to use it.

Below, some other problems I have with the message...

Don't go to W3Schools - it isn't a wiki maintained by real developers like MDN

So who made w3schools? Fake developers? Monkeys? In fact, being a wiki means the opposite - it's prone to vandalism by non-devs.

it has no relationship with the W3 so they have no special or insider knowledge.

The MDN doesn't have any special relationship either, why do you recommend it over w3schools?

This turned out quite a bit longer than I anticipated, but I'm really tired of all this hate. And no, I am not associated with w3schools just a happy user of their fantastic resources :)

submitted by william44isme to css
[link] [43 comments]

Posted on 18 January 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

Adobe Muse homepage redone in hand-coded XHTML/CSS

Threw this together in a few hours to show my first year web design students: http://studentweb.infotech.monash.edu/~wlay/FIT1012/muse-demo/

And for reference, here's Adobe's original: http://muse.adobe.com/

Last week I did a lecture explaining the advantages of HTML/CSS over older techniques (presentational HTML, table layouts, imagemaps, etc). Adobe's Muse release makes ignores many of the advantages of CSS. All I see is ImageReady for a new generation.

Please take a look and view the source. 105 lines of neatly formatted HTML source. 41 lines of poorly formatted CSS (sorry).

A few notes:

  • This is XHTML/CSS2 only (what my students are currently studying). As you can see HTML5 and CSS3 are not necessary for a site like this.
  • No JS, though there is basic slideshow nav using HTML/CSS.
  • Mostly working in older versions of IE, no browser specific tricks.
  • Tried to keep content is good source order.
  • Most of the measurements/color/type was just eyeballed. Some it may be a little different to Adobe's original.
  • Relies on the Segoe UI family of fonts. Otherwise defaults to sans-serif and looks a little worse.

Ideas for further improvement/optimization are most welcome.

submitted by IAmaRobotBeep to webdev
[link] [77 comments]

Posted on 15 August 2011

...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] [3333 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