Blender2.67a is coming up later this week, with over 100 bug fixes. Ton Roosendaal writes: Hi all, Here’s a summary of today’s meeting in irc.freenode.net #blendercoders: 1) Release 2.67a...

[read the full article on blendernation.com]

By Maxim Tkachenko. You can download the scene here.

[read the full article on blendernation.com]

Twenty-three this figure within the basketball planet has a good importance. Michael Jordan and his n--------------------

read more

We provide 6 Free CCTV Installation services with professional CCTV camera installation which is absolutely essential to ensuring that your systems will works effectively. Visit to know more at: http://www.quotebean.co.uk/buying-services/cctv-cameras/help-to-buy-guid...

I have read through the first 12 pages of the forum and did a search to no avail on my question.

Before I get too far along in the design of a new Website using Drupal 7 and Ubercart 3.3, I would like to get some expert advise. For reference, all the software is on the same shared server.

read more

Hello,

read more

Update: many people have asked about browser compatability for the native methods I’ve shown. Here are the links to that information: querySelector/querySelectorAll, classList, getElementsByClassName, createDocumentFragment.

If you checked out my last post you’ll know that I have been doing lots of JavaScript coding as of late, both inside and out of Brackets. I have also been doing a series of performance tests (1, 2, 3) between popular jQuery methods and their native DOM equivalents.

Yes I know what you’re thinking. Obviously native methods are faster because jQuery has to deal with older browsers and host of other things. I completely agree. That’s why this post is not meant at all to be anti-jQuery. But if you are able to target modern browsers in your work, using the native C++ methods provided by your browser will not-surprisingly give you a tremendous performance boost in most areas.

I think there are many developers who don’t realize that most of the jQuery methods they use have native equivalents that require the same or only a slighter larger amount of code to use. Below are a series of code samples showing some popular jQuery functions along with their native counterparts.

Selectors
Easily being able to find DOM elements is at the core of what jQuery is about. You can pass it a CSS selector string and it will retrieve all of the elements in the DOM that match that selector. For the most part, this can all be easily achieved natively using the same amount of code.

//----Get all divs on page--------- /* jQuery */ $("div") /* native equivalent */ document.getElementsByTagName("div") //----Get all by CSS class--------- /* jQuery */ $(".my-class") /* native equivalent */ document.querySelectorAll(".my-class") /* FASTER native equivalent */ document.getElementsByClassName("my-class") //----Get by CSS selector---------- /* jQuery */ $(".my-class li:first-child") /* native equivalent */ document.querySelectorAll(".my-class li:first-child") //----Get first by CSS selector---- /* jQuery */ $(".my-class").get(0) /* native equivalent */ document.querySelector(".my-class")

DOM manipulation
Another area where jQuery is used frequently is in manipulating the DOM, by either inserting or removing elements. To do these things properly with native methods, you will definitely have to write some extra lines of code, but of course you can always write your own helper functions to make things like this easier. Below is an example of inserting a set of DOM elements into the body of a page.

//----Append HTML elements---- /* jQuery */ $(document.body).append("<div id='myDiv'><img src='im.gif'/></div>"); /* CRAPPY native equivalent */ document.body.innerHTML += "<div id='myDiv'><img src='im.gif'/></div>"; /* MUCH BETTER native equivalent */ var frag = document.createDocumentFragment(); var myDiv = document.createElement("div"); myDiv.id = "myDiv"; var im = document.createElement("img"); im.src = "im.gif"; myDiv.appendChild(im); frag.appendChild(myDiv); document.body.appendChild(frag); //----Prepend HTML elements---- // same as above except for last line document.body.insertBefore(frag, document.body.firstChild);

CSS classes
It is very easy in jQuery to add, remove, or check for the existence of CSS classes on DOM elements. Luckily it is just as easy to do this with native methods. I only recently found out about these myself. Thanks you Chrome DevTools.

// get reference to DOM element var el = document.querySelector(".main-content"); //----Adding a class------ /* jQuery */ $(el).addClass("someClass"); /* native equivalent */ el.classList.add("someClass"); //----Removing a class----- /* jQuery */ $(el).removeClass("someClass"); /* native equivalent */ el.classList.remove("someClass"); //----Does it have class--- /* jQuery */ if($(el).hasClass("someClass")) /* native equivalent */ if(el.classList.contains("someClass"))

Modifying CSS properties
The need to programmatically set and retrieve CSS properties using JavaScript comes up all the time. When doing this it is much faster to simply set the individual styles one by one rather than passing them all to jQuery’s CSS function. It really isn’t any additional code either.

// get reference to a DOM element var el = document.querySelector(".main-content"); //----Setting multiple CSS properties---- /* jQuery */ $(el).css({ background: "#FF0000", "box-shadow": "1px 1px 5px 5px red", width: "100px", height: "100px", display: "block" }); /* native equivalent */ el.style.background = "#FF0000"; el.style.width = "100px"; el.style.height = "100px"; el.style.display = "block"; el.style.boxShadow = "1px 1px 5px 5px red";

Remember, jQuery is an amazing library that makes all of our lives easier. But you should always choose to use native DOM methods if they are available to you. This is especially true if you are using jQuery inside of loops or timers.

Now of course, I have been hanging around game developers for a while now so maybe I’m a tad over-sensitive about performance. In that world if your game doesn’t run at 60 FPS, you might as well go work at Target. Anyway, hope this post helps some folks!

An amazing still life by axelredfield. You can download the file from Blend Swap!

[read the full article on blendernation.com]

By BMF. BMF writes: Key elements of the scene: The sand and colorations are improved variants from two of my previous scenes (Sand Landscape and Beach Scene). I assigned the faces for the mountains...

[read the full article on blendernation.com]

I am trying to execute a simple query when an order is deleted. Here is my code:

function mymodule_uc_order ($ops, &$arg1, $arg2) {

if ($ops == 'delete') {
$sql = "INSERT INTO {testing} (text) VALUES ('you deleted order number')";
db_query($sql);
}

}

I have not idea why its not working. I know the query works, because I copy/pasted it into its own function and called it from a template file. So it works. Yes, my module is named mymodule.info.

Thanks in advance.

Sonic Visualiser has been updated to version 2.1 for Windows, Mac OS X and Linux. Changes: Fix incorrect handling of FixedSampleRate outputs (Vamp SDK fix). Make it easier to see results from transfor [Read More]

Sensomusic has announced that a Release Candidate version of Usine Hollyhock is now available. Usine Hollyhock is a new generation of Digital Audio Workstation dedicated to live music and real-time i [Read More]

Pavel Shabanov writes: Hi, blender comunity! I’d like to share with you some making of shots made for Russian movie “Brigada: Naslednik (2012)“. The compositing was done in After...

[read the full article on blendernation.com]

Hey everybody, I've modified my node-product.tpl.php to display a message if a product is out of stock, but to still let the customer order out of stock items (the message advises them of the potential delay).

All working great, but I would like to store this info in the actual order too, so the customer has a record of this in the order email they receive.

It could be something as simple as just adding 'OUT OF STOCK' to the end of the product title in the order/invoice data, but I'm not sure how or where to do this.

Could somebody give me a pointer please? Thanks.

Mat

Over the last month or so I have been working on something that is completely different from anything I’ve done before. It all started because I was thinking about how I could create a responsive design tool specifically aimed at developers. Adobe already has an amazing tool for designers called Edge Reflow. You can check out my tutorial if you want to see how that tool works.

But for developers, most of the time you are going to want to hand-edit your CSS code and potentially do a wide array of specific tweaks for each media query. So what I’ve built is a responsive design feature for Brackets. For those who don’t know, Brackets is our open-source web editor that is built entirely using HTML, CSS, and JavaScript. This fact makes it extremely easy to build visual tools. In the beginning, I was not a believer in the whole building a web editor using web standards. I like SublimeText and that is still what I use today. But after this experience I firmly believe that building such an editor is not only possible, but also could be amazing if enough attention is paid to performance.

I presented some of this tool at the Adobe MAX sneaks event last week in LA, but unfortunately I was arrested before I could finish .

Photo by Kendall Whitehouse

Check out the video and please let me know your comments. It is working pretty solid but it is not ready to be released quite yet as there are lots of bugs and unfinished areas. But I will keep you updated once I find out what the future of this thing is.

One of the primary goals of doing this was to give myself a crash-course in modern web standards. Things have dramatically changed for the better since the days of Netscape 4.7 and IE 5. It was during this time period that I said F this mess and moved to Flash. Now some of you will ask, are you stopping doing Flash now? Hell no. But in my future posts and tutorials, I want to move to helping developers transition smoothly into doing these types of things in JavaScript, because that is where it is all heading.

I can honestly say that I love doing CSS and JavaScript now. What are the biggest reasons? No compiling, no SDKs, and being able to go into the developer tools and hack and tweak your creations live as they’re running.

I look forward to your feedback!
Lee

Twenty-three this figure inside the basketball world features a terrific importance. Michael Jordan and his n--------------------

read more

Creatorum Genius Lab has released Imago, a free VST Synthesizer for Windows. The instrument is intended for auto-accompaniment, rhythmic pads and rhythmic basses. Features: 128 presets. 3 LFO, switch [Read More]

Blender Guru has spring on its mind and explains how to create this beautiful blossom scene. Andrew Price writes: I recently experienced cherry blossom season in Korea and was so inspired I decided...

[read the full article on blendernation.com]

Hi Ubercart community. This is my first post here, but as I continue to make sites using Ubercart, I am betting it will not be my last.

I have an issue that I need help with. It is a strange behavior.

With the store in Sandbox mode, and using the Paypal Express Checkout method, logged in as a test customer, when the customer clicks the "Check Out with Paypal" button, the progress is to the Paypal login screen as expected.

read more

Libre Graphics World covers the recent 3D Printing additions in Blender. I was lucky enough to be interviewed, as was Dolf Veenvliet [macouno]. Alexandre Prokoudine writes: Blender 2.67 was released...

[read the full article on blendernation.com]