Subtraction.com
13 Excellent jQuery Animation Techniques | Tutorials
Only a few years ago, if something was animated on a website it was automatically assumed to be Flash. However, this is not the case today. With the growing popularity and wide spread use of JavaScript frameworks, sometimes you have to take a closer look to find out what is powering all of those smooth animations. With several JavaScript frameworks available, jQuery is quickly becoming a favorite. Building an Animated Cartoon Robot with jQuery Animate a hover with jQuery How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery CSS Sprites2 – It’s JavaScript Time Build An Incredible Login Form With jQuery Learning jQuery: Revealing Photo Slider Learning jQuery: Fading Menu – Replacing Content Using jQuery for Background Image Animations Animated Menus Using jQuery Create a Cool Animated Navigation with CSS and jQuery Animated Drop Down Menu with jQuery jQuery Tutorials for Designers How to Load In and Animate Content with jQuery About the Author Related Posts
molly.com
13 Graphic Design Blogs to Follow in 2013
Whether you’ve dreamt of becoming a successful graphic designer your whole life or you simply enjoy perusing through delightful designs, graphic design blogs are a great source of education, conversation and inspiration. Some blogs are administered by industry pros who are eager to share their knowledge and experience with others. Some serve as a meeting place for design enthusiasts to interact and gather feedback from each other. Others exist for the sole purpose of exposing the work of designers to inspire others. So for designers of all experience levels, we compiled a list of 13 graphic design blogs you can’t afford to ignore this year. 1. Why follow? While its name may be a bit complicated, its mission is simple: To be an open channel to the design community, encouraging feedback from its followers. You can also follow Adbuzeedo on Facebook, Twitter, and Google+. 2. This blog aims to provide its followers with a daily dose of design tips and inspiration. 3. 4. 5. 6. 7. 8. 9. 10. 11.
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. 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 This is another simple project or experiment that illustrates music in real time. blacknegative Blacknegative is one of my most favorite sites. Copywriters of Distinction Denise Chandler Blue Acorn Games We Played
When Editors Design: Controlling Presentation In Structured Content
Advertisement Thanks to the skyrocketing popularity of mobile devices, a new generation of designers and CMS developers has found the religion of Structured Content. Once the domain of semantic markup purists and information architects, structured content models are at the heart of most multi-channel and multi-device Web projects. At Lullabot, we often work with media, publishing and enterprise clients. This challenging requirement — providing editors and writers with more control over the presentation of their content — is where many well-intentioned content models break down. The Easy (But Problematic) Answers Sadly, a common response in projects on a deadline is to give up on well-structured, reusable content. To avoid that chaos, some teams go to the opposite extreme. Both of these extremes can make cross-channel reuse more difficult because they all treat design-dependent information as an integral part of the content. Principles That Work Use Grouping and Priority, Not Manual Layout
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!) natknąć się na przykład jego wykorzystania. 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:
Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web
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. Wtedy przeglądarka i tak musi zapytać serwer, czy aktualny plik jQuery jest poprawny. 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
Pompage.net : le web design puisé à la source
