background preloader

Deck.js » Modern HTML Presentations

Deck.js » Modern HTML Presentations

Ios and Android, Five Pros and Cons of Each Smartphone platforms are advancing so rapidly these days that it is sometimes difficult to keep up with their innovation, so I have compiled a list of 5 pros and Cons of the two best Smartphone platforms available now. iOS Pros: Better media playingApps are generally off a higher quality than other platformsUpdates always arrive when the are releasedDesktop SyncingOver 200,000 apps to choose from Cons: App store approval process rejects apps for no clear reasonHorrible notification systemNo option to choose different hardwareYou must use iTunesNo Flash in the browser Android True multitaskingGood notification systemOpen marketThe ability to choose your hardware and carrierGreat social networking integration Poor battery lifeOS version fragmentationHorrible carrier skinsVirtually non-existent desktop syncingYou need a Google account

Slideshow with jmpress.js Today we will create a slideshow using jmpress.js. The jQuery plugin that is based on impress.js will allow us to use some interesting 3D effects for the slides. View demo Download source You have for sure already seen impress.js, a really great JavaScript library for creating extraordinary 3D presentations. The jQuery port jmpress.js let’s you use this library as a jQuery plugin with some added options. The icons used in the demo is by Artcore Illustration and they are licensed under theCreative Commons BY-NC-ND 3.0 license. So, let’s start! The Markup We will have a main container which is a section with the class jms-slideshow. Let’s take care of the style. The CSS Since we want to make the slideshow responsive, we will give the main container a percentage width, with some min and max values: The next wrapper is dynamically added, and this will be the visible slideshow wrapper: The background color classes will be applied to the previous wrapper. The steps will have the following style:

CSS: The Good Parts In March I wrote about some of my least favourite parts of CSS . Admittedly, that was a pretty negative post, and I’ve even slightly changed my opinion of a few of those things, thanks to the comments. But I like CSS a lot. So as a follow-up, I thought it would only be fair to list some of the things in CSS that I think work very well and thus are valuable to know and use often. Media Queries Whoever thought up this idea is a genius. Overall, a very good part of CSS. Classes Classes are fantastic. Especially when you use multiple classes on a single element are classes super-useful, and when you combine that with chaining classes, they’re even more powerful. Min-/Max- Width/Height Even with all of IE’s annoying bugs, using properties like min-width and max-height has been a great gift to CSS. max-width is especially useful when you want to prevent your responsive designs from going super-wide on really large browser windows. Inline-Block Is it a div? Relative and Absolute Positioning Line Height

nemec/deck.lazyload.js Presentations With Reveal.js and HTML5: Better Than PowerPoint Oct 10 2012 Presentations are PowerPoint, you say? Well, think again. Most people I know start yawning as soon as PowerPoint gets mentioned. You don’t want your clients to yawn. If you are into presenting using your Android or iPad, you’ll even need additional tools to get a PPT up and running. Reveal.js: The demo presentation Reveal.js consists of one single JavaScript file and two style sheets. Slide Markup via HTML5 The markup of the presentation slides ist done by using HTML5 elements of the type SECTION. Inside each section arbitrary content is allowed. Pressing ESC shows an index of all slides from where you can target each slide individually. Index of the presentation demo Reveal.js: Extended Navigation Possible If you’d like to enable mouse navigation in addition to keyboard control, you can do so by implementing a small operating element into your presentation. Reveal.js: Capable Of Markdown This one is for me. (dpe) Denis works as a freelance web designer since 2005. Homepage

How to Banish Embarrassing or Annoying Autocomplete Suggestions from Your Browser Apparently I never posted my comment... here's what I do: I have six different browsers in my dock, and use them as follows: Chrome: My main browser for work (job #1). All work mail, browsing, google docs, etc Camino: Secondary browser for work (job #1). Network admin account, ATGAR (message board), less work-related browsing Firefox: Primary browser for work (job #2). Raven: For home browsing, social media, etc. Opera: For testing out pages, saving certain articles/recipes, etc. Safari: PORN! That way, if someone asks me to use my computer and wants to use the internet, I'll just open up anything but Safari. Using Impress.js : Tony Thomas March 9, 2012 11:08 am Published by admin Update II: I updated the init method needed in the HTML. Update: There is at least one WYSIWYG impress.js editor available now. I came across Impress.js a while back and I was, well, impressed. Right now you can only learn how to use Impress.js by reading the comments and experimenting. The first thing is that you have to have a story to tell. Assuming you know what you want to say, let’s move on. First you’ll need to download the JavaScript. The slides need to go into an element with the id of “impress.” Options Now things get interesting. You can give you slides ids so you can link to a particular slide. The next dimension we can control is scale: Note the data-scale attribute above. We can also control rotation: For this, use data-rotate. And now we go 3d: The data-z attribute above places this slide 3000 pixels away along the z-index. Finally, we can control rotation along axes: Those are the options. Similar Posts:

Syncing Visual Studio Extensions and Settings with Dropbox | Lars Wilhelmsen Idea Sparked by a long wish for keeping my Visual Studio extensions and settings in sync across multiple computers, and a discussion with @kellabyte and @ackenpacken yesterday, I started to research how this could be done. With a quick Google search, I found this blog post by the Visual Studio team, describing where Visual Studio 2010 looks for its extensions. Before you start poking around in the file, I suggest you take a backup of the original one, in case of any f*ckups. “$ApplicationExtensionsFolder$;$RootFolder$\Common7\IDE\CommonExtensions;$RootFolder$\Common7\IDE\devenv.admin.pkgdef; C:\Users\larsw\Dropbox\Visual Studio Settings and Extensions” Before you start editing the file, I suggest you shut down all instances of Visual Studio, so the likelihood that the file won’t be write-protected or changed is minimal. Migrating existing extensions On my other computers, I had to update the same pkgdef file, let Dropbox sync the folder, start Visual Studio – & voila! Be Sociable, Share!

RoyalSlider - Touch-Enabled Image Gallery and Content Slider Plugin Features of jQuery version Modular Script architecture allows you to create your own version of the script using online tool and include in build only features that you need. Touch-friendly Touch navigation for slider and thumbnails, vertical or horizontal. Responsive down to mobile Size of slides and thumbnails can be dynamically changed (all sliders on this site are responsive). For developers: Cross-platform & cross-browser Slider works and has been tested on IE7+, iOS, Opera Mobile, Android 2.0+, Windows Phone 7+, BlackBerry OS and even black&white Kindle Keyboard browser :). View pricing or View demos

Related: