background preloader

Snook.ca: Tips, Tricks and Bookmarks on Web Development.

Snook.ca: Tips, Tricks and Bookmarks on Web Development.
Related:  A classer

CSSREMIX Browser Statistics, OS Market Share, and Technology Usage News Find the latest Browser Statistics, OS Market Share, and Technology Usage news below. We do our best to screen the news provided here for relevance and accuracy, but the links to articles found here are from 3rd parties so occassionally less pertinent materials get published. Please feel free to contact us to report other relevant articles, or to let us know of any material that should be removed. 8600 total records found. Displaying records 1 - 100 on page 1 out of 86 total page(s) Showing records per page. Opera Browser Unveils Free Unlimited Desktop VPN Opera / Canada News / 9/20/16 “If people knew how the internet truly works, I believe they all would use a VPN,” said Krystian Kolondra, SVP of Opera browser for desktops, in a blog post. Opera's Free VPN Arrives on Desktop Opera / PCMag India / 9/20/16 Security-conscious Web surfers can now tap into the company's free and unlimited virtual private network via the Opera desktop browser. Ofcom to get power to fine providers over...

Warsaw Rising 1944 GrooveShark Search with CSS3 | Design in Development I am a huge fan of the Grooveshark interface. Every time I look at the site I start to dissect the UI and turn it into code in my head. I wanted to see if I could create the search box only using HTML and CSS. Sadly there is one image and it’s the search icon in the button. I recently read a tutorial that shows you how to create a custom font and use the font-face property for icons, but they didn’t have the search icon I needed. The above image is my final attempt. The Structure I wanted to keep the front-end code really light and still make it easy to theme and have a flexible width. I start with a simple form tag and give it an id of “search_box”. The Sexy I love the new properties that are coming out in CSS3. …and now back to the sexy. I started with styling the form tag by referencing its id of “search_box”. I am personally not a fan of writing css stacked like this, however, with all the -vendor- declarations it can get really messy. Next I styled the .wrapper class.

Web Animations Conformance requirements are expressed with a combination of descriptive assertions and RFC 2119 terminology. The key words “MUST”, “MUST NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, “SHOULD”, “SHOULD NOT”, “RECOMMENDED”, “MAY”, and “OPTIONAL” in the normative parts of this document are to be interpreted as described in RFC 2119. However, for readability, these words do not appear in all uppercase letters in this specification. All of the text of this specification is normative except sections explicitly marked as non-normative, examples, and notes. Examples in this specification are introduced with the words “for example” or are set apart from the normative text with class="example", like this: Informative notes begin with the word “Note” and are set apart from the normative text with class="note", like this: Note, this is an informative note. This specification defines a number of procedures. Some procedures assert an invariant condition.

Web Design Works by Agency Dominion Jason and Jenny Parry for Free People Sylvester Stallone as T-800See more at: Approved and in-use logo design for a newly formed clothing brand in the UK. How to Use the Sticky Footer HTML & CSS Code Be sure to read the Known Issues at the bottom of this page. It will help prevent a lot of mistakes that can take hours to debug. Introduction There are many sticky footer methods to be found in Google. Ryan Fait's solution is well known, and it works, but it requires an extra <div> with no content in it to provide an extra "push". The Sticky Footer solution presented here is based upon the information found in the Exploring Footers article from A List Apart as well as expands upon the work of Cameron Adams and this piece at lwis.net. In an early version it applied a clear fix hack to keep the footer in place in Google Chrome and other browsers where the footer would float up when you resized the window. The HTML Code Below is the basic structure of the HTML code. You would place your content elements inside the main <div>. A header could be placed inside the wrap but above the main like this; The CSS Code Below is the CSS code that makes your sticky footers actually stick to the bottom.

Opa, un nouveau langage pour le développement d’applications Web Après des années d’efforts, nous sommes heureux d’avoir libéré le code d’une nouvelle technologie Web nommée Opa. La licence choisie est la GNU Affero General Public License version 3 (AGPLv3). Cette dépêche a pour but de vous expliquer ce qu’est, et n’est pas, Opa. Opa, c’est quoi ? Opa est une technologie de développement d’applications Web distribuées. En un mot, Opa ne dépend pas des piles serveurs actuelles (à la Apache / PHP / MySQL / Symfony). Opa est spécialement conçu pour le Web et spécifie l’ensemble des aspects de l’application : Pourquoi un nouveau langage ? En développant Opa, nous avions deux objectifs : rendre le Web sûr (et en conséquence sécurisé) : pour cela, il fallait idéalement réécrire proprement l’ensemble des technologies serveur en une, pour minimiser la quantité de code nécessaire (et faire une implémentation propre) ;rendre le Web simple à programmer : nous voulions notamment distribuer automatiquement code et données… et cela imposait de fait un nouveau langage.

Sodimac propose enfin des e-mails innovants ! Face au faible taux d’ouverture des newsletters ou autres e-mailing, Sodimac a décidé de prendre le contrepied avec un nouveau style d’email ! S’il y a bien une chose qui n’évolue que très peu, c’est bien les newsletters et autres e-mailing que l’on peut recevoir dans sa boîte mail. Une fois que le modèle est adopté par l’expéditeur, seul les contenus changent. Alors vous me direz : « c’est le plus important ». OUI, mais bon quand même. Et justement. L’agence est parti du postulat que lorsque l’on reçoit ses mails, les photos n’apparaissent qu’après une action de l’internaute. Le principe Comme une idée ne vient jamais de nulle part, celle ci provient du formatage des e-mails. A la réception du mail, l’internaute voit s’afficher un message au dessus des images en attente de validation. « Ceci est le plan de la maison de vos rêves, cliquez pour le rendre réel. » Au clic, la maison s’affiche alors progressivement le plan de la maison… Stay tuned !

HTML5 For Web Designers Sells Out The first printing of Jeremy Keith’s HTML5 For Web Designers has sold out. For a book about web forms, semantics, and the history of markup, it’s done pretty well: The book sold 1,000 copies during the first hour of pre-sales.It sold 5,000 copies during the first 24 hours of pre-sales.The first printing sold out within two months. Haven’t ordered yours yet, and now they’re sold out? So where’s my book, already? We ship worldwide. We ship via US Postal Service, so no tracking numbers are available. If you ordered before June 30 and still have not received your order, please be patient a few more days, and thank you for bearing with our learning curve. If you need to speak to someone about your order, write to us. I want an ebook, not a dead tree! Stay tuned; we’re working on ebook versions. Return to Sender About 40 copies of HTML5 For Web Designers out of the first 10,000 sold have been returned to us because the recipients moved, or there was an error in their… In "A Book Apart" In "CSS"

The web's scaffolding tool for modern webapps | Yeoman CEO Brand Club - Personal Brand Institute Celem CEO Brand Club© jest stworzenie elitarnej, ponad organizacyjnej platformy współpracy liderów o marce premium, Ambasadorów Wartości, ludzi największego wpływu biznesowego i osobistego w polskim świecie biznesu. W pierwszym, rozpoczętym już etapie, wyłaniamy 50 wybitnych kobiet – liderek, które szefują organizacjom działającym na polskim rynku i mają duży wpływ na swoje otoczenie prywatne i zawodowe. Ambasadorkami Wartości są kobiety zaangażowane w zarządzanie przez wartości oraz rozwijanie marek liderów, marek przywództwa oraz marek kobiecego przywództwa w swoich firmach i otoczeniu. Są to kobiety, które mają potencjał, aby w polskich realiach biznesowych i społecznych być wzorem wiarygodnego lidera dla innych. W drugim etapie, w kolejnych latach, do CEO Brand Club© zostanie zaproszonych kolejnych 50-ciu Ambasadorów Wartości spełniających te same kryteria, tym razem mężczyzn. Proces tworzenia CEO Brand Club© w pierwszym etapie:

Related: