2010 2010年 3月 9日

其关于“网页设计师谁可以没有代码”

用我有限的技能与工具,如Photoshop和Illustrator集,我可以坦率地承认,我是个更好的开发人员比我一个设计师。 但我的背景与核心(服务器端)的Java / PHP / COBOL的发展,一直是我的UI开发能力非常积极的影响。 我的意思是,同时创造了我的设计,即每当我做设计,我认为设计如何可以最好转换成HTML的CSS,而这样做的HTML CSS,我给后端技术有关的思想和合理确定可以轻松实现的HTML成XSL循环或PHP的片段等。

多年来,我一直扔在设计UI设计师,谁可能不有一个线索,HTML或CSS是什么头。 这些年来我一直在想,我会要求太多,如果我只是希望设计师,谁是试图shov他的“不可能的代码”设计我的喉咙,只是一点点理解他的设计将被转换成。 这将有助于对不对?

然后,我遇到了这个职位今天的网页设计师不能代码 ...感谢主! 我只是许多有同样的感觉的人之一......上述artitle是位长篇大论...... 但值得一读,它的每一句话。

感谢埃利奥特杰伊股票......我就放心了!

下面是一些摘录从Elliots文章

哇,这一天! 它始于一个小鸣叫,似乎席卷了整个网页设计社区讨论结束。 它似乎有一些非常强大的网页设计师是否应该能够代码的问题上所持的观点。
...
所以,在我们得到这个,让我快速回顾一下,我今天上午在Twitter说:

老实说,我感到震惊,在2010年,我还是跨越未来“网页设计师”,谁也不能编写自己的设计。 没有任何借口。

...我应该已经多了几分具体在我的鸣叫。 我谈论没有连最基本的HTML和CSS技巧实际现场变成一个平面设计的设计师。 没有的人不是故意选择的代码,那些不能。 和我也谈到这里只有前端代码,当然这很荒谬,认为设计师也应该是惊人的后端程序员...

我们得到的“网页设计”在Illustrator中,300dpi的发送,不可能代码,没有一致性/可用性。
~~艾米马洪

它已经晚了,我有这某种程度上包装。 我知道会有许多人同意我的看法,我的意思是不是得罪或扰乱任何人不能代码,但我希望,我所说的一些反映一些点,总是拿出钻研时本次辩论。

在一天结束时,我没有失去过谁可以编写,谁不能睡觉。 我只是真正惊讶地发现,这么多的设计师缺乏前端的技能,因为我认为这是过去的事情了。

也可以参考的意见,有大约320评论,我写了......他们都是值得一读。
请在这里读Elliots满后.. 人可以没有代码的网页设计师


2009 2009年 10月 18日

HTML和XHTML

  • 文档类型声明需要目前是在一个文件,使用HTML语法开始。 它可以选择性地使用在XHTML语法,但它不是必需的。 XHTML文档并不需要包括DOCTYPE因为XHTML文档交付正确使用XML MIME类型的浏览器,并为XML处理,始终没有怪癖模式中呈现。
  • 在XHTML中,标签名称是大小写敏感的,通常被定义写在小写。 然而,在HTML中,标记名是大小写敏感的,可写在全部大写或大小写混合,虽然最常见的惯例,是要坚持用小写。 开始和结束标记的情况不相同,但一致不使代码看起来更整洁。

使用HTML的优点

  • 向后兼容现有的浏览器
  • 著者已经熟悉的语法
  • 宽松和宽容的语法意味着将不会有用户敌对黄屏死亡 “,如果一个错误不慎滑倒通过
  • 方便的速记语法,例如,作者可以省略一些标签和属性值

使用XHTML的好处

  • 严格的XML语法鼓励作者写形成的标记,可能会发现一些易于维护
  • 直接集成与其他XML词汇,如SVG和MathML
  • 允许使用的XML处理,其中一些作者,编辑和/或出版过程的一部分使用

2009 2009年 07月 28日

CSS2.1的用户代理样式表默认

昨天,在谷歌浏览器的CSS重置遇到的问题,我......我想挖成用户代理样式表领域的深一点......
发现CSS2.1的用户代理样式表(对于那些不知道什么是“用户代理样式表”按照默认值表什么是用户代理样式表(规范)

对于CSS 2.1的用户代理样式表默认的完整列表, 请点击这里


2009 2009年 07月 27日

用户代理样式表:在谷歌浏览器的神秘空间

昨天,像所有其他的“土拨鼠日”,我是工作在一些CSS /无表格布局。 所有在IE 7,FF 3和Chrome,直到突然,我看到一些联合国忽略利润率仅在谷歌Chrome。 虽然很奇怪,武侠,这是一些新的bug /问题我来到accross,终于有一些我的平凡工作中的香料。 悲伤(但很好)有固定探头几分钟内...

基本上,它看起来像谷歌Chrome忽略我的CSS复位(利用margin:0px)。 它实际上是由于用户代理样式表(-webkit的填充启动:40px)。 因此,解决办法是复位设置填充样式:0,行为不端的元素。
发生的任何元素,以防止这个问题的一个好方法是使用如下一个全球性的CSS休息

* {保证金:0;填充:0;}

什么是用户代理样式表(规格)?
以下摘录取自http://meiert.com/en/blog/20070922/user-agent-style-sheets/ ,后续环节,读取用户代理样式表的更多信息

的CSS介绍说,每个用户代理(UA,往往是一个'网页浏览器“或”Web客户端“)将有一个默认的样式表,提出在一个合理的文件的想法 - 但可以说是平凡 - 方式。 CSS 2的表示,符合用户代理必须申请1默认样式表的行为好像他们做的和,1用户代理的默认样式表应该呈现方式,满足文档语言的一般介绍期望文档语言的元素;的CSS三是可能是相同的想法。

由于CSS规范离开它是否使用默认显示一个“真实”的样式表或不实现,它不令人吃惊的是,你不觉得在每一个浏览器的安装文件夹的默认样式表。 微软的Internet Explorer以及歌剧不同,例如(据我所知),Gecko的浏览器如Firefox和Netscape Navigator的(看“html.css”),但也Konqueror的,而简单地理解他们的默认样式。


2009 2009年 4月 6日

如何启用在Firefox状态栏(window.status写作)

另一个老同学内存的补充...

为什么我们能够windos.status?
JavaScript的可能是一场噩梦,当你有什么调试。 火狐确实有一些方便的插件,像Firebug的多数民众赞成容易,使我们的生活,另外,在Javascript中最流行 ​​的调试技术的表决必须走“ 戒备()”。 anywaz! 有少数情况下,当添加警示不调试不当行为的Javascript只是不是个好主意。 例如! 你有dragble项目需要提醒的位置...... 不,不! 不要做了! ......你会得到无限的警报或你惯于能够实际drap您dragable的。 好吧! 有更良好的情况下,你可能写出调试状态栏文本,更usful ......相信我! 及其经验!

IE默认情况下,离开了你写的浏览器状态栏,使用语法“window.status ='调试'的东西 ”,但Firefox不会。 因此,为了使Windows状态的变化,你可以做以下任。

打开约:浏览器(输入“about:config配置到地址栏)和搜索
DOM。disable_window_status_change, 改变它 false ...只需点击进入切换其状态。

或另外

工具→选项→内容→启用JavaScript /高级→更改状态栏文本

还要注意...写在JavaScript的状态栏,IE是刚刚确定的,如果你使用一个简短的语法,即状态='一些调试文本“,但在Firefox中,你必须使用完整的语法,即window.status ='一些调试“


2009 2009年 03月 22日

SevenUp! 鼓励世界摆脱IE6的!

谷歌开始一个动作提示人们倾倒的IE6与弹出页面加载窃听IE6的用户... ...可能不是一个很好的主意......但UI开发人员,我要加入这个乐队马车......少了一个浏览器为我担心......对不起,这是自私的! 但我这个JavaScript ...(尝试在IE6此页)...
嘿! 亮......看到它是一个展示 JavaScript的力量 ...... 它甚至可以带来一个巨大的(或曾经是)

所以...帮助摆脱一行的JavaScript IE6的世界!

http://code.google.com/p/sevenup/


2009 3月 8日 二零零九年

全球翻译插件为你的WordPress博客

我很高兴在我的博客的页面访问量越来越多,我几乎每天都检查我的Google Analytics(分析)。 我注意到,我的博客被称为在许多其他语言的网站和世界各地的人们。 真高兴!!
为了让生活有点为我的非英语观众船容易,我添加一个Google控件/插件被称为“全球翻译”。

全球的翻译说:“在41种不同的语言自动翻译博客,包装四个不同的在线翻译引擎(谷歌翻译引擎,Babelfish翻译引擎,FreeTranslations.com,Promt)”...... 如果你想将它添加到自己的WordPress安装......看看这里http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

不知道怎么翻译,但我衷心希望,它有助于有几个老乡开发商,最终达到我的博客,只有失望,它是英文......

翻译链接在侧栏的底部....


2009 3月 7 二零零九年

在Javascript中调用多个Windows的onload函数

下面,我有挖,因为情况commaned它的另一个小的Javascript弄虚作假的peice。 在我的网站之一,我有这种情况,在那里我有两次实施“windows.onload”。 将来到像我这样的经验的心(我必须诚实地说,因为我一直在使用JavaScript框架和图书馆,我福尔戈我自己...伤心,但真正做简单的事情)的第一件事,就是下面的方法...

的window.onload = onloadfn1;
的window.onload = onloadfn2;
的window.onload = onloadfn3;
等等......

抱歉地说,但是,这不会工作,不想讨论太多的Javascript执行科学......但根据我最近的经验,只有最后一个函数(onloadfn3)会生病实际上得到执行。

在正常情况下,与矿(后来,我谈一点),你可以做下列之一执行复式的onload函数....

或类似这样的东西

函数doOnLoad(){
         onloadfn1();
         onloadfn2();
         onloadfn3();
 }
的window.onload = doOnLoad;

对于我目前的状况,我不能使用上述...
为什么我需要调用windows.onload两次,而不是在一个单一的onload函数调用两个函数? 这里是快看看我的问题陈述...

“我的网站页面结构像WordPress主题.... 即有一个共同的header.php文件,包括Footer.php获取到所有的网站页面。 那里是中Footer.php的onload的功能implementaion做一些常见的onload函数。 有几页,需要自己的OnLoad的东西,除了共同onload函数所做的。 如果我给回调函数直接在window.onload处理程序,它会随着骑在Footer.php以前分配的回调“

.... 是我的问题的理解 :)

好吧! 有几个解决方案,我没有找到。 他们都非常相似,主要由西蒙·威利森(给出一个解决方案implementions http://simonwillison.net/2004/May/26/addLoadEvent/ )...

解决方案:

只是这段JavaScript代码添加到网站...

功能addLoadEvent(FUNC){
     oldonload = window.onload的;
     (typeof运算的window.onload ='功能'){
       的window.onload =功能
     }否则{
        =(){
            (oldonload){
                   oldonload()
           }
          函数()
        }
    }
 }

并调用,而不是通常“windows.onload”

 addLoadEvent(FunctionToRunOnPageLoad);
 addLoadEvent(函数(){
 / *更多的代码运行在页面加载*
 }); 

这个代码片断的优势...
1。 首先,它可以让你有多个windows.onload事件,呼吁从你的代码的单独部分,不overridding以前的定义
2。 这实在是不显眼的。 它可以被放置在与其它脚本文件中或在一个单独的文件。
3。 它的工作原理window.onload的,即使已经设置。


2009 2月 24日 二零零九年

如何包括内Smarty模板的PHP代码

我想这将是一个涂鸦在谷歌找到的,因为很多我们的用户界面和脚本作家需要做一天一天的基础上,这是包括成PHP代码片段(PHP)的peice位Smarty模板(TPL)。 我意识到你的查询,更容易/流行,更是难以找到确切的答案......一百万的搜索结果,但其中大多数是本文以后称作“文件”,包括在Smarty ...具有以下语法

{包括文件=“/ header.php文件”}

这实际上inlcuded罚款,但作为文本文件,我想要的是包含文件的结果。(注意:上述用于在一个模板文件包括模板)。 最后一点persiverance .... 我迷迷糊糊......整个略为修改语法,这是对我的要求的答复,所以这里是......如果你没有带发现了一个已经


{include_php文件=“/ header.php文件”}


2009 2 2日 二零零九年

如何包含在另一个网站的WordPress博客

这个问题前几次,穿过我的脑海里,当我在地盘工作早过,使用WordPress的显示博客或一种新的内容,在某些部分在PHP和WordPress的网站/ portal.Being的新手,我一直procastinating它,心想:“这不是我蛋糕peice”。 终于来了! 这一要求是高达我的鼻子,启动时陷周围的解决方案位。
我惊讶地发现,它真的是比我还以为是WordPress的供电部分以外的任何其他页面上,显示一个标题列表或最新的职位,只用点点的PHP和WordPress的API 。

这里是做什么: -
对于原因的解释,假设您的网站是http://www.inchembur.com/您对本网站的消息的部分http://news.inchembur.com/ (运行WordPress的)。 现在的要求是,以显示从主站点的首页上最新职位http://news.inchembur.com/ ,即http://www.inchembur.com/index.php

第一步:在您的index.php添加下面的代码peice,包括WordPress的API文件。 您可以添加到您希望您的文章出现在页面的顶部。

<?PHP
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme 定义 “WP_USE_THEMES”( ); /的/ Disbable使用WordPress主题
要求('的/ var / news.inchembur.com / WP博客的header.php“); / /包括WordPress的API
; // Get Latest Post query_posts('showposts = 1'); / /获取最新发表的文章
?>

在包括上述peice,我们得到只有单一的最近期的职位。 如果你想尝试更多的变化随时挖成, query_posts()文档

第2步:现在,在您要显示从最新的WordPress的职位索引/主页的一部分http://news.inchembur.com ,使用下面的代码。 不用说,感觉免费广告造型部门,跨度和您的设计需要为每类。

第三步:有没有第三步......那......你做!


当然,你可以尝试按你的要求的一些变化(正如我刚才所说,是指query_posts()文档 )。 下面有一些品酒师......

如何显示一个特定的职位/页,而不是最新帖子: -
这可以很容易地通过改变参数query_posts() achived query_posts()页ID或页面塞

) ; query_posts('page_id = 7');
) ; query_posts('页面名称=约“);

或可以控制的职位数目:
) ; query_posts(showposts = 3);


NDK的家 | 表达它 表示唇腭裂 表示Penmenship 表示敬畏 表达自己