Trend alert: 20 animated website designs In order to be a great designer, you need to be on top of the trend before it becomes a trend. Being able to have this sense of what’s going to take off is key in creating a wonderful product. You’re recognized for being one of the ‘firsts’ and you’re also given props for your innovation and new approach to common problems. All this is great and desired. It can, however, be tough to keep up with trends because they come so frequently and you never know what’s going to stick. What seems to be hot today can end up cooling off dramatically by the end of the week. With advances in technology, I think it’s safe to say one of the trends to look forward to are animated web designs. Le Singe Fume Sa Cigarette This website is odd and creative. Adventure World There are many theme parks that have websites that normally just tell you about attractions and how to go about purchasing tickets. Pragmatic Mates Pragmatic Mates is a creative studio that focuses in app development and creation. Baroque.me
Ruby on Rails Znowu walczyłem z autocomplete w Rails. Walczyłem, bo inaczej tego nie można określić. Twórcą tego pluginu jest osobnik o swojsko brzmiącym nicku dhh. Na stronie poświęconej temu pluginowi można nawet (sic!) Aby zainstalować z konsoli zawołaj: ruby script/plugin install auto_complete oczywiście zazwyczaj nie działa :-( Można więc ręcznie. /vendor/plugins/auto_complete zazwyczaj pomaga. Aby użyć tej kontrolki w widoku wpisz: gdzie approveForm jest nazwą funkcji JavaScript, która zostanie wywołana po wybraniu elementu z listy. Aby rozwikłać pozostałe zawiłości złapałem się po raz kolejny za google i gugłam. Chodziło mi o prostą rzecz. Zadziałało! ale to nie działa. tworzy dynamicznie metodę: Co wiec stało na przeszkodzie aby taka metodę samemu napisać? Sprawdzam... prawie działa. Rozwiązanie proste, łatwe i przyjemne. Pozostała jeszcze sprawa pozostałych opcji. Ogólna notacja kontrolki w widoku jest taka: Aby na przykład zacząć wyszukiwanie od wpisanych trzech liter kontrolkę skomponuj tak:
Czas przestać płacić podatek od jQuery. Tracimy nawet 350 ms czasu ładowania strony Według Saffrona istnieją trzy rodzaje podatku płaconego od jQuery: podatek od wstępu, podatek od odświeżenia i podatek stały. Pierwszy z nich dotyczy pierwszego ładowania się strony z jQuery. Wtedy przeglądarka musi rozwiązać dane DNS serwera CDN na którym znajduje się jQuery, nawiązać odrębne połączenie, pobrać jQuery i go wykonać. Nawet jeśli wykorzystamy znane optymalizacje, to na tym etapie można stracić nawet 100 ms: Kolejny podatek związany jest z odświeżeniem. Jeśli serwer zwraca poprawne kody expire, przeglądarka pobierze plik z lokalnej kopii danych z komputera. To najgorszy podatek ponieważ płacimy go za każdym razem gdy wejdziemy na stronę z jQuery. Jak rozwiązać te problemy? źródło: samsaffron.com
A Dao of Web Design What Zen was to the 70’s (most famously with motorcycle maintenance), the Tao Te Ching was to the 90’s. From Piglet and Pooh to Physics and back, many have sought sense in applying the Tao Te Ching to something (the Tao of Physics), or something to the Tao Te Ching (the Tao of Pooh). It can be a cheap trick, but lately it has struck me that there is more than a little to be understood about web design by looking through the prism of the Tao. Article Continues Below Daoism is a philosophy, like Buddhism, a way of living, of being in the world, which stems from a text of great antiquity, the Tao Te Ching, whose 81 “chapters” enigmatically sweep across human experience, but with a strong common theme, that of harmony. For the last couple of years, for better or worse, my life has revolved more than a little around style sheets. What I sense is a real tension between the web as we know it, and the web as it would be. Same old new medium? Controlling web pages#section2 [The Sage] The Way#section5
jQuery UI vs Ajax Control ToolKit Ajax is heart of web application these days as it provides capabilities to create asynchronous web applications which in turn returns better user experience as users these days are quite impatient. To implement Ajax and ajax enabled controls, there are many libraries available. Out of these many libraries, two are jQuery UI and Ajax Control Tool Kit. So in this post, we will see what are these two libraries, how they are similar and different from each other and which one is better. So let's dive in!!!!!! Also Read: First What are they? The Ajax Control Toolkit contains a rich set of controls that you can use to build highly responsive and interactive Ajax-enabled Web applications. On the other side, jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. jQuery UI is built for designers and developers alike. Similarity Differences To use jQuery UI, you need to include jQuery library reference. Conclusion
The Institute: Courses in Guitar, Bass, Drum, Vocal and Songwriting, The Institute of Contemporary Music Performance, London Design Thinking Visualised | Paul Woods | Designer, illustrator, blogger and wanker Very soon into the project, I realised one rather serious stumbling block in the project: despite my three years in Berlin, I still had a poor (meaning non-existant) grasp on the German language. Considering the entire publication was written in German, this was a problem. For example: I had absolutely no idea what the above spread was about. After some discussion when Erik, I drew some eye-sperms. As the project progressed, and my German skills showed no signs of improvement, email exchanges such as the following became commonplace. Desperately trying to avoid looking like an idiot, I made valiant attempts to guess the spelling of certain words such as: Inevitably, I had entirely misunderstood: To this day, my German has not improved.
sgruhier/jquery-addresspicker jquery-ui-map - Google map v3 plugin for jQuery and jQuery Mobile The Google Map version 3 plugin for jQuery and jQM takes away some of the head aches from working with the Google Map API. Instead of having to use Google event listeners for simple events like click, you can use jQuery click events on the map and markers. It is also very flexible, highly customizable, lightweight (3.2kB or 3.9kB for the full) and works out of the box with jQuery mobile. Download the plugin with examples or get the minified file here Donate Entities which have donated jQuery mobile demo jQuery Mobile example Demo Documentation Tutorial sample code. Demos and tutorials using jquery-ui-map Help? Post in the forum If you need professional help with any implementation please email me directly Links
[Rails] Mask an image using ImageMagick, Paperclip and S3 | jaysonlane A project I’m currently working on requires image masking. I had already developed the site with plans to deploy to Heroku using Paperclip for image attachments using Amazon S3 for storage (you can read how I set that up here). I scoured the web for existing tutorials and documentation but found little that was relevant to my situation. My first inclination was to write a post-process method – grab the image, mask it and write it back to S3 which proved to be a dead-end (you can see the problem I ran into here – granted it’s possible you could still go that route). After a bit of Googling I ended up using a processor. Here’s what I did (I must confess the “boilerplate” code for the processor was some I found, unfortunately I did not keep the link – if you recognize it please let me know!) In my model: Note line 3, where I’ve added a processor called “masker”. Lines 18-25 show the arguments we’ll be using to interface with ImageMagick (the documentation for this is found here).