Snippet

0 April 14, 2012

Diving into Objective-C and iOS development

I have alway’s been curious with regards to iOS development but I am horrible at picking up a book and just studying by myself something constantly, however I have the time now to set myself a schedule so I am going to just dive in and learn by myself.

The books I’ll be reading have not only been recommended to me in being good for beginners but they have been recommended to be read in an specific order. Below is the list of books I’ll be reading.

  1. Programming in Objective-C 2.0 (2nd Edition) by Stephen G. Kochan (amazon link)
  2. Beginning iPhone Development: Exploring the iPhone SDK by Jeff LaMarche & Dave Mark (amazon link)
  3. The iOS 5 Developer’s Cookbook: Core Concepts and Essential Recipes for iOS Programmers (3rd Edition) (Developer’s Library) by Erica Sadun (amazon link)

Well that’s the three books I’ll be reading. I will try to post updates each week on topics I do not understand and code snippets that should be remembered.
I also accept comments if you want me to clarify something or if I did not understand the concept.

 
Snippet

0 January 13, 2012

HTML5 Starter

This is a great HTML5 starter script to use. It includes a script that allows older IE browsers to display the page as close as possible as the original design.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="robots" content="index, follow" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<title></title>
<!-- iPhone Icon -->
<link rel="apple-touch-icon" href="images/iphone-icon.png" />
<!-- CSS -->
<link rel="stylesheet" href="reset.css" type="text/css" media="screen,projection" />
<link rel="stylesheet" href="layout.css" type="text/css" media="screen,projection" />
<link rel="stylesheet" href="type.css" type="text/css" media="screen,projection" />
<!--[if lt IE 7]>
<link rel="stylesheet" href="ie6.css" type="text/css" media="all" />
<![endif]-->
<!-- JS -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<!-- http://code.google.com/p/ie7-js/ -->
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta3)/IE8.js"></script>
<![endif]-->
<!-- IE HTML 5 -->
<!--[if IE]>
<script>
document.createElement("header");
document.createElement("footer");
document.createElement("nav");
document.createElement("article");
document.createElement("section");
</script>
<![endif]-->
</head>
<body id="index" class="home">
</body>
</html>
 
Snippet

0 January 13, 2012

CSS3 Reset Script

This is a great CSS3 reset script to add to your projects. This script allows you to concentrate in styling your web site instead of wondering why your marcup does not fit as it shod :)

To use the code, you can either add the code to the HTML (before your stylesheet) or for better efficiency just import it at the beginning of your stylesheet.

1
@import url("reset.css");

Then just create a reset.css file and insert the following data:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
@charaset "UTF-8";
/* ReCSS */
html,body
{ font-size:16px;
font-family:Arial,helvetica,"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
html,body,h1,h2,h3,h4,h5,h6,li,dl,dt,dd
{ margin:0;
padding:0;
font-size:100%;}
img {border:none;}
a
{ outline:none;
color:#009;}
a:hover {color:#009;}
ol,ul
{ margin:0;
padding:0 0 0 2em;}
table
{ border-collapse:collapse;
border-spacing:0;}
p
{ margin:0 0 1em;
padding:0;}
.cancel {clear:both;}
.clearfix::after
{ content:".";
height:0;
display:block;
visibility:hidden;
clear:both;}
.clearfix {min-height:1%;}
* html .clearfix {height:1%;}
hr
{ visibility:hidden;
margin:0;
clear:both;}
.alpha
{ opacity:.8;
filter: alpha(opacity=80);
-ms-filter: alpha(opacity=80);}
/* frame */
#wrapper {margin:0 auto;
width:900px;
background:url(img/);}
#header {}
#footer {clear:both;}
address ,
.vcard {margin:0;
padding:10px 0;
font-size:12px;
font-weight:700;
font-style:normal;}
/* outline */
/* According to the Extention icon View */
.iconpdf ,
.iconxls ,
.icondoc ,
.iconmail ,
.extlink {padding: 5px 15px 5px 0;
background-position:100% 50%;
background-repeat:no-repeat;}
.iconpdf {background-image:url(../icon/icon_pdf.png);}
.iconxls {background-image:url(../icon/icon_xls.png);}
.icondoc {background-image:url(../icon/icon_doc.png);}
.iconmail {background-image:url(../icon/icon_mailto.png);}
.extlink {background-image:url(../icon/icon_external.png);}
/* Always written on the bottom */
br {*letter-spacing:0;}