10 Javascript Text Effects | favbulous
Posted January 18, 2012 by Kevin & filed under Tech, Web Development. 92,666 views There are many ways to enhance web typography, we used to use flash replacement script such as sIFR to change the font face by using flash embed, but the drawback is it’s using flash to replace existing font and it could slow down webpage. Now we moved on to font embedding service such as Typekit and the free Google
Webタイãƒã‚°ãƒ©ãƒ•ã‚£ã¾ã¨ã‚ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: ã“ã®è¨˜äº‹ã¯ã€3年以上å‰ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚Webã®é€²åŒ–ã¯é€Ÿã„ï¼æƒ…å ±ã®æ£ç¢ºæ€§ã¯è‡ªå·±è²¬ä»»ã§åˆ¤æ–ã—ã¦ãã ã•ã„。 フォント指定や行間ã€ç´„物ã¨ã„ã£ãŸã€æ–‡å—周りã®ãƒŽã‚¦ãƒã‚¦ã§ã™ã€‚デザインã¨ã„ã†ã‚ˆã‚ŠæŠ€è¡“çš„ãªã¾ã¨ã‚。SWFObjectã¨ã‹sIFRã¨ã„ã£ãŸFlashãƒã‚¿ã‚’除ã‘ã°ã€Webã®æ–‡å—ã¯å…¨éƒ¨CSSã§ã§ãã‚‹ã‚“ã ã‹ã‚‰... コーダã“ãタイãƒã‚°ãƒ©ãƒ•ã‚£ã‚’æ„è˜ã™ã¹ã—。看æ¿ã¿ã¦æ›¸ä½“言ã„当ã¦ã‚‹ã¨ã‹å¤‰æ…‹çš„ãªåŸŸã¾ã§é”ã›ãšã¨ã‚‚ã€åŽŸå‰‡ã ã‘覚ãˆã¨ã‘ã°ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãŒæ§˜ã«ãªã‚‹ã‚“ã ã—。 ã‚ªãƒ¼ãƒ«ãƒ‰ã‚¹ã‚¿ã‚¤ãƒ«æ•°å— ã‚¢ãƒ³ãƒ‘ã‚µãƒ³ãƒ‰ï¼ˆâ€œï¼†â€ï¼‰ スモールã‚ャップ ãƒã‚¤ãƒ•ãƒ³ã¨ãƒ€ãƒ¼ã‚· å„種スペース åˆå— 約物 約物ã¯ã¶ã‚‰ä¸‹ã’ã‚‹ :beforeã¨:after 見出ã—ã®ã‚µã‚¤ã‚º åˆæœŸãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚º 行間ã®èª¿æ•´ 余白ã®èª¿ç¯€ å„国ã®æ—¥ä»˜è¡¨è¨˜
Service Unavailable
アクセスã„ãŸã ã„ãŸã‚µã‚¤ãƒˆã¯ã€ãŸã ã„ã¾ã”利用ã„ãŸã ã‘ã¾ã›ã‚“。 担当者ã¾ã§ãŠå•ã„åˆã‚ã›ãã ã•ã„。
Advanced Typography Techniques Using Pure CSS
Why your website isn't generating leads (and what to do about it) While the descriptions and basic uses for CSS typography controls have been beaten to death, there are still many rich typographic abilities of CSS that are not well documented. This is an example of what you can do by combining and tweaking type using css. I am not at this time going to be describing the code in much depth, but if
AS3.0 ã¸ã®ç§»æ¤ "INVISIBLE"(1)ã€é–ƒå…‰çš„網站・弛緩複åˆä½“ -Review Division-】
今回㯠"INVISIBLE" ã® AS3.0 ã¸ã®ç§»æ¤ã«ã¤ã„ã¦ã§ã™ã€‚ ã“ã‚Œã¯è¤‡æ•°ã®æ–‡å—列ã‹ã‚‰æ§‹æˆã•ã‚Œã‚‹ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚¿ã‚¤ãƒã§ã™ã€‚ ã‚¹ãƒ†ãƒ¼ã‚¸é ˜åŸŸã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã“ã¨ã§ã€å„æ–‡å—列を構æˆã™ã‚‹æ–‡å—ã®ã€è¦å®šä½ç½®ã¸ã®é›†åˆã‚‚ã—ãã¯ãƒ©ãƒ³ãƒ€ãƒ ä½ç½®ã¸ã®é›¢æ•£ã‚’指定ã—ã¾ã™ã€‚ ãã®çµæžœã€é †ç•ªã«ç‰¹å®šã®æ–‡å—列ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚‚ã®ã§ã™ã€‚ ã¾ãšã¯è©±ã‚’å˜ç´”ã«ã™ã‚‹ãŸã‚ã€ä¸€ã¤ã®æ–‡å—列ã«ã¤ã„ã¦ãƒ†ã‚¹ãƒˆã—ã¾ã™ã€‚ 以下ãŒãã®ãƒ†ã‚¹ãƒˆã‚µãƒ³ãƒ—ルã§ã™ã€‚ é ˜åŸŸã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ãŸã³ã«ã€æ–‡å—列ãŒé›†åˆã¨é›¢æ•£ã‚’ç¹°ã‚Šè¿”ã—ã¾ã™ï¼ˆé›†åˆã¯ã€ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã®ä½ç½®ãŒåŸºæº–ã¨ãªã‚Šã¾ã™ï¼‰ã€‚ mono.zip ( 10.3 KB ) ã“ã‚Œã¯ã€ä»¥å‰ãŠã“ãªã£ãŸã€ŒTweener 㧠MotionTypography (7)ã€ã§å®Œæˆã•ã›ãŸã‚¯ãƒ©ã‚¹ã‚’æµç”¨ã™ã‚‹ã“ã¨ã§ç°¡å˜ã«å®Ÿç¾ã§ãã¾ã™ã€‚
AS3.0 ã¸ã®ç§»æ¤ Hopper(1)ã€é–ƒå…‰çš„網站・弛緩複åˆä½“ -Review Division-】
AS3.0 ã¸ã®ç§»æ¤ã€ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚¿ã‚¤ãƒç³»ã‚’続ã‘ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ã—ãŸæ›¸ãæ›ãˆã§ä½œå“ã¨ã—ã¦ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ドンドン増やã™ã“ã¨ãŒã§ãるクラスã£ã¦ã€ãƒ›ãƒ³ãƒˆï½žã«ã‚¤ã‚¤ã‚‚ã‚“ã§ã™ãï¼ ä»Šå›žã®ç§»æ¤å¯¾è±¡ã¯ Hopper ã§ã™ã€‚ Hopper ã®è©±ã«å…¥ã‚‹å‰ã«ã‚¯ãƒ©ã‚¹ã®ãƒ‘ッケージ化ã«ã¤ã„ã¦ä¸€è¨€ã€‚ ç¹°ã‚Šè¿”ã—ã«ãªã‚Šã¾ã™ãŒã€ç§ã®ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚¿ã‚¤ãƒã¯ä»¥ä¸‹ã®ã‚¯ãƒ©ã‚¹ã‹ã‚‰æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ï¼ˆãƒ‰ã‚ュメントクラスã¯é™¤å¤–）。 モーションタイãƒæ§‹æˆã‚¯ãƒ©ã‚¹æœ€ä½Žé™ãƒªã‚¹ãƒˆ TypoLetter.as StringSplitter.as MotionEngine.as 上記ã®3クラスã®ã†ã¡ã€æ–‡å—列を1æ–‡å—ãšã¤åˆ†è§£ã™ã‚‹ StringSplitter.as ã¨æ–‡å—ã®å®šç¾©ã‚¯ãƒ©ã‚¹ã§ã‚ã‚‹ TypoLetter.as ã¯ã€ç¾æ®µéšŽã§ãƒ‘ッケージ化ãŒå¯èƒ½ãªã¾ã§ã«æ±Žç”¨åŒ–ã§ããŸã¨åˆ¤æ–ã—ã¾ã—ãŸã€‚ 厳密ã«ã„ã†ã¨ã€è¤‡æ•°è¡Œã«ã‚ãŸã‚‹ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚¿ã‚¤ãƒã«ã¯å¯¾å¿œã—ã¦ã„ãªã„ã‚“ã§ã™ãŒã€ã
blog.keitap.com: OTFãã®å¾Œ
ã“ãªã„ã ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãã®ã¾ã‚“ã¾ã ã£ãŸãŒãã®å¾Œã†ã¾ãã„ã£ãŸã€‚ thaã®å¯¡é»™ã§æœ‰åãªèŠ±æ‘ã•ã‚“ãŒç•°æ§˜ã«ã“ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã«èˆˆå‘³ã‚’示ã—ã¦ãã‚Œã¦é¢ç™½ã‹ã£ãŸã€‚リガãƒãƒ£ãƒ¼ã¨ã‹ã¯ã©ã†ãªã‚“ã™ã‹ï¼Ÿï¼ã¨ã‹ã€èžã‹ã‚ŒãŸã‚“ã ã‘ã©ã€ãã‚‚ãã‚‚èžã‹ã‚ŒãŸæ™‚åˆå—ãªã‚“ã¦ãƒ¢ãƒŽã‚’知らãªã‹ã£ãŸã—ã€èŠ±æ‘ッãƒãŒå£°ãŒå°ã•ã„ã®ã§ã‚¨ã‚¬ãƒãƒ£ãƒ¼ã¨ã‹èžã“ãˆã¦ã€å¾Œã¯çš†ã•ã‚“ã®ã”想åƒé€šã‚Šã®ã‚µãƒ–ã„ギャグを一発ã‹ã¾ã—ãŸã‚Šã¾ã—ãŸã€‚敬具。
埋ã‚è¾¼ã¿ãƒ•ã‚©ãƒ³ãƒˆã®æƒ…å ±ã‚’ swfassist ã§å–å¾—ã™ã‚‹ - ã¦ã£ã煮ブãƒã‚°
as先日㮠Shibuya.js ã®ã‚ã¨ã«ã€BeInteractive! ã® yossy ã•ã‚“ãŒã€Œswfassist を使ã£ã¦ãれる人ãŒå°‘ãªãã¦æ‚²ã—ã„ã€ã¿ãŸã„ãªã“ã¨ã‚’言ã£ã¦ãŸã®ã§ã€åŸ‹ã‚è¾¼ã¿ãƒ•ã‚©ãƒ³ãƒˆã®ãƒ™ã‚¯ã‚¿æƒ…å ±ã‚’ swfassist を使ã£ã¦å–å¾—ã—ã¦ã¿ãŸã€‚SWF ã®ãƒã‚¤ãƒˆæƒ…å ±ã¯ loaderInfo.bytes ã«å…¥ã£ã¦ã„る。ãã“ã§ã€ãƒ•ã‚©ãƒ³ãƒˆã‚’埋ã‚込んã SWF ã‚’ swfassist ã«é£Ÿã‚ã—ã¦ã‚„ã‚‹ã¨ã€ãƒ•ã‚©ãƒ³ãƒˆã®ãƒ™ã‚¯ã‚¿æƒ…å ±ãŒå–れる。ã“ã®ãƒ™ã‚¯ã‚¿æƒ…å ±ã‚’å…ƒã« ShapeOutlineDrawer を使ã£ã¦æç”»ã—ã¦ã‚‹ã€‚(追記) ãŸã ã—ã€loaderInfo.bytes 㯠Flash Player 9.0.115 以é™ã«ã—ã‹å«ã¾ã‚Œã¦ã„ãªã„ã®ã§ã€ãれ以å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã ã¨ã‚¨ãƒ©ãƒ¼ã«ãªã‚‹ã€‚ShapeOutlineDrawer ã«ã¯ graphics.lineStyle(1,0x000000); ã¨ã„ã†è¡ŒãŒ
ãƒ•ã‚©ãƒ³ãƒˆæƒ…å ±ã‚’å…ƒã«æªã‚ã¦æ画：ユメã®ã‚«ã‚¿ãƒ - ã¦ã£ã煮ブãƒã‚°
as埋ã‚è¾¼ã¿ãƒ•ã‚©ãƒ³ãƒˆã®æƒ…å ±ã‚’ swfassist ã§å–å¾—ã™ã‚‹ã‹ã‚‰å…ˆã¸é€²ã‚“ã§ã€ãƒ•ã‚©ãƒ³ãƒˆã®ãƒ™ã‚¯ã‚¿æƒ…å ±ã‚’åŠ å·¥ã—ã¦éŠã‚“ã§ã¿ã‚ˆã†ã€‚(追記) 手元㮠Firefox ã ã¨ã€Œbytes ãŒèªã¿å–ã‚Œãªã„ã€ã¨ä¾‹å¤–ãŒå‡ºã‚‹ã€‚ブラウザや Player ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚ˆã£ã¦ã¯å‹•ã‹ãªã„ï¼ï¼Ÿ bytes 㯠Flash Player 9.0.115.0 以é™ã«ã—ã‹ãªã„ã®ã§ã€ãれ以å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯å‹•ã‹ãªã„…ã¨ã„ã†ã“ã¨ã 。swfassist ã«ã¯æç”»ã®ä»•æ–¹ã‚’定義ã™ã‚‹ FlashGraphics クラスãŒã‚る。ã“れを拡張ã—ã¦ã€FuzzyFlashGraphics ã¨ã„ã†ã‚¯ãƒ©ã‚¹ã‚’作æˆã—ã¦ã¿ãŸã€‚与ãˆã‚‰ã‚ŒãŸåº§æ¨™ã‹ã‚‰ã€ãšã‚‰ã—ã¦æç”»ã™ã‚‹ãŸã‚ã®ã‚¯ãƒ©ã‚¹ã 。ã•ã£ãã例。ランダムã«ãšã‚‰ã—ã¤ã¤ã€ãšã‚‰ã™å¹…を時間ã”ã¨ã«å¤‰åŒ–ã•ã›ã¦ã¿ãŸã€‚FlashGraphics オブジェクトã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•° f ã§æªã‚方を定義ã™ã‚‹ã€‚ãã“ãã“汎用的ã«éŠã¹ã‚‹ã‚“ã˜ã‚ƒãª
ã¦ã£ã煮ブãƒã‚° - ラスタ→ベクタ変æ›ã™ã‚‹ AS ライブラリ "PotrAs"
as, potras超絶ã®ã¾ã¨ã‚記事ãŒåå¿œã‚ã‚Šã™ãŽã¦æ„外ã™ãŽã¾ã™ã€‚ãã‚Œã¯ãã†ã¨ã€è¶…絶ã§ç™ºè¡¨ã—㟠PotrAs を公開ã—ã¾ã™ã€‚詳ã—ãã¯ãƒ—レゼン資料をã”らんã‚れ。プレゼンã®é–²è¦§æ–¹æ³•ï¼šãƒ—レゼン資料をクリックã—ã¦ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ä¸Žãˆã‚‹â†’ã§æ¬¡ã®ãƒšãƒ¼ã‚¸ã€â†ã§å‰ã®ãƒšãƒ¼ã‚¸Home ã§å…ˆé ã€End ã§æœ€å¾Œã®ãƒšãƒ¼ã‚¸0〜9＋Enter ã§å…¥åŠ›ã—ãŸãƒšãƒ¼ã‚¸ã«ã‚¸ãƒ£ãƒ³ãƒ—２色ã®ãƒ©ã‚¹ã‚¿ç”»åƒã‚’ベクタã«å¤‰æ›ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚プレゼン資料ã¯ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§å¤‰æ›ã—ãªãŒã‚‰è¡¨ç¤ºã—ã¦ã„ã‚‹ã®ã§ã€CPU 消費é‡ãŒå°‘ã—高ã‚ã§ã™ã€‚ã‚ã¨ã€Mac ã§ã©ã†è¡¨ç¤ºã•ã‚Œã‚‹ã‹ãŒåˆ†ã‹ã‚‰ãªã„ã®ãŒã¡ã‚‡ã£ã¨ä¸å®‰ã§ã™ï¼ˆã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ãŒã‚‰ã¿ï¼‰ã€‚(2007.10.3 追記) Mac 対ç–ã—ã¾ã—ãŸã€‚Mac ã§ã¯ BitmapData.draw ã—ãŸã¨ãã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ãŒã‹ã‹ã£ã¦ã—ã¾ã†ãŸã‚ã€ç´°ã„ç·šã«ãªã‚‹ã®ãŒåŽŸå› ã§ã—ãŸã€‚threshold メソッドã§ï¼’値化ã™ã‚‹ã“ã¨ã«ã‚ˆ
40 Killer Typographic Posters, Photoshop Effects and Tutorials
40+ Killer Typographic Posters, Photoshop Effects and Tutorials We cannot escape typography; it's everywhere on the web. In most modern designs it is used to not only present information but also be read by the users. Today we’re going to take a look at 40 stunning typographic posters, along with step-by-step Photoshop tutorials which can enrich your design skills and improve the quality of your w
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
indeza.jp
{{#tags}}- {{label}}
{{/tags}}