    
|
|
|
W3C is pleased to launch its new online course, “JavaScript for Beginners”, to help Web developers understand the basic concepts of JavaScript. The course is 4 weeks long, to start on 11 November 2013. The main goal of this course is to make sure that participants master good JavaScript practices and avoid the pitfalls of the language. This course is a condensed set of tricks, advice, tools and good practices built around JavaScript, with a logical flow that is always illustrated by examples and assignments. JavaScript is one of the three major Web developer tools, along with HTML5 and CSS3, so register before October 28 to benefit from the early bird rate. Learn more about W3DevCampus, the W3C online training for Web developers.
]]>|
|
|
|
The Operating Units of Textron Systems currently have 2014 Internship positions posted on the Textron college recruiting site (collegejobs.textron.com). These internship roles cover different disciplines such as: Engineering, Finance, Integrated Supply Chain, Information Technology, and general Business roles. Please make sure you are reviewing these opportunities and applying for those roles in which you are interested and qualified. The Operating Units of Textron Systems focus on providing both products and services that support our military and
are have locations throughout the United States including the following sites:
Wilmington, MA (Textron Defense Systems)
Baltimore, MD (AAI Corporation)
Charleston, SC (AAI Corporation)
Huntsville, AL (AAI Corporation)
Slidell, LA (Textron Marine & Land)
Austin, TX (AAI and Overwatch)
Williamsport, PA (Lycoming)
We have internships at various locations supporting a wide range of functions within our business to include:
•Business Development
•Contracts
•Engineering - Aerospace, Electrical, Test, Software, Systems, and Mechanical
•Environment, Safety & Health
•Finance
•General Business
•Human Resources
•Information Assurance/Cyber Security
•IT
•Legal
•Marketing & Communications
•Network Engineering
•Procurement
•Production Planning
•Project Administration
•Quality Assurance
•Research & Development Engineering
•Security
•Supply Chain Management
•Technical Writing
•Welding Engineering
Submit your resume in UMBCworks and apply online at http://www.textron.com/careers/undergrads-graduates/index.php today!
Please note students must have a 3.2 and be a US Citizen/National to be considered.
]]>Bootstrap is a front-end framework, which is basically just a few CSS and JavaScript files that help you build websites more quickly by purposely making some core decisions for you, and by including a lot of helpful, pre-made widgets and components. Since it’s all CSS and JavaScript, Bootstrap’s completely customizable, so there’s no harm in using it as a starting point.
I decided to use Bootstrap 3, which was released a few months ago, on some new personal projects and I’ve been very happy with the decision. There’s a lot packed into Bootstrap, but I’d like to highlight the things that have impressed me the most. If you’re still undecided or if you’re new to using front-end frameworks, hopefully this will help you understand what all the hype is about.
Bootstrap 3 introduced a new “flat” design. Yes, it’s trendy, but it also serves two important functional purposes. First, it strips away some of the aesthetic flourishes which makes it easier to customize for your own purposes. Second, it dramatically improves the repaint time, which is basically how long it takes the browser to “draw” all the elements on a webpage.
How much faster, exactly? Paul Irish demonstrates in this video:
Well, not exactly. Bootstrap 3 has one grid system but with four different levels of ”responsiveness” for lack of a better term. Here’s the grid system documentation, but if you’re too lazy to click through (which is me a lot of the time) here’s the breakdown:
.col-xs- When two or more of these columns are in the same row, they will always remain side-by-side, even on the smallest mobile screens. Most of the time you’ll want your columns to stack on mobile devices, so use this only when you have a very specific reason to maintain columns on mobile devices. These are also the only column type that cannot be nested..col-sm- These columns are collapsed to start, but become horizontal at widths of 768px and above..col-md- These columns are collapsed to start, but become horizontal at widths of 992px and above. These are a good default to use for just about every column. Once you have your rough layout, you can start to tweak things with some of the other column types..col-lg- Again, collapsed to start, but horizontal at 1200px and above. This is useful if you have an element that normally stretches the full width of the page, but might look ridiculous across a 27″ iMac screen.It gets a little more complex if you’re nesting elements, using two grid classes on a single column, and so on. I won’t go into that here, but the documentation covers it well.
I don’t have much to say about Bootstrap’s carousel, but I often get asked questions like, “How do I add a ‘slider’ to my website?” or “What’s the best jQuery carousel?” or some variation. It comes up frequently, so I just thought I’d point out that Bootstrap’s carousel exists and it’s pretty good, too. It has the little circles for pagination which are all the rage these days, and it even allows you to add captions. There’s also a really nice example where the carousel takes up the full width of the layout. Check it out:
Modal windows on webpages can be one of the most annoying experiences on mobile devices. The way they’re usually implemented causes this weird infinite scrolling effect on many mobile browsers, where when you try to zoom in or scroll the page to tap a button, the modal window changes size or moves around. It’s like one of those silly JavaScript demos from the 90′s where you try to catch a unicorn with your cursor but you can never quite click on it.
That’s why I was so happy to discover the beautiful responsive modals in Bootstrap 3. They’re built with mobile browsers in mind from the start, so if you decide to use a modal window, you won’t frustrate your site visitors with a cat and mouse zoom-and-scroll game.
Bootstrap 3 was designed with a mobile-first approach, but if you have more specific needs and responsive design doesn’t work, you can always turn it off. For example, perhaps you have a very specifically designed mobile experience that’s intentionally different from the desktop experience, and you want to keep them separated.
It’s not as simple as an off button, but just follow these step-by-step instructions and you can disable the responsive features of Bootstrap. Nice!
There’s lots more cool stuff to discover, so be sure to check out the Bootstrap site and read the docs. If you have any learnings or tips, share them in the comments!
The post Bootstrap 3: Why all the hype? appeared first on Treehouse Blog.
]]>