`
jjfat
  • 浏览: 288842 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

使用jQuery和CSS3来访问Dribbble的API

阅读更多

使用jQuery和CSS3来访问Dribbble的API

在线演示  本地下载

Dribbble是一个非常知名的设计社区,和其它大型社区类似,它也可以提供给你开放API来访问它的内容,在今天的这个教程中,我们将使用来自Dribbble的第三方API,生成一个最新设计作品展示页面,希望大家喜欢!

HTML代码

<div class="drib-list clearfix" id="popular">     
    <h1>Popular</h1>    
</div>

 

首先我们创建一个div,指定class为drib-list。然后当所有的dribbble内容都加载后,传递到预先定义的HTML结构中。

 

<div class="drib-item">
    <div class="drib-image">
        <a href="{url}"><img src="{image}" alt="{title}" /></a>
    </div>
    <div class="drib-detail">
…

使用jQuery和CSS3来访问Dribbble的APIA


分享到:
评论

相关推荐

    glassmorphism-css

    JavaScript库如jQuery或Vue.js等,提供了丰富的API,帮助开发者轻松实现这些动态变化。 在实际项目中,我们可以将Glassmorphism应用于各种界面元素,如按钮、卡片、背景或导航菜单。通过合理的布局和色彩搭配,可以...

    使用BootStrap实现悬浮窗口的效果

    在JavaScript部分,我们可以使用Bootstrap的API来初始化或操作Popover: ```javascript $(function() { $('.bind_hover_card').popover({ title: 'Popover Title', content: 'This is the popover content.', /...

    HTML5全屏简约设计师个人主页模板

    模板可能运用了过渡效果、动画、多列布局、自定义字体和颜色方案等CSS3特性,以提升界面的美观度和动态感。 4. **JavaScript/jQuery增强**:为了实现更丰富的交互功能,模板可能集成了JavaScript或jQuery库。例如,...

    portfoliopl

    8. **API集成**:如果作品集包含社交媒体链接或在线作品,JavaScript可以用来从第三方API获取数据,如GitHub、Dribbble或Behance的作品列表。 【portfoliopl-gh-pages】这个文件名暗示了项目可能托管在GitHub Pages...

    Emoji-Feedback

    "Emoji-Feedback"项目正是为了提升这两方面而提出的,它借鉴了拉巴斯(Dribbble,一个设计师分享创意作品的平台)上的设计概念,通过引入表情符号来收集和展示用户的反馈,使得用户能够更直观、有趣地表达他们对产品...

Global site tag (gtag.js) - Google Analytics