background preloader

Mozilla Developer Network

Mozilla Developer Network

Learn Python - Free Interactive Python Tutorial All About Floats What is "Float"? Float is a CSS positioning property. To understand its purpose and origin, we can look to print design. In a print layout, images may be set into the page such that text wraps around them as needed. In page layout programs, the boxes that hold the text can be told to honor the text wrap, or to ignore it. In web design, page elements with the CSS float property applied to them are just like the images in the print layout where the text flows around them. Setting the float on an element with CSS happens like this: There are four valid values for the float property. What are floats used for? Aside from the simple example of wrapping text around images, floats can be used to create entire web layouts. Floats are also helpful for layout in smaller instances. This same layout could be accomplished using relative positioning on container and absolute positioning on the avatar as well. Clearing the Float Float's sister property is clear. Clear has four valid values as well. Video

YouTube Playlists for Learning Programming YouTube has been very good platform for learning any thing. Earlier you have seen 400+ courses on YouTube and 130+ NPTEL courses. There are few more courses especially about computer programming. thenewboston: thenewboston is a great youtube channel, has more than 2o playlists covering topics Python, C, Java, iPhone development and web programming like HTML, CSS, PHP. Xoax.net Xoax has more than 200 videos but mainly focuses on C++. PHPacademy As the name suggests, it focuses mainly on PHP and some on MySql. There are more videos on small projects like writing your own search engine for your database, pagination, creating a rating system etc… Related posts: Get more stuff like this

CatsWhoCode.com So, you’ve spent some time building your e-commerce brand. You’re making a handful of sales each month, but it’s not taking off the way you hoped it would. You do a little digging into your analytics and you learn people who spend 20 minutes on your site almost always buy something. But those who check out just one or two pages, well, they don’t stick around long enough to spend any money. What gives? Being faster and more efficient is the goal of all web designers and developers. According to Statista, the global mobile payment revenue is expected to reach over 1 trillion US dollars in 2019. In the world of today, having a website is a must. Node.js is an open-source, cross-platform JavaScript run-time environment that executes JavaScript code server-side. Since the Internet is around, affiliate marketing has always been one of the most efficient ways to make money online by promoting third-party products.

6 Free Javascript E-Book Worth Reading Introduction Web development industry is a fast-paced industry. New trends, technologies, techniques and APIs pop up now and then and we have to educate ourself to use it. As a web developer, I always reckon it's part of our responsibility or perhaps we need to train it as a habit to keep learning and upgrading ourself and do not satisfy with the status quo. In this post, I have gathered 6 free javascript ebooks for you! Essential JavaScript Design Patterns For Beginners This book is targeted at professional developers wishing to improve their knowledge of design patterns and how they can be applied to the JavaScript programming language. Some of the concepts covered (closures, prototypal inheritance) will assume a level of basic prior knowledge and understanding. If you would like to learn how to write beautiful, structured and organized code, I believe this is the book for you. Read it now jQuery Fundamentals jQuery is fast becoming a must-have skill for front-end developers. Read it now

15 Fresh and Powerful CSS3 Tutorials CSS3 is here, it’s fun, and allows us to evolve the look of the web as we go. Features like gradients, drop shadows, rounded corners, animations, and opacity are giving us the promise of more fun. In this post we’ve collected some new and brilliant tutorials that will help you in mastering your CSS3 skills. We’ll create a document icon with pure CSS3. When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesn’t render the CSS style perfectly. There are so many great things we can do with the additional properties and possibilities that CSS3 brings along. Designing a table is a challenge. During this tutorial we’re going to use CSS3 to create ticket-like tags, without relying on any images. We are going to create some thumbnail hover effects with CSS3 transitions. See how easy is to create a spinning rays animation with a bit of CSS. Still hyped by the possibilities of CSS3, we want to share some CSS3 button experiments with you.

8 Useful Websites to Learn How to Code Quickly As a lead frontend developer, it's my responsibility to make sure I'm keeping up-to-date with the web development industry trend. I reckon it's important and should be part of my job because my company will have to rely on my input regarding the best solution or possible technical difficulties during the development process. From HTML to HTML5, CSS to CSS3, Javascript to Javascript framework, it's a fast pace industry and if you leave behind, you're out of the market! Anyway, if you want to learn new languages or want to develop your own website, you come to the right post! I've found 8 really useful online tutorial, some of them are fully interactive, some of them are written with comprehensive guides and visual to help you to pick up a language quickly. Happy learning! LifeHacker Learn to code Language: Javascript 4 Lessons plus epilogue to learn how to code with Javascript. Language: MongoDB It's MongoDB official website.

25 New Script Libraries and Plugins on GitHub Git is a powerful, open-source distributed version control system and social code repository. GitHub is the world's largest open-source community, hosting millions of public repositories. Users add innovative new projects on a daily basis. With the latest new Repos available to fork and explore, it can be difficult to stay updated. Please note some of the GitHub resources reviewed may be slightly older in origin, but they have been recently updated, much improved upon or generally overlooked as resources really worth exploring. Have you discovered any GitHub script libraries or plugins we may have missed? 1. Unveil.js is a lightweight version of LazyLoad, with support for serving high-resolution images to devices with Retina display. 2 Chardin.js Chardin.js (named after the French painter Jean-Baptiste-Siméon Chardin) lets you add simple overlay instructions on existing elements, on any of your apps, using JavaScript. 3. 4. 5. 6. 7. 8. 9. 10 . 11 . 12 . 13. 14. 15. 16. 17. 18. fpsmeter.js

Learning LESS: An Introduction Today, I’m proud to start a series of posts that will focus on LESS, the dynamic language that takes your CSS and puts it on steroids. LESS let’s you use variables, mixins, nested rules, and even functions within your CSS. It’s extremely powerful and can dramatically speed up your development. Blog Series Roadmap So with that laid you, you’ve got a lot of great stuff to look forward to. What Is LESS and Why Should I Care? In my dealings on the web, I have found that there are three types of people when it comes to dealing with LESS (or any other CSS preprocessor). My goal after this blog series is to make you fit into that last category. According to Wikipedia, LESS is: LESS has been around since 2009 and has really ramped up in the past few months, getting widespread use by projects large and small, including Bootstrap, from Twitter, the most popular project on GitHub. What Resources Are Out There? Is This Server Side or Client Side? Good question, and the answer to that is it can be both.

Become a Programmer, Motherfucker If you don't know how to code, then you can learn even if you think you can't. Thousands of people have learned programming from these fine books: Learn Python The Hard Way Learn Ruby The Hard Way Learn Code The Hard Way I'm also working on a whole series of programming education books at learncodethehardway.org. Learn C The Hard Way Learn SQL The Hard Way Graphics Programming Language Agnostic NerdDinner Walkthrough Assembly Language Bash Clojure Clojure Programming ColdFusion CFML In 100 Minutes Delphi / Pascal Django Djangobook.com Erlang Learn You Some Erlang For Great Good Flex Getting started with Adobe Flex (PDF) Forth Git Grails Getting Start with Grails Haskell Java JavaScript JavaScript (Node.js specific) Latex The Not So Short Introduction to LATEX (perfect for beginners) Linux Advanced Linux Programming Lisp Lua Programming In Lua (for v5 but still largely relevant)Lua Programming Gems (not entirely free, but has a lot of free chapters and accompanying code) Maven Mercurial Nemerle Nemerle NoSQL Oberon Objective-C

Related: